li{
    font-size:14px;
    font-weight:bold;
    color:#000;
}
/*--------------------realState slider-------------------------------*/
.textContent{
    text-align:justify;
    direction:rtl;
    height:50px;
   
}
.placePrice{
    width:50%;
}
@keyframes example {
  0% {
    width: 0%;
  }

  10% {
    width: 0%;
  }

  100% {
    max-width: 100%;
  }
}
.d-lg-none{
    display:none;
}
.tour-item ul li{
    margin-right:-5%;
}
.sugest {
  position: relative;
  animation-duration: 6s;
  margin:0 auto;
  width:80%;
  height:350px;
  z-index:0;
    }
.detail{
    float:left;
    margin: 7%;
}
.sugest.animate {
  animation-name: example;
}

.Counseling-button.Pc{
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 99;
    background-color: #ed9e0d;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    width: 40px;
    border-radius: 10px;
    height: 170px;
    font-size:16px;
    font-weight: bold;
    color: #000;
    transition: all .2s ease!important;
    
}
.Counseling-button.Pc:hover{
    transform: scale(1.1) !important;
}
.Counseling-button.Mobile{
    display:none;
}
.mobileView{
    display:none;
}
@media (min-width:769px) and (max-width:1364px){
      .my-element{
         margin-right:0 ; 
     }
     .detail {
        float: none ; 
        text-wrap: nowrap ; 
         }
        .sugest {
            width:90% ; 
        }
}
 @media screen and (max-width: 767px){
     .footer-logo,.footer-title {
        z-index: 1;
    }
     .detail-blog-wrapper {
        margin: 20px auto 40px !important; 
        }
     .detail{
         margin:0 !important;
     }
     .my-element {
         float:none !important; 
         width: 140px !important;
        height: 200px !important;
        background-size: 150px !important;
        margin-right:0 !important;
     }
     .swiper-rtl .swiper-button-next, .swiper-rtl .swiper-button-prev{
         width:20px;
         height:20px;
     }
     .pc{
         display:none;
     }
     .mobileView{
         display:block;
     }
     .right{
         width:50%;
         float:right;
     }
     .left{
         width:50%;
         float:left;
     }
     .tour-item ul li{
    margin-right:0;
}
     .swiper-rtl .swiper-button-prev {
        right: -3px;
        }
     .swiper-rtl .swiper-button-next{
         left:-3px;
     }
     .Counseling-button.Pc{
        display:none;
     }
     .top-header-wrapper {
        position: fixed;
        width: 100%;
    }
     .Counseling-button.Mobile{
         display:block;
         position: fixed;
        top: 78px;
        width: 100%;
        z-index: 99;
         background-color: #fe0000;
        height: 30PX;
        font-weight: bold;
        color: #000;
        font-size: 14px;
     }
   .Counseling-button.Mobile blink{
         animation: blinker 1s linear infinite;
        }
        
        @keyframes blinker {
          50% {
            opacity: 0;
          }
        }
     .category-sidebar,.titr{
        margin:2%; 
     }
     .titr{
         font-size:10px;
     }
      .img{
          width:100% !important;
          float:none;
          height:auto !important;
      } 
      .aboutUs{
          width:100% !important;
          font-size:10px;
          margin-top: 4%;
          height:370px !important;
      }
      .btn-continue {
        padding: 4px 10px;
        font-size: 10px;
        margin-right: 25%;
      }
      p{
        font-size:10px;  
      }
      .detail-blog-info .title {
          text-align:center;
          margin-bottom:20px;
      }
      .d-lg-none{
    display:block;
    }
    .tour-item ul li {
        width: 30%;
        font-size:8px !important;
        text-align:right !important;
    }
    .title1 {
        font-size:12px !important;
        white-space: nowrap !important;
    }
    .swiper-slide{
        width:178px;
    }
    }
.price{
   font-weight: bold;
    font-size: 16px; 
}
.primary1{
    margin-top:3%;
}
.sugest .imgM{
    transition: 0.2s ease-out;
    border-radius:50%;
    width:15%;
}

.sugest .call{
    width: 4%;
    margin-right: 1%;
}
.sugest h2{
    color:#000;
}
.sugest{
    padding: 3%;
}
.title1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    height: 35px;
    color: #15192a;
    text-align:center;
    white-space:break-spaces;
    direction:rtl;
}
.swiper {
  width: 100%;
  height: 100%;
}
.btn-close{
    background-color:#f00;
   border-radius: 40px;
    color: #fff;
    margin-right: 1%; 
    padding: 8px 14px;
    font-size: 13px;
}
.btn-continue{
    padding: 8px 14px;
    font-size: 13px;
    background-color: rgb(0 0 0 / 64%);
    border-radius: 40px;
    color: #fff;
    margin-right: 30%;
}
.btn-continue:hover{
    background-color: rgb(192 114 114 / 64%);
    color:#704f4f;
}
.swiper-rtl .swiper-button-next:hover::after, .swiper-rtl .swiper-button-prev:hover::after{
    color:#f00 !important;
}
.swiper-rtl .swiper-button-next:hover, .swiper-rtl .swiper-button-prev:hover,.swiper-rtl .swiper-button-next, .swiper-rtl .swiper-button-prev {
    border: none;
    background-color:rgba(0,0,0,0);
}
.swiper-rtl .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{
    color:#000;
    font-size:30px;
}
.tizer{
    padding:2%;
    color:#fff;
}
.box1{
    border-radius:10px !important;
    box-shadow: 5px 5px 5px 5px  #aaa9a9 !important;
    border-bottom: 1px solid #aaa9a957;
}
.swiper {
    padding:1.5%;
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.swiper-rtl .swiper-button-prev {
    right: -5px;
}
.swiper-rtl .swiper-button-next {
    left: -5px;
}
/*main{*/
/*  margin-right: -10%;*/
/*  margin-left: -10%;*/
/*}*/

/* fix arrows position */
.swiper-button-next{
   color:#000 !important;
}

.swiper-button-prev{
  color:#000 !important;
}
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
.img1{
    float:right;
    width:30%;
    margin-right: 5%;
}
.tlt{
    float:left;
    width:55%;
    padding:2%;
    margin-left: 5%;
    text-align:right;
}
.category {
    margin-top: 0 !important;
}
  .category-sidebar-filter{ margin-top: 0 !important;}
  .similarCar{
      font-size:12px;
       }
  .titr{
      margin: 4%;
  }
  .faqTitle{
     padding:2% 4% 4%;
     text-align:justify;
     direction:rtl;
     color:#000;
     font-size:16px;
     font-weight:bold;
  }
  .faqImg{
     width: 50%;
    float: left; 
    padding-left: 2%;
  }
  .faqContent{
     width: 50%;
    float: right;
    padding: 0 5% 2.5%;
    text-align: justify;
    direction: rtl;
  }
  .carDetail{
      width:100%;
  }
  .img{
      width:70%;
      float:left; 
      height:440px;
  }
  .aboutUs img{
    height: 280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
  .detail-blog-wrapper.w-100 .detail-blog-info .aboutUs .bdt-member-photo{
    position: relative;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    height:250px;
    
  }
 .aboutUs .bdt-member-photo:hover img {
    opacity: 1;
}
  .aboutUs:hover .bdt-member-photo img {
    transform: scale3d(1.05, 1.03, 1.1);
}
.aboutUs .bdt-member-icons {
    position: absolute;
    left: 30px;
    transform: translateY(-85px);
    z-index: 1;
    border: 0;
    padding: 0;
    
}
.aboutusContent{
        margin: 0 12% 0 12%;
        word-spacing: -0.2em;
          
      }
.aboutUs .bdt-member-icons .bdt-member-icon {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    transform: translateY(60px);
    transition: all .4s ease;
    padding: 0;
    opacity: 0;
}
.aboutUs:hover .bdt-member-icons .bdt-member-icon {
      transform: translateX(60px);
    transition: all .4s ease;
    opacity: 1;
    height: 100%;
}
.aboutUs:hover .bdt-member-photo:before {
    opacity: 1;
    height: 100%;
    transition: all .4s 0s cubic-bezier(.175, .885, .32, 1.275);
}
.aboutUs .bdt-member-photo:before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    height: 0;
    width: 100%;
    bottom: 0;
    transform: skewY(30deg) translateY(60%);
    transition: all .5s 0s cubic-bezier(.6, -0.28, .735, .045);
    opacity: 0;
    z-index: 1;
}

  .aboutUs{
      width:28%;
      float:right;
      text-align:justify;
      direction:rtl;
      color:#000;
      padding:2% 0;
      height:440px;
      border-radius: 10px !important;
      box-shadow: 5px 5px 5px 5px #aaa9a9 !important;
  }
  .tour-item ul li{
      white-space:nowrap;
      font-size:10px;
  }
  .tour-item .price span{
      font-size:14px;
  }
  .tour-item .btn{
      padding: 10.5px 14.5px;
      font-size:12px;
  }
  .ms-options-wrap > button{
      border:none;
      padding: 15px 20px 5px 5px;
      font-size:12px;
      font-weight:bold;
      background-color:#fafafa;
      color: #70737d;
      text-align:right;
  }
  .ms-options-wrap{
    border-radius: 5.5px;
    border: 1px solid #eaeeee;
    background-color:#fafafa;
      min-height:53px;
  }
 .product{
     background-color:#fff !important;
     padding:1.5%;
 }
  .ms-options-wrap > button:after {
    right: auto;
    left: 23px;
    font-size: 6px;
    border: none;
    border-color: #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    border-right: 2px solid #d1d1d1;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px;
}
  .swiper-pagination-bullets.swiper-pagination-horizontal{
      padding-bottom:2%;
  }
  /*.coverphoto{ 
    background-image: url('<?= (isset($realState->coverphoto))? $realState->coverphoto: asset('images/placeholder.jpg') ?>');
    padding: 3% 0 3% 0;
    background-size:cover;
         }*/
    .mobileDisplay{
    display:none;
}     
  
  @media only screen and (max-width: 767px){ 
  .category-sidebar-box {
         background-color: #05195e;
       
    }
    .category-sidebar-filter-heading {
        color:#fff;
     }
     .category-sidebar-filter-heading i {
         color:#fff;
     }
     .aboutUs .bdt-member-icons {
         left: 20px;
          transform: translateY(-185px);
     }
      .aboutUs img{
          height:auto;
      }
      .category-sidebar{
          margin-top:12%;
      }
      #myVideo {
          position: absolute;
          right: 0;
          width: 100%;
          min-height: 100%;
          z-index: -1;
          top: -22%;
        }
     .mobileDisplay{
         display:block;
        } 
    .pcDisplay{
        display:none;
    }    
    
     .ms-options-wrap > button{
       background-color:#fff;
       padding: 15px 5px 5px 20px;
       }
    .ms-options-wrap > button:after{
        left:3px;
        top: 60%;
    }       
  .ms-options-wrap{
    background-color:#fff;
  }
     
  }
  .modal-send-ticket .modal-heading {
      padding:3%;
  }
.product-bg{
    background-color: #05195e  !important ;
}

.btn-bg{
    background-color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.swiper-rtl .swiper-button-next.flashColor::after, .swiper-rtl .swiper-button-prev.flashColor::after
{
    color:#fff !important;
}
@media only screen and (max-width: 767px) {
    .placePrice{
      height:50px;  
      width:100% !important;
    }
    .phoneNumber{
        width:40px !important;
    }
    .socialIcon{
        font-size:12px;
        color:#000;
    }
    .sugest h2{
        font-size:12px !important; 
        text-wrap: nowrap;
    }
}

.icon-arrow-left-circle{
    margin-right:12px;
}
.searchButton{
    width:100%;
}
.titleColor{
    color:#fff !important;
}
.socialIcon{
    color:#000;
    font-size:15px;
}
.socialIcon:hover{
     color:#fff;
}
.socialIcon i{
    padding-right:2%;
}
.phoneNumber{
    width:50px;
    transition: all .2s ease!important;
}
.phoneNumber:hover{
    transform: scale(1.1) !important;
}
.videoDetail .swiper-slide{
    width:55%;  
}
.vpnContent{
      font-size: 13px;
      font-weight: 700;
      line-height: 19px;
      color: #c0392b;  
    }
iframe{
    width:100% !important; 
    }
@media (min-width:769px) and (max-width:1199px){
  iframe{
             height:350px;
 }
}

@media only screen and (max-width: 767px) {
 .video iframe,.videoDetail iframe,.mySwiperRealState iframe,.faqImg iframe
 {
     height:220px;
 }
 .videoDetail iframe{
    width:100% !important;  
    }
    .videoDetail .swiper-slide{
    width:100%;  
}
.modal-send-ticket .modal-title {
        font-size: 16px;
        text-wrap: nowrap;
    }
}
.tour-item .hr {
        margin: 22px 0 5px !important;
    }
.modal-send-ticket .modal-title {
    text-wrap: nowrap;
    margin-bottom:0;
}