@font-face {
    font-family: 'Shabnam';
    src: url('../fonts/shabnam-font-v1.0.2/Shabnam.woff') format('woff');
}
body {
    margin:0px;
    padding:0px
}
.MainFoother .padd_col{padding-left:0px !important; float:left !important}
.MainFoother .padd_col .Rightflt{float:left !important; position:relative;top:-3px; margin-right:10px}
.MainFoother a{font-size:14.5px; font-weight:900; text-decoration:none; color:#2f1d48}
.MainFoother .padd_col .fa-mobile{font-size:20px;top:-7px !important}
.MainFoother i{color:rgba(255, 0, 141, 0.91) !important}
.Colling { margin-bottom:15px}
.ImgDiv{ 
    min-height:370px;
    margin:0px !important;
    padding:0px !important; 
    margin-top:50px !important 
}
.ImgDiv #demo img{
    height:430px;
    width:100%;
    position:relative;
    z-index:9999
}
.SliderOwl{width:98% !important;
           margin:auto!important
}
.Gallery{margin-top:30px}
.DescriptDiv{  
    margin:0px !important;
    padding:0px !important;  
    margin-top:100px;
    position:relative;
     width:100%; 
}
.MainDesc{
    background-color:white;
     width:100%;
     min-height:470px
}
.TextLeft{ 
    height:50px;
    min-width:200px;
    position:relative;
    z-index:99999999;
    transform: rotate(90deg);
    float:left;
    top:260px;
    left:-75px; 
}
.TextLeft h3, .TextRight h3,.TextLeft span, .TextRight span{
    font-size:15px;
    text-align:left;
    margin-right:10px;
    margin-top:17px
}
.TextRight{ 
    height:50px;
    min-width:200px; 
    z-index:99999999; 
    float:left; 
    padding-top:25px
}
.MainContainer{
    min-height:570px;  
    width:90%; 
    margin-right:auto; 
    margin-left:auto
}
.H2Title{
    min-height:70px;
    margin-right:25px; 
    float:right

}
.H2Title h1{
    font-size:17px;
    font-weight:900;
    line-height:35px
} 
.fa-user{
    float:right;
    margin-left:10px
}
.fa-calendar{
    float:right;
    margin-right:25px
}
.owl-pagination{display:none !important}
.Gallery .owl-theme .owl-controls .owl-buttons div,.Gallery .owl-theme .owl-controls .owl-page span{margin-top:20px !important}
.Gallery h5{padding-right:10px; color:rgba(255, 0, 141, 0.91); font-size:25px;
            margin-bottom:25px
}
.owl-theme .owl-controls .owl-buttons div,.owl-theme .owl-controls .owl-page span{background-color:rgba(255, 0, 141, 0.91) !important}
div.owl-controls.clickable{
    margin-top:0px;
    position:relative;
    z-index:999999 !important
}
#demo{ 
    z-index: 999999 !important;
    position: relative;
}
.DateAdver{
    margin-top:20px

}
.xsShare1 {
    width: 50%;
    /* z-index: 9999999; */
    border-radius: 5px;
    background-color: rgba(255, 0, 141, 0.91);
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    /* position: absolute; */
    color: white;
    font-weight: 900;
}
 .xsShare1:hover{ 
    background-color: #2f1d48 !important;  }.xsShare1:hover{color:white !important}

.NumsAddress .Share1 i{margin-right:5px}
.NumsAddress .Share1{width: 200px;
                      border-radius:5px;
    background-color: rgba(255, 0, 141, 0.91); 
    float: left;
    height: 30px;
    padding-top:3.5px;text-align:center;
    position: relative;
    top: -5px;}
 .NumsAddress .Share1 a{display:block; height:30px; color: white !important; width:100% !important; text-align:center !important}
 .NumsAddress .Share1:hover{ 
    background-color: #2f1d48 !important;  }.NumsAddress .Share1 a:hover{color:white !important}
 .HeadAdver{float:right; min-width:50px}
.MainDate{margin-right:15px; float:right; min-width:50px}
.fltAddress i{font-style:normal;font-weight:900}
     .MDate{display:none !important}
.AdverText,.AdverText h2{margin-right:25px; margin-left:25px; text-align:justify; line-height:30px; font-size:14px !important}
.AdverText h2{margin:0px !important;float: none;
    clear: both;}
.Nums{width:100%; height:25px; direction:ltr; text-align:left; margin-bottom:10px; margin-top:25px}

    .fltWidth{min-width:10% !important;max-width:20% !important;
              float:left !important; 
    }
    h3.fltAddress {font-size:13px;margin-top: 5px !important; }
.fltWidth:hover .flt_top,.NumsAddress:hover .flt_top {
    text-decoration:none;
    color:rgba(255, 0, 141, 0.91) ;
    
    -webkit-transition:color ease .5s;
    transition:color ease .5s; 
}
.fltWidth2{max-width:30% !important;}
.fltWidth3{max-width:30% !important;}
.flt_top{
    margin-top:5px; 
}  
.flt{
    float:left !important;
    margin-right:10px
}
.mx{margin-top:3px}
.flt_Right{float:right !important}
.flt_Left{float:left !important}

.Nums a{
    font-size:15px ;
    font-weight:900;
    direction:ltr;
    text-decoration:none;
    color:black;
    float:left;  
    text-align:left !important;
    line-height:25px;
    -webkit-transition:color ease .5s;
    transition:color ease .5s; 
}#owl-demo .item img{height:380px !important}
#owl-demo1 .item img{height:130px !important}
.Nums a:hover{
    color:rgba(255, 0, 141, 0.91) !important;
    -webkit-transition:color ease .5s;
    transition:color ease .5s; 
}

.Nums span  ,.Nums h3 {
    font-weight:900;
    cursor:pointer;
    color:black;
    line-height:30px;
    text-align:justify
}
.Nums h3 i{padding-left: 10px;}
/*//share*/

.share-btn {
    position: relative;
    left: 5%;
    top: -5px;
    right: 30%;
    font-size: 22px;
    color: #0481bc;
}

.btn-copy {
    background-color: #0481bc;
    border: none;
    color: #fff;
    transition: 0.5s;
    padding: 5px 18px;
}

.share-container {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #EEEEEE;
}

.modalShare .modal-dialog {
    width: 400px!important;
    max-width: 100%;
}


.input-link {
    width: 217px;
    text-align: left;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    direction: ltr;
}

/*.subscribe-input-group2 {
    margin: 20px auto 10px;
}

    .subscribe-input-group2 .subscribe-input2 {
        border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        -ms-border-radius: 0 2px 2px 0;
        -o-border-radius: 0 2px 2px 0;
        width: 100%;
    }

    .subscribe-input-group2 .btn-subscribe2 {
        border-radius: 2px 0 0 2px;
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        -ms-border-radius: 2px 0 0 2px;
        -o-border-radius: 2px 0 0 2px;
        vertical-align: middle;
    }

    .subscribe-input-group2 .subscribe-input2, .subscribe-input-group2 .btn-subscribe2 {
        display: table-cell;
        height: 41px;
        vertical-align: middle;
    }

.btn-blue2 {
    background-color: #38abec;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 41px;
    padding: 0 13px;
    text-align: center;
}

    .btn-blue2:hover, .btn-blue2:focus {
        color: #fff;
    }*/

/*.form-input2 {
    border: 2px solid #38abec;
    background-color: #fff;
    display: block;
    font-size: 13px;
    padding: 10px;
    outline: none;
    color: #2b2b2b;
    transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -o-transition: all ease .2s;
}*/

.share-social .container-share {
    display: inline-block;
    background: #f5f5f5;
    border: 1px solid #EEEEEE;
    padding: 13px 10px 10px 10px;
    width: 171px;
    margin-bottom: 13px;
    margin-left: 10px;
}

    .share-social .container-share:nth-child(2n) {
        margin-left: 0;
    }

.container-share .icon-share2 {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background-color: #2d2d2c;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.container-share .icon-share2 {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.container-share:hover .icon-share2 i {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}

.container-share:hover .icon-share2 {
    border-radius: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.container-share .icon-share2.telegram {
    background-color: #59AAE7;
}

.container-share .icon-share2.google-plus {
    background-color: #E74E3D;
}

.container-share .icon-share2.linkedin {
    background-color: #126DB1;
}

.container-share .icon-share2.facebook {
    background-color: #0956b5;
}

.container-share .icon-share2.instagram {
    background-color: #895D4B;
}

.container-share .icon-share2.twitter {
    background-color: #28D4F9;
}

.container-share .title {
    display: block;
    margin-top: 10px;
    color: #38abec;
}


.Rightflt{float:right !important}
.rtl{margin-right:10px}
.MainFoother{margin-top:30px; margin-bottom:15px; padding-right:15px; padding-left:15px}
.Search{width:100%}
.XSearch{height:40px}
.MainSearch{padding:0px !important; margin-top:35px !important}
.Input{width:100% !important; max-width:100% !important;
transition:border-bottom linear 1s; 
-webkit-transition:border-bottom linear 1s; height:40px !important; border:0px !important; outline:0px !important; border-bottom:2px solid #dcdcdc !important;}
/*.Input:hover{ border-bottom:2px solid black !important}*/
.btnSearch{position:relative; left:4px; float:left; top:-25px}
.TopImg{height:130px}
.TopImg img{width:100%; height:100%}
.TopImg h2{font-size:14px !important; font-weight:900; float:right}
.TopImg span{float:right; margin-top:17px; margin-right:10px; font-weight:900; font-size:14px}
.TopTitle{height:35px; margin-top:-20px}
.TopTitle h2{font-size:18px; font-weight:900}
.TopTitle h2 span{visibility:hidden !important}
.OverLayImg{cursor:pointer;
    -webkit-transition:visibility ease-in 1s !important; 
    transition:visibility ease-in 1s !important;
    -webkit-transition:color ease 2s !important; 
    transition:color ease 2s !important; width:100%; height:130px; background-color:rgba(0, 0, 0, 0.47); position:relative; margin-top:-130px; visibility:hidden}
.TopImg:hover .OverLayImg{visibility:visible;
    -webkit-transition:color ease 2s !important; 
    transition:color ease 2s !important; 
    -webkit-transition:visibility ease-in 1s !important; 
    transition:visibility ease-in 1s !important;}
.TopImg:hover {color:firebrick}
.Adver img{width:100%; height:100%}
.Adver{height:250px; margin-top:30px !important}
.OverlayAdver{width:100%; display:block; height:270px; background-color:rgba(0, 0, 0, 0.47); position:relative; z-index:999; margin-top:-270px; visibility:hidden}
.Adver:hover .OverlayAdver{visibility:visible;}
.OverlayAdver h2{color:white !important; text-decoration:none !important; font-size:15px !important; margin-top:0px !important; 
                     line-height:30px;
} 
.adver-footer{min-height:40px; background-color:rgba(0, 0, 0, 0.77); position:relative; bottom:0px !important; padding-top:5px}
.Adver a{text-decoration:none !important; text-align:center}
.mainAdvertise{padding:0px !important; min-height:600px !important; float:right !important}
.MainFixed{min-height:370px !important; float:right !important}
.TopTitle {
    clear: both;
    float: none;
    margin-top: 60px;
    margin-bottom: -30px;
}
                             /*#find_area{margin-top:30px !important}*/
                             
    #Sliders div.owl-controls.clickable {
        display: none !important;
    }

    #Sliders .TopTitle {
        margin-top: 40px;
    }
     

    #Sliders .col-lg-12.MainSearch.Post.Post1 {
        background-color: white;
    }

    #Sliders .TopImg h2 {
        margin-top: 10px;
        padding-right: 10px;
    }
@media(max-width:1270px) {
.Nums span,.Nums a{font-size:13px !important}
}@media(max-width:1220px)
{ 
.MainContainer{width:95% !important}
}@media(max-width:1199px)
{
.MainFoother .padd_col{ float:none !important}
    .xsShare1 {
        left: 45px;
    }
    .TopImg h2,.TopImg span{font-size:12.5px !important; display:block}
    .xFlt{margin-left:0px !important}
}@media(max-width:1150px) {.fltWidth { 
    max-width: 25% !important; 
}.fltWidth2 { 
    max-width: 40% !important; 
}.fltWidth3 { 
    max-width: 40% !important; 
}.NumsAddress .Share1{margin-top:30px}
}
@media(min-width:1199px)
{
    .fixed{position:static; z-index:99} 
}
@media(max-width:1067px  ) {
    .TopImg span{display:none}
} 
@media(min-width:991px)
{ 
    .MainDate{display:none !important}
    .MDate{display:block !important}
    .H2Title h1 ,.DateAdver{float:right}
    .DateAdver{margin-top:27px !important; margin-right:20px}
}
@media(max-width:991px)
{
#owl-demo1 .item img{height:200px !important} .fltWidth2 { 
    max-width: 50% !important; 
}.fltWidth3 { 
    max-width: 50% !important; 
}
    .Adver img{height:270px !important; margin-top:17px !important}
    .mainAdvertise{min-height:100px !important}
    .MainFixed{min-height:140px !important}
    /*.Post{width:25% !important; float:right !important;}*/
    .Post1{ height:180px !important}
    .Post1 img,.OverLayImg{height:150px !important}
    .OverLayImg{margin-top:-150px !important}
    .Post2{margin-right:2%; margin-top:62px !important}
    .TopImg{height:240px;} 
    .OverlayAdver{height:270px !important; margin-top:-270px !important}
    .TopImg span{display:block}.TopTitle{width:100%!important}
                             #find_area{margin-top:0px !important}
    .fa-calendar{ 
        margin-left:6px;
    }
    .H2Title{ 
        margin-right:15px; 
    } 
    .TextRight{
    top:0px ;
    right:0px;
    transform: rotate(0deg);
    }
    .TextLeft{
    top:0px;
    left:0%; 
    transform: rotate(0deg);
    }
    .DescriptDiv {
    margin:0px !important;
    padding:0px !important;  
    left:0%;
    top:0px; 
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 0px; 
    width: 100%; 
    }
    .MainDesc{
        width:100%;
    }
    .AdverText{margin-right:15px; margin-left:15px}
    .MainHead , .TextLeft{display:none !important}
    .MainFixed,.mainAdvertise{width:100% !important}
     
.TopTitle{
    margin-right: 10px;
    margin-top: 30px;}
    .mainAdvertise {
        margin-top: 20px !important;
    }.MainContainer .ImgDiv {
    margin-top: 20px !important;
}.MainDesc { 
    min-height: 120px;
}.NumsAddress {
    margin-top: 22px !important;
}
 .MainFixed{margin-bottom:30px}
}



@media(max-width:898px)
{/*.Post {
    width: 32% !important; 
}*/
 .fltWidth {
    max-width: 30% !important; 
} .fltWidth3 { 
    max-width: 70% !important; 
}
}
@media(max-width:892px) { 
    .mainAdvertise {
    margin-top: 10px !important;
}
    .ADisNone{display:none !important}
}
@media(max-width:790px)
{/*.Post {
    width: 33.33% !important; 
}*/
}
@media(max-width:768px)
{
#owl-demo1 .item img,#owl-demo .item img {
    height: 300px !important; 
}.mainAdvertise {
    margin-top: 30px !important;
} .fltWidth {
    max-width: 50% !important; 
} .fltWidth3,.fltWidth2 { 
    max-width: 100% !important; 
}
}
@media(max-width:717px)
{
 .fltWidth {
    width: 50% !important; 
}
 .Nums{height:50px!important}
 .Nums.NumsAddress{height:30px !important}
}
@media(max-width:690px)
{
#owl-demo1 .item img  {
    height: 270px !important; 
}
}
@media(max-width:645px) {
    .ImgDiv img {
        height: 320px;
    }
    
#owl-demo1 .item img  {
    height: 250px !important; 
}
    #owl-demo .item img {
        height: 280px !important;
    }

    .fltWidth, .fltWidth3, .fltWidth2 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }

}
@media(max-width:610px) {
#owl-demo1 .item img  {
    height: 230px !important; 
}
}
@media(max-width:571px) {
#owl-demo1 .item img  {
    height: 220px !important; 
}
    .Nums.NumsAddress{height:0px !important}#owl-demo .item img {
    height: 250px !important; 
}
}
@media(max-width:570px)
{ 
    /*.Post2{margin-top:122px !important; margin-right:0px !important}*/
    .MainFoother{margin-bottom:50px !important}
    .xsShare1 {
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    }
}
@media(max-width:539px)
{
    .ImgDiv img{height:260px} 
    .TextRight{width:100%;
               margin-right:auto;
               margin-left:auto
    } 
    .TextLeft,.TextRight { 
        
    }
    .TextLeft h3, .TextRight h3 ,.TextLeft span, .TextRight span{
        text-align:center !important;
        float:right !important;
        margin-left:0px !important;
        font-size:14px

    }
    .H2Title{
            margin-top: 0px; 
    }
    .fa-user{
        float:right !important;
        margin-left:10px;
        margin-right:0px
    }
    .fa-calendar{
        float:right !important;
        margin-left:10px;
        margin-right:0px
    }
    .H2Title h1{
        font-size:16px
    }
    .DateAdver{
        font-size:12px
    }
    .AdverText{
        font-size:14px
    }#owl-demo .item img {
    height: 220px !important; 
}
} 
@media(max-width:520px) {
#owl-demo1 .item img  {
    height: 200px !important; 
}
}
@media(max-width:510px){ .Post1 img, .OverLayImg {
    height: 120px !important;
}.OverLayImg {
    margin-top: -120px !important;
}.Post1 {
    height: 145px !important;
}
 .MainFixed{
     padding: 0px !important;
    margin-bottom: 20px !important;
 }
}
@media(max-width:500px){ 
    .Nums a,.Nums span{font-size:12px !important}
}
@media(max-width:486px) {
    .MainDesc .TextRight{display:none !important; float:left}
}
@media(max-width:484px)
{ 
#owl-demo1 .item img  {
    height: 340px !important; 
} 
    .ImgDiv img{height:230px}
    .H2Title {float:none !important; width:100% !important; margin-top:0px !important}
    .MainDesc {
    margin-top: 50px;
}
    .TextLeft h3, .TextRight h3 ,.TextLeft span, .TextRight span{
        text-align:center !important;
        float:left !important; 
    }
    .MainDesc .TextRight{display:none !important; float:left}.MainContainer .ImgDiv{margin-top:-30px!important}
}
.SMSCall {
display:none
}
@media(max-width:421px)
{
#owl-demo1 .item img  {
    height: 300px !important; 
} 
    #Sliders .OwlMyItem.col-lg-12.col-md-12.col-sm-4.col-xs-6.OwlMyItem1 {
        width:100% !important
    }
    .Post1 img, .OverLayImg {
    height: 230px !important;
}.OverLayImg {
    margin-top: -230px !important;
}.Post1 {
    height: 125px !important;
}.TopImg h2, .TopImg span {
    font-size: 13px !important; 
}
 .SMSCall{width:100%;
          display:block;
          height:45px;
          line-height:43px;
          background-color:rgb(255, 0, 141);
          text-align:center;
          text-decoration:none; font-weight:900;
          z-index:9999999!important;
          clear:both;
          position:fixed;bottom:0px !important;
          margin-top:80px !important
 }
 .SMSCall .CallItems{
     width:50%;
     height:100%;
     color:white !important;
      float:right;
      font-size:18px
 }
 .SMSCall .CallItems:hover{ 
     color:white !important; 
     background-color:black
 }
}
@media(max-width:398px)
{
#owl-demo1 .item img  {
    height: 280px !important; 
} 
    .ImgDiv img{height:190px}
    .AdverText{font-size:13px; float:none; clear:both !important}
}
@media(max-width:360px)
{
#owl-demo1 .item img  {
    height: 250px !important; 
} 
    .ViewIco{display:none !important}
}
@media(max-width:340px)
{
#owl-demo1 .item img  {
    height: 230px !important; 
}  
}
@media(max-width:368px)
{  .Post1 img, .OverLayImg {
    height: 200px !important;
}.OverLayImg {
    margin-top: -200px !important;
} 
}
@media(max-width:331px)
{ .Post1 img, .OverLayImg {
    height: 190px !important;
}.OverLayImg {
    margin-top: -190px !important;
}.Post1 {
    height: 115px !important;
}
}

@media(max-width:310px)
{
#owl-demo1 .item img  {
    height: 210px !important; 
}  
}
@media(max-width:290px)
{
#owl-demo1 .item img  {
    height: 190px !important; 
}  
}
@media(max-width:275px)
{  .Post1 img, .OverLayImg {
    height: 170px !important;
}.OverLayImg {
    margin-top: -170px !important;
} 
}

.bar 	{ position:relative; display:block; width:100%; }
.bar:before	{
  content:'';
  height:2px; 
  width:0;
  bottom:0.002px; 
  position:absolute;
  background:black; 
  transition:0.2s ease all; 
  -moz-transition:0.5s ease all; 
  -webkit-transition:0.5s ease all;
}

.bar:before {
  left:0;
}
/* active state */
#tbxSearch:focus ~ .bar:before {
  width:100%;
}