/*.banner-left-text span{
    background:rgb(134,50,7,1);
}*/

.carousel-indicators{
  width: 219px;
  left: calc(50% - 108px) !important;
  margin-left: inherit !important;
}


.navbar-brand {
    padding: 9px 20px !important;
}
.whatsapp{
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    bottom: 20px;
    z-index: 999998;
    right: 10px;
}
  select.form-control:not([size]):not([multiple]){
    height: 45px;
  }
  .btn.dropdown-toggle.btn-default{
      padding-left: 8px;
      letter-spacing: 0px;
      text-transform: capitalize;
      line-height: 1.25;
      color: #495057 !important;
      font-weight: 500;
      font-size: 16px !important;
      margin-bottom: 20px;
      border: transparent;
    box-shadow: none;
  }
  button.btn.bg-color.pop-btn{
    background-color:#bc2658 !important;
    color:#fff !important;
  }

  .top_info .main_info .top_inner__list__items span,.top_info .main_info .top_inner__list__items,.top_info .sub_head{
    color:#fff;
  }
  .top_info .overlay{
    background: rgb(53 53 53 / 65%);
  }

  .header-main{
    background: transparent;
    transition: background  0.3s;
    box-shadow: none;
  }
  .header-main{
      padding: 6px 0 15px 0;
  }
  .sticky {
      position: fixed;
      top: 0;
      width: 100%;
      background: #fff;
      transition: background  0.6s;
      box-shadow: 3px 1px 2px #545454;
  }
  .header-main .logo-sec{
    /*background: url(images/tarc_new_logo_white.svg);*/
    display: block;
    z-index: 999;
    background-size: 100%;
    /*height: 48px;*/
    /*height:58px;*/
    height:100%;
    background-repeat: no-repeat;
    /*width: 196px;*/
    width:230px;
  }
  .header-main.sticky .logo-sec{
    background: url(new-images/sobha-altus-logo.svg);
        background-size: 126px !important;
    background-repeat: no-repeat !important;
  }
  .header-main .logo-sec {
      background: url(new-images/sobha-altus-white.svg) !important;
      /*background: url(new_logo.svg) !important;*/
      background-repeat: no-repeat !important;
       background-size: 126px !important;
  }
  .sticky + .content {
    padding-top: 60px;
  }
  .top_info .main_info .top_inner__list{
    transition: border-top 3s;
  }
  .header-main .head-right-bar a{
    color:#fff;
  }
  .header-main.sticky .head-right-bar a{
    color: #bc2658;
  }
  .about-dlf-sec .info-thumb{
    text-align: right;

  }
  .about-dlf-sec .info-thumb img{
    width: 87%;
  }
  .phone-img img{
    transform: rotate(7deg);
    filter: brightness(0) invert(1);
  }
  .header-main.sticky .phone-img img{
    transform: rotate(7deg);
    filter: none;
  }

  @-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
ol.carousel-indicators{
    /*right: auto;
    margin-left: auto;*/
}
ol.carousel-indicators{
    /*left:calc(50% - 136px);*/
  }
  
section.bnr_sec.top_info{
    height:100vh !important;
}
.header-main{
    padding:0px !important;
}
header .navbar-brand{
	    height: 90px !important;
}
header .head-right-bar{
	    margin-top: 18px !important;
}
@media only screen and (max-width: 767px){
  .enquire-btn.phone-img img{
    width: 35px;
  }
  .enquire-btn {
    background: transparent;
    color: #fff !important;
    font-size: 15px;
  }
  .header-main.sticky .enquire-btn{
    background: transparent;
    color: #bc2658 !important;
  }
  .header-main.sticky .enquire-btn.phone-img:hover{
    color: #e5131c !important;
  }
  .header-main.sticky .logo-sec{
    height: 48px;
  }
  .header-main .col-lg-2{
    width: 100%;
  }
  ol.carousel-indicators{
    /*left:calc(50% - 57.5px);*/
  }
  .about-dlf-sec .info-thumb{
    text-align: center;
  }
  .video-section{
    background-size: cover;
  }
  .video-section .col-sm-12{
    width: 100%;
  }
  .wow{
      animation-name: none !important;
      visibility: visible !important;
  }
}
  /* Top Bar */
.top-bar{
    background: #333;
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
    
}
.top-bar h3{
    display: flex;
    justify-content: space-between;
    margin: 0px 0px;
    font-weight: 300;
    font-style: italic;
    font-size: 19px;
    line-height: 53px;
    color:#fff;
}
.top-bar h3 a{
  font-style: normal;
      border: 1px solid #fff;
    color: #fff;
    padding: 6px 25px;
    line-height: normal;
    margin: 8px 0px;
}
/*.header-main{
  top:53px;
}*/
.typed-cursor{
  display: none;
}
.head-right-bar{
    margin-top:12px;
}

@media only screen and (max-width: 767px){
  .enquire-btn.phone-img img{
    width: 35px;
  }
  .enquire-btn {
    background: transparent;
    color: #fff;
    font-size: 15px;
  }
  .header-main.sticky .enquire-btn{
    background: transparent;
    color: #bc2658;
  }
  .header-main.sticky .logo-sec{
    height: 48px;
  }
  .header-main .col-lg-2{
    width: 100%;
  }
  ol.carousel-indicators{
    /*left:calc(50% - 57.5px);*/
  }
  .about-dlf-sec .info-thumb{
    text-align: center;
  }
  .video-section{
    background-size: cover;
  }
  .video-section .col-sm-12{
    width: 100%;
  }
  .wow{
      animation-name: none !important;
      visibility: visible !important;
  }
  /* top bar */
  .top-bar{
    height: 44.8px;
  }
  .top-bar h3{
        font-size: 13px;
    line-height: 14px;
        margin: 2px 0px;
  }
  /*.header-main{
    top:44.8px;
  }*/
  .top-bar h3 a{
    padding: 6px 10px;
    margin:2px 0px;
  }
  .top-bar .container{    
    width: calc(100% - 10px);
    margin: 0px 5px;
    padding: 0px;
  }
  .header-main.sticky .logo-sec{
    background-size: 88%;
  }
  .video-sec video{
    width: 100%;
  }
    header .navbar-brand{
    	height: 100% !important;
        padding: 0px !important;
    }
    .header-main .logo-sec{
    	/*width: 100px !important;
      height:60px;*/  
    }
    .header-main.sticky .logo-sec{
    	height: 100% !important;
    }
    .header-main.sticky .logo-sec{
    	background-size: 100% !important;
    }
    
    
    .enquire-btn.phone-img{
    	margin-top:0px !important;
          padding: 20px 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
  /* top bar */
  .top-bar h3{
    font-size: 16px;
    line-height: 14px;
    margin: 0px 0px;
  }
  /*.header-main{
    top:53px;
  }*/
  .top-bar h3 a{
    padding: 6px 10px;
  }
  .top-bar .container{    
    width: calc(100% - 10px);
    margin: 0px 5px;
    padding: 0px;
  }
}
@media only screen and (min-width: 810px) and (max-width: 1200px){
  .top-bar h3{
    font-size: 15px;
    line-height: 48px;
  }
  .top-bar h3 a{

  }

}
@media only screen and (min-width: 768px) and (max-width: 810px){
  .top-bar h3{
    line-height: inherit;
    margin: 0px 0px;
  }
  .top-bar h3 a{
        margin: 4px 0px;
  }
}

/* extra Css. */

.sticky,.header-main {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    transition: background 0.6s;
    box-shadow: 3px 1px 2px #545454;
}
.header-main .logo-sec{
  background: url(new-images/sobha-altus-logo.svg) !important;

  background-repeat: no-repeat !important;
  background-size: 126px !important;

/*  width:100px;*/
}
.header-main .head-right-bar a{
      color: #bc2658;
}
.phone-img img {
    transform: rotate(7deg);
    filter: none;
}


@media only screen and (min-width: 768px) and (max-width: 1241px) {

  .head-right-bar a{
    font-size: 14px;
  }
  #mainNav.header-main .col-lg-8{
        width: calc(100% - 490px);
  }
}

/* mobile design */
@media only screen and (max-width: 767px){

  .header-main .logo-sec {
      
      width: 85px;
      background-position: left !important;
      background: url(new-images/sobha-altus-logo.svg) !important;
      height: 100%;
      background-repeat: no-repeat !important;
      background-size: 100% !important;
      background-position: center !important;
          background-size: 126px !important;
  }
  .video-section {
      margin-top: 47px;
  }
  .enquire-btn{
    font-size: 13px;
  }
  .whatsapp{
      width: 50px;
      height: 50px;
      display: block;
      position: fixed;
      bottom: 50px;
      z-index: 999998;
      right: 10px;
  }

}




.pic-wrapper,.pic-wrapper {
  margin: 0;
  padding: 0;
}

.pic-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top:0px;
}

.pic-wrapper figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

.pic-wrapper figurecaption {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
}

.pic-wrapper .pic-1 {
  opacity: 1;
  background: url("img/slider/slider4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-wrapper .pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("img/slider/slider5.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-wrapper .pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("img/slider/slider6.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-wrapper .pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("img/slider/slider7.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
} 
  
  .carousel-inner>.item>img{
    height: 320px;
    margin: 0 auto;
    position: relative;
  }
  .blur-img{
        position: absolute;
    background: #ff2a66;
    height: 320px;
    top: 0px;
    width: 100%;
    
        filter: blur(8px);
    -webkit-filter: blur(5px);
  }

  .bx-wrapper{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
  }
  .bx-wrapper img{
    width: 100%;
  }
  .banner-section.video-section,.bx-wrapper{
    background: rgb(0 0 0);
  }
  .slide img{
    height: 100vh;
  }
  @media only screen and (min-width: 1200px){
    .col-sm-12 .lightbox img{
      height: 100%;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px){
    #gallery .gallery-right-side{
      width: 100%;
    }

  }

  @media only screen and (max-width: 767px){
    .bnr_sec.top_info{
      background-color: #e3c97e;
      /*background-image:url('images/mobile_banner.png') !important;*/
      background-image: url('banner/mob_banner.jpg') !important;
      background-size: cover;
      padding-bottom: 0px;
      background-position: right;
    }
    .bnr_sec.top_info .bx-wrapper{
      display: none;
    }
    .banner-section.video-section{
      background:url('new-images/mob_se_sec_img.jpg')  !important;
      background-size: cover  !important;
      margin-top: 0px;
    }
    .sub_head{
      text-align: center;
    }
  }



       .price_inner img{
      width: 100%;
      height: 350px;
      box-shadow: 12px 4px 17px 1px rgb(157 157 157 / 31%)
      
     }
     .mg-top-30{
      margin-top: 30px;
     }
     .offers.price_sec .price_inner{
      border:none;
     }
     .offers.price_sec .price_inner:after{
      content: none;
     }
     @media only screen and (max-width: 767px){
      .price_inner img{
        height: auto;
      }
      .col-sm-12.col-lg-6.mobile{
        max-width:  100%;
      }
      
     }


    /*#overview{
      padding-top:130px;
    }*/
    .title-bar-main h2{
      font-size: 34px;
      line-height: 1.3;
    }
    .content-sec p{
      font-size: 14px;
      line-height: 1.4;
      font-weight: 300;
      text-align: justify;
    }
    #overview{
      padding-bottom: 0px;
    }
     #overview .content-sec p{
      text-align: center;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.625em;

     }
    .video-section{
      /*margin-top: 70px;*/
    }
    .phone-img img{
      transform: rotate(7deg);
      filter: brightness(0) invert(1);
    }
    .header-main {
        background: transparent !important;
        transition: background 0.3s;
        box-shadow: none;
    }
    .header-main .head-right-bar a {
        color: #fff;
    }
    .sticky{
      background: #fff!important;
      transition: background 0.6s;
      box-shadow: 3px 1px 2px #545454;
    }
    .header-main .logo-sec{
      background: url(new-images/sobha-altus-white.svg) !important;
      background-size: 126px !important;
      background-repeat: no-repeat !important;
      
    }
    .header-main.sticky .logo-sec {
    background: url(new-images/sobha-altus-logo.svg) !important;
    background-size: 126px !important;
    background-repeat: no-repeat !important;
  
    }
@media only screen and (max-width: 767px){
    .header-main .logo-sec,.header-main.sticky .logo-sec {
       background-size: 85px !important;
       margin: 10px 15px;
    }
}



  .gallery-item.gallery-border{
    display: flex;
    height: 100%;
  }
  .gallery-item.gallery-border img {
      width: 100%; /* Set your desired width */
      height: 100%; /* Set your desired height */
      object-fit: cover; /* This property ensures the image maintains its aspect ratio within the specified dimensions */
      /*margin: 10px;  Add some margin to separate the images */
  }

  @media only screen and (max-width: 768px){
    .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
  }

.mobile-btn.bottom .btn-outline-primary img{
  width: 34px;
  filter: brightness(0) invert(1);
}
  .mobile-btn.bottom .btn-outline-primary{
    display: inline-block;
    width: 100%;
    background: #ac1046;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
  }
  .mobile-btn.bottom .btn-outline-primary img{
    animation: Shake 0.5s linear infinite;
  }
  /*img:hover {
      
  }*/

  /*Using keyframes for shaking an image*/
  @keyframes Shake {
      0% {
          transform: rotate(7deg);
      }

      25% {
          transform: rotate(-7deg);
      }

      50% {
          transform: rotate(7deg);
      }

      75% {
          transform: rotate(-7deg);
      }

      100% {
          transform: rotate(7deg);
      }
  }