@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
@font-face {
  font-family: 'Nexa';
  src: url('../images/NexaLight.eot');
  src: url('../images/NexaLight.eot?#iefix') format('embedded-opentype'),
  url('../images/NexaLight.woff2') format('woff2'),
  url('../images/NexaLight.woff') format('woff'),
  url('../images/NexaLight.ttf') format('truetype'),
  url('../images/NexaLight.svg#NexaLight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexa Bold';
  src: url('../images/Nexa-Bold.eot');
  src: url('../images/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
  url('../images/Nexa-Bold.woff2') format('woff2'),
  url('../images/Nexa-Bold.woff') format('woff'),
  url('../images/Nexa-Bold.ttf') format('truetype'),
  url('../images/Nexa-Bold.svg#Nexa Bold') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
html, body{padding: 0;margin: 0;font-size: 16px;-webkit-font-smoothing: antialiased;font-family: 'Nexa';font-weight: 400;color: #656565;
line-height: 26px;overflow-x: hidden;}
a, img, button, input[type=submit]{text-decoration: none;outline: none; border: 0;}
button, input, select, textarea{font-family: 'Nexa';}
b, strong{font-weight: 700;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:focus, a:hover{text-decoration: none !important;}
ul, h1, h2, h3, h4, h5, h6, hr, figure, ol{padding:0;margin:0;}
.fLight{font-family: 'Nexa';}
.fBold{font-family: 'Nexa Bold';}
.container{max-width: 1200px;margin: 0px auto;padding: 0 15px;}
.container-fluid{max-width: 95%;margin: 0px auto;padding: 0 15px;}
.container.small{max-width: 850px;padding: 0 20px;}
.container.medium{max-width: 1000px;padding: 0 20px;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase;}
.text-italic{font-style: italic;}
.text-underline{text-decoration: underline;}
.text-light{font-weight: 300;}
.text-medium{font-weight: 400;}
.text-bold{font-weight: 600;}
.text-bolder{font-weight: 700;}
.text-black{color:#000;}
.text-faint-black{color: #161616;}
.text-white{color:#fff !important;}
.text-orange{color: #ee6e25;}
.img-responsive{max-width: 100%;height: auto;}
.img-full{width: 100%;height: auto;display: block;}
.center-block{margin: 0 auto;}
.disInBlock{display: inline-block;}
.disBlock{display: block;}
.bg-white{background-color: #fff;}
.bg-off-white{background-color:#F6F9F9;}
.bg-cover{background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.col-1{width: 8.333333333333333%;}
.col-2{width: 16.66666666666667%;}
.col-3{width: 25%;}
.col-4{width: 33.33333333333333%;}
.col-5{width: 41.66666666666667%;}
.col-6{width: 50%;}
.col-7{width: 58.33333333333333%;}
.col-8{width: 66.66666666666667%;}
.col-9{width: 75%;}
.col-10{width: 83.33333333333333%;}
.col-11{width: 91.66666666666667%;}
.col-12{width: 100%;}
.col-12-5{width: 20%;}
.w100{width: 100%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w30{width: 30%;}
.w20{width: 20%;}
.cred {color: red;}
.h100{height: 100%;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-12-5, .w30, .w70, .w20{float: left;}

.mg-5{margin: 5px;}
.mg-10{margin:10px;}
.mg-20{margin:20px;}
.mg-30{margin:30px;}

.mg-tp-5{margin-top: 5px;}
.mg-tp-10{margin-top: 10px;}
.mg-tp-20{margin-top: 20px;}
.mg-tp-30{margin-top: 30px;}

.mg-bt-5{margin-bottom: 5px;}
.mg-bt-10{margin-bottom: 10px;}
.mg-bt-20{margin-bottom: 20px;}
.mg-bt-30{margin-bottom: 30px;}

.mg-rt-5{margin-right: 5px;}
.mg-rt-10{margin-right: 10px;}
.mg-rt-20{margin-right: 20px;}
.mg-rt-30{margin-right: 30px;}

.mg-lt-5{margin-left: 5px;}
.mg-lt-10{margin-left: 10px;}
.mg-lt-20{margin-left: 20px;}
.mg-lt-30{margin-left: 30px;}

.pd-5{padding:5px;}
.pd-10{padding:10px;}
.pd-20{padding:20px;}
.pd-30{padding:30px;}

.pd-tp-5{padding-top: 5px;}
.pd-tp-10{padding-top: 10px;}
.pd-tp-20{padding-top: 20px;}
.pd-tp-30{padding-top: 30px;}

.pd-bt-5{padding-bottom: 5px;}
.pd-bt-10{padding-bottom: 10px;}
.pd-bt-20{padding-bottom: 20px;}
.pd-bt-30{padding-bottom: 30px;}

.pd-rt-5{padding-right: 5px;}
.pd-rt-10{padding-right: 10px;}
.pd-rt-20{padding-right: 20px;}
.pd-rt-30{padding-right: 30px;}

.pd-lt-5{padding-left: 5px;}
.pd-lt-10{padding-left: 10px;}
.pd-lt-20{padding-left: 20px;}
.pd-lt-30{padding-left: 30px;}

.h500{height: 500px;}
.h600{height: 600px;}
.h700{height: 700px;}
.h800{height: 800px;}

.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fix{position: fixed;}
.bottom{bottom:0;}
.top{top:0;}
.left{left:0;}
.right{right:0;}
.visible-xs{display: none !important;}
.hidden-xs{display: block}
.visible-ipad{display: none !important;}
.visible-sm{display: none;}
.row:before, .row:after{display: table;content: " ";}
.row:after, .clearfix{clear: both;}

.disptable{display: table;height: 100%;}
.dispblock{display: block;}
.table-cell{display: table-cell;vertical-align: middle;}

.Yoverflowhidden{overflow-y: hidden;}
.Xoverflowhidden{overflow-x: hidden;}
.overflowhidden{overflow: hidden;}

section{float: left;width: 100%;}

/*Common CSS*/
.theme-btn{background-color: #0E7BD2;color: #fff;display: inline-block;padding: 10px 20px;border-radius: 100px;font-weight: bold;text-transform: uppercase;font-size: 14px;line-height: 25px;font-family: 'Nexa Bold';cursor: pointer;}
.theme-btn-2{color: #0E7BD2; border: 1px solid #0E7BD2;display: inline-block;padding: 8px 20px;border-radius: 100px;font-weight: bold;text-transform: uppercase;font-size: 14px;line-height: 25px;font-family: 'Nexa Bold';cursor: pointer;}
.d-btn{font-size: 14px;line-height: 18px;padding: 8px 15px;margin-right: 10px;width: 155px;text-align: center;}
.explore{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);padding: 10px 50px;}
.slide{background-repeat: no-repeat;background-position: center;background-size: cover;}
.txt-white{color:#fff;}
.sec-title{text-transform: uppercase;color: #1C1C1C;display: inline-block;}
.sec-title:after{content: "";position: absolute;height: 1px;width: 60px;right: -80px;top: 50%;transform: translateY(-50%);background-color: #707070;}
.sec-head{font-size: 26px;line-height: 34px;color: #161616;padding: 10px 0 0;font-weight: 800;font-family: 'Nexa Bold';}
sup{font-size: 12px;}
  sup {
    border: 1px solid;
    border-radius: 100%;
    font-size: 7px;
    padding: 1px;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 13px;
}

.ai{position: absolute;background-color: rgba(0,0,0,0.8);color: #fff;font-size: 12px;line-height: 16px;padding: 2px 5px;display: inline-block;bottom: 5px;right: 5px;}
.ai2{right: initial;left: 5px;}
.ai3{bottom: initial;top: 5px;}
.bx-controls{text-align: right;    width: 650px;}
.slider-controls a.disabled{display: none!important;}

.bx-wrapper .bx-pager{padding: 20px 0;}
.bx-wrapper .bx-pager .bx-pager-item{display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a{font-family: 'Nexa Bold';padding: 2px 5px; outline: 0;margin: 0 2px; -moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;font-size: 12px;line-height: 18px;color: #000;}
.bx-wrapper .bx-pager .bx-pager-item:first-child a{padding: 2px 7px;}
.bx-wrapper .bx-pager.bx-default-pager a.active{color: #0E7BD2;font-weight: 800;}
/*Header Section*/
header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 1px 0px 5px #333;background-color: #fff;z-index: 99;}
.header-logo{padding: 10px 0;display: inline-flex;}
.nav-links{text-align: right;}
.nav-links li{display: inline-block;}
.nav-links a{padding: 23px 7px 24px;display: inline-flex;font-size: 14px;line-height: 25px;text-transform: uppercase;color: #656565;margin: 0 -2px 0 -2px;}
.nav-links a.active{color: #0E7BD2;font-family: 'Nexa Bold';position: relative;}
.nav-links a.active:before {content: "";background-color: #0E7BD2;position: absolute;left: 50%;width: 40px;margin: 0 auto;height: 4px;bottom: 0;transform: translateX(-50%);}
.header-btn{margin-top: 13px;}
.enquire-form-wrapper{position: fixed;top: 72px;z-index: 999;width: 270px;right: 6%;background-color: #f3f3f3;display: none;border: 1px solid #dcd3d3;}
.form_field {width: 100%;margin-bottom: 15px;position: relative;}
.eId{margin-bottom: 20px;}
.form_field input[type="text"]{width: 100%;height: 28px;padding: 10px;}
.form_field select{width: 100%;height: 28px;line-height: 28px;}
.form_field select option{padding: 5px 0 !important;}
.form_field textarea{width: 100%;height: 45px;padding: 10px;line-height: 26px;resize: none;}
.submit-field{margin-bottom: 0;}
.submit {padding: 10px 50px;background-color: #0062B0;color: #fff;cursor: pointer;text-transform: uppercase;display: inline-block;font-size: 17px;line-height: 26px;/*width: 100%;*/border-radius: 100px;}
#enquiry_form_header label.error, #enquiry_form label.error{position: absolute;font-size: 12px;line-height: 16px; left: 0px;bottom: -18px;color: red;
    font-weight: normal;}
/*Footer Section*/
footer{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #656565;color: #fff;padding: 5px 0px;font-size: 12px;line-height: 20px;font-family: 'Nunito Sans', sans-serif;z-index: 9;}
footer a{color: #fff;}

/*Home Start*/
.overlay{position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0,0,0,0.6);}
.active-accord .overlay{display: none;}
.home-accrodian-slider{
  display: flex;
  flex-direction: row;
  width: 100%;
  /*height: 100vh;*/
}

html{--scrollbarBG:#CFD8DC;--thumbBG:#00A651;}
   .leadership_description.extra_scoll_readmore::-webkit-scrollbar,.expertise_slider_lists::-webkit-scrollbar{width:11px;}
   .leadership_description.extra_scoll_readmore,.expertise_slider_lists{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG);}
   .leadership_description.extra_scoll_readmore::-webkit-scrollbar-track,.expertise_slider_lists::-webkit-scrollbar-track{background:var(--scrollbarBG);}
   .leadership_description.extra_scoll_readmore::-webkit-scrollbar-thumb,.expertise_slider_lists::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG);}
.home-common{
  flex: 4;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  transition: flex 0.8s ease;
  /*margin:0 10px;*/
  position: relative;  
}
.home-content{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: #ffff00;
  padding: 22px 50px 22px 22px;
  color: #1c1c1c;
  /*display: none;*/
  opacity: 0;
}
.offer-wrapper img {
    width: 105%;
}
.banner-content{position: absolute;left: 50%;transform: translateX(-50%);bottom: 10%;width: 270px;max-width: 100%;text-align: center;z-index: 9;padding: 30px 0 20px;}
.bookNow{padding: 30px 0 10px;}
.tag-1{font-size: 28px;line-height: 35px;padding-bottom: 5px;font-weight: 100;}
.tag-2{position: absolute;top: 35%;left: 52%;transform: translate(-50%, -50%);color: #000;width: 100%;font-size: 17px;line-height: 30px;}
.tag-3 span{font-size: 32px;line-height: 30px;}
.tag-4{color: #F7941D;margin-top: 10px;}
.book-now-btn{display: none;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);}
.active-accord .banner-content{  
  border-radius: 12px;
  background-color: rgba(0,0,0,0.8);
   -webkit-transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}
.active-accord .offer-wrapper{width: 352px;margin-left: -40px;}
.active-accord .book-now-btn{display: inline-block;}
.active-accord .home-content{
  /*display: block;*/
  opacity: 1;
   -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}
.home-arrow-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  width: 44px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
}
.active-accord .home-arrow-btn{
  display: none;
}
.home-content h4{
  font-size: 22px;
  font-weight: 500;
}
.home-content p{
  font-size: 16px;
  margin-bottom: 0px;
}
.home-common:hover,.home-common.active-accord .offer-wrapper img{
  width: 100%;
} 
.home-common:hover,.home-common.active-accord{
  flex: 7;
}
.home-item-1 { 
  background-image: url('../images/HC-new-badroom.png');
}

.home-item-2 { 
  background-image: url('../images/home-banner-2.jpg');
}

.home-item-3 { 
  background-image: url('../images/home-banner-3.jpg');
}
.rera{    font-weight: 600;position: absolute;top: 10px;right: 5px;font-size: 12px;line-height: 16px;text-align: right;color: #000;/*width: 300px;*/ display: none;}
.active-accord .rera{display: block;}
/*Home End*/

/*Vario Homes Start*/
.img-desc-wrapper{position: absolute;bottom: 0;right: 0;background-color: rgba(0,0,0,0.8);padding: 10px;color: #fff;width: 450px;border-top-left-radius: 12px;height: 120px;}
.img-desc{font-size: 14px;line-height: 20px;margin: 0;}
.proj-content{padding:10px 50px 0;}
.active-spec .overlay{display: none;}
.proj-amenity-wrapper{padding: 10px 0 10px;}
.ame{display: flex;align-items: center;padding: 0 10px;}
.ame-1 .ame{padding-left: 0;}
.ame-desc{padding:5px 5px 5px 10px;font-size: 14px;line-height: 18px;text-align: left;}
.bdr-right{border-right: 1px dotted #808080;}
.bdr-left{border-left: 1px solid #D9D9D9;}
#proj-prev,#proj-prev2,#proj-prev3,#proj-prev6{position: absolute;top: 45%;left: 10px;transform: translateY(-50%);}
#proj-next,#proj-next2,#proj-next3,#proj-next6{position: absolute;top: 45%;right: 30px;transform: translateY(-50%);}
#proj-prev6, #proj-next6{top: 50%;}
.scroll-content{
  height: 215px;
  overflow: auto;
  padding: 0 20px 0 0;
}
#harbour .scroll-content{
  height: 240px;
  overflow: auto;
  padding: 0 15px 0 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:before{
      content: "0";
    letter-spacing: 2px;
}
div#inner-pager, div#zenith-pager, div#harbour-pager {
    text-align: right;
    position: relative;
    right: 100px;
}

#ktc-pager a.bx-pager-link.active span, #testimonial-pager a.bx-pager-link.active span, .accordian-content a.bx-pager-link.active {
  color: #0E7BD2;
}
a.bx-pager-link span {
    font-size: 12px;
    font-weight: 800;
    color: #161616;
    margin-right: 5px;
    font-family: 'Nexa Bold';
}
.vario-read-more, .show-read-more{
  display: none;
}
.proj-amenity-wrapper .container{
  width: 1200px;
}

.proj-amenity-wrapper{height: 106px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:10px;/*position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);*/
    box-shadow: 0px -3px 6px #48484829;padding-bottom: 0;}
    .ame {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
a.read-more, a.show-more {
    color: #F7941D;
    text-decoration: underline;
}


.ame-hide{
  visibility: hidden;
}
.db-show {
    position: relative;
    display: inline-block;
}
.db-dropdown{
    display: none;
    padding-top: 5px;
    position: absolute;
    left: 0;
    top:39px;
}
/*.db-show a:hover .db-dropdown{display: block;}
.db-dropdown:hover{display: inline-block;}*/
.db-dropdown a{  margin: 8px 0;  background-color: #fff;padding: 8px 5px !important;font-size: 14px !important;display: block;text-align: center;z-index: 9;position: relative;}
/*Vario Homes End*/

/*KTC Start*/
.ktc-wrapper{display: flex;align-items: center;    background-color: #F8FCFF;}
.ktc-content-wrapper{padding: 10px 80px;}
.ktc-content-wrapper p{margin: 0;padding: 10px 0;}
.CL-logo-wrapper{padding: 20px 0;}
.p4-arrow{width: 10px;}
#proj-prev4{position: absolute;bottom: -30px;right: 170px;transform: translateX(-50%);}
#proj-next4{position: absolute;bottom: -30px;right: 30px;transform: translateX(-50%);}
#KTC .slider-controls {
    bottom: -5px;
}
div#ktc-pager {
    position: absolute;
    right: 70px;
}
#KTC .bx-wrapper .bx-viewport{
  height: auto !important;
}
.perks-inner-wrapper {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
    margin: 5px 0 5px 30px;
    width: 93%;
}
.perks-bg {
    background-color: #00A651;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    border-radius: 50%;
}
.perks-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.perks-para {
    padding-left: 50px;
}

.perks-para p {
    color: #161616;
    font-size: 14px;
    line-height: 20px;
  }

/*KTC End

/*Location Start*/
.loc-left-sec{/*background-image: url("../images/location-bg.jpg");*//*background-position: bottom;*/}
.getDirection{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);}
.loc-content-wrapper{padding: 20px 20px 10px 10%;}
.loc-lower{background-color: rgba(255,255,255,0.8);padding: 20px 20px 10px 0;}
.loc-sub-head{position:relative;font-weight: bold;font-size: 20px;line-height: 30px;padding: 10px 0 10px;}
.loc-logo-wrapper{padding: 10px 6px;position: relative;vertical-align: top;}
.loc-lower{position: absolute;left: 0;bottom: 0;width: 100%;}
.loc-logo-wrapper .text-faint-black {
    color: #161616;
    font-size: 14px;
    line-height: 20px;
}
.loc-sub-head:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-color: #ece9e6;
    left: -14px;
    border-radius: 50px;
    top: 110px;
    transform: translateY(-50%);
}
/*Location End*/

/*Testimonials Start*/
#testimonials{background-image: url("../images/testimonials-bg.jpg");}
.testimonials-wrapper{display: flex;vertical-align: middle;}
.test-bg-2{width: 280px;}
.test-bg{position: absolute;left: 52%;top: 45%;transform: translate(-50%,-50%);width: 200px;}
.test-content-wrapper{margin: 30px 0;padding: 70px 60px;}
.test-content-wrapper:before{content: "";position: absolute;left: 0;top: 0;background-image: url("../images/quote.svg");width: 80px;height: 63px;}
.test-content-wrapper:after{content: "";position: absolute;right: 0;bottom: 0;background-image: url("../images/quote2.svg");width: 80px;height: 63px;}
.testi-text{text-align: left;font-size: 20px;}
.top-line{position: absolute;top: 0;right: 0;}
.bottom-line{position: absolute;bottom: 0;left: 0;}
.img-tagline{font-weight: bold;color: #2B2B2B;font-size: 20px;line-height: 30px;}
#proj-prev5{position: absolute;bottom: -5px;left: 41%;transform: translateX(-50%);}
#proj-next5{position: absolute;bottom: -5px;right: 41%;transform: translateX(-50%);}
.testimonial-div {
      background-color: rgb(255 255 255 / 90%);
    padding: 130px 70px 70px;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    text-align: left;
    margin: 0 auto;
}
/*Testimonials End*/

/*About Us Start*/
#aboutus{/*background-image: url("../images/abt-us.jpg");*/background-position: bottom;}
.abt-content-wrapper{background-color: rgba(0,0,0,0.8);}
.abt-content{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;padding: 50px;}
/*About Us End*/

.line:before {
    content: "";
    top: 110px;
    left: 50%;
    position: absolute;
    width: 75%;
    height: 1px;
    background-color: #000;
    transform: translateX(-50%);
}
.circle:after {
    content: "";
    position: absolute;
    top: 103px;
    left: -7px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid black;
    background-color: #fff;
}
.circle:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #000;
}



	/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
  .proj-content{padding: 10px 50px 20px 215px;}
  .loc-content-wrapper{padding:100px 20px 10px 10%;}
  .scroll-content, #harbour .scroll-content {
    height: 290px;
  }
  .perks-inner-wrapper {
    margin: 16px 0 10px 30px;
}
#proj-prev4{position: absolute;bottom: -30px;right: 170px;transform: translateX(-50%);}
#proj-next4{position: absolute;bottom: -30px;right: 30px;transform: translateX(-50%);}
#KTC .slider-controls {
    bottom: -5px;
}
div#ktc-pager {
    position: absolute;
    right: 70px;
}
#KTC .bx-wrapper .bx-viewport{
  height: auto !important;
}
.bx-controls {
    text-align: right;
    width: 955px;
}
}
@media only screen and (min-width : 992px) {
  .theme-btn-2:hover{background-color: #0E7BD2;color: #fff;}
  .loc-map-wrapper:hover{width: 60%;position: absolute;right: 0;top: 0;bottom: 0;height: 85vh;
 -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;box-shadow: -1px 8px 12px #000;} 
  #pp-nav{display: none;}
  /*Pagepiling CSS Start*/
    html, body {
        overflow:hidden;
        margin:0;
        padding:0;

        /*Avoid flicker on slides transitions for mobile phones #336 */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    .pp-section {
        height:100%;
        position:absolute;
        width:100%;
        
        /* fixes flickering in firefox*/
        backface-visibility: hidden; 
    }
    .pp-easing {
        -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
        -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
        -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
        transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
        /* custom */
        -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
        -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
        -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
        transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
        /* custom */
    }
    #pp-nav {
        position: fixed;
        z-index: 100;
        margin-top: -32px;
        top: 50%;
        opacity: 1;
    }
    #pp-nav.right {
        right: 17px;
    }
    #pp-nav.left {
        left: 17px;
    }
    .pp-section.pp-table{
        display: table;
    }
    .pp-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }
    .pp-slidesNav{
        position: absolute;
        z-index: 4;
        left: 50%;
        opacity: 1;
    }
    .pp-slidesNav.bottom {
        bottom: 17px;
    }
    .pp-slidesNav.top {
        top: 17px;
    }
    #pp-nav ul,
    .pp-slidesNav ul {
      margin: 0;
      padding: 0;
    }
    #pp-nav li,
    .pp-slidesNav li {
        display: block;
        width: 14px;
        height: 13px;
        margin: 7px;
        position:relative;
    }
    .pp-slidesNav li {
        display: inline-block;
    }
    #pp-nav li a,
    .pp-slidesNav li a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-decoration: none;
    }
    #pp-nav li .active span,
    .pp-slidesNav .active span {
        background: #333;
    }
    #pp-nav span,
    .pp-slidesNav span {
        top: 2px;
        left: 2px;
        width: 8px;
        height: 8px;
        border: 1px solid #000;
        background: rgba(0, 0, 0, 0);
        border-radius: 50%;
        position: absolute;
        z-index: 1;
    }
    .pp-tooltip {
        position: absolute;
        top: -2px;
        color: #fff;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        max-width: 220px;
    }
    .pp-tooltip.right {
        right: 20px;
    }
    .pp-tooltip.left {
        left: 20px;
    }
    .pp-scrollable{
        overflow-y: scroll;
        height: 100%;
    }
    
    /*Pagepiling CSS End*/
}
@media only screen and (max-width : 1440px) {
}
@media only screen and (max-width : 1366px) {
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {
  .ktc-content-wrapper{padding: 10px 40px;}  
  .bx-wrapper .bx-pager{padding: 10px 0;}
  .proj-content{padding: 10px 40px 0;}
}

@media only screen and (min-device-width : 705px) and (max-device-width : 1254px) { 
  .proj-amenity-wrapper{
    margin-top: 0px;
        padding: 0px 0 10px;
  }
  #harbour .scroll-content {
    height: 243px;
  }
  .varioSlider-wrapper {
    padding-top: 10px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	.col-md-1{width: 8.333333333333333%;}
	.col-md-2{width: 16.66666666666667%;}
	.col-md-3{width: 25%;}
	.col-md-4{width: 33.33333333333333%;}
	.col-md-5{width: 41.66666666666667%;}
	.col-md-6{width: 50%;}
	.col-md-7{width: 58.33333333333333%;}
	.col-md-8{width: 66.66666666666667%;}
	.col-md-9{width: 75%;}
	.col-md-10{width: 83.33333333333333%;}
	.col-md-11{width: 91.66666666666667%;}
	.col-md-12{width: 100%;}
	.col-md-12-5{width: 20%;}
  .nav-links a{padding: 23px 5px 24px;}
  .home-common:hover,.home-common.active-accord{flex: 5;}
  .ame{padding: 10px 5px;}
  .ktc-content-wrapper{padding: 10px 30px;}
  .loc-logo-wrapper{font-size: 14px;line-height: 18px;}
  .bx-wrapper .bx-pager{padding: 20px 0;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.col-sm-1{width: 8.333333333333333%;}
	.col-sm-2{width: 16.66666666666667%;}
	.col-sm-3{width: 25%;}
	.col-sm-4{width: 33.33333333333333%;}
	.col-sm-5{width: 41.66666666666667%;}
	.col-sm-6{width: 50%;}
	.col-sm-7{width: 58.33333333333333%;}
	.col-sm-8{width: 66.66666666666667%;}
	.col-sm-9{width: 75%;}
	.col-sm-10{width: 83.33333333333333%;}
	.col-sm-11{width: 91.66666666666667%;}
	.col-sm-12{width: 100%;}
	.col-sm-12-5{width: 20%;}
  .container{padding: 0;}
  header{padding: 0 20px;}
  section.padding{padding:50px 20px;}
  .visible-ipad{display: block !important;}
  .visible-sm{display: inline-block;}
  .hidden-ipad{display: none;}
  #enquiry_form_header_success{padding-top: 30px;text-align: center;}
   .menu-icon-mobile{display: block;width: 50px;padding: 8px 8px 4px 8px;/*background-color: #1762b0;*/border-radius: 0px; margin:0;position: relative;
		top:15px;right: 0;}
  .menu-icon-mobile>div{display: block;height: 2px;width: 100%; margin-bottom: 8px;background-color: #000;float: right;}
  .menu-icon-mobile .bar2{width: 60%;}
  .menu-icon-mobile .bar3{width: 85%;}
  .nav-links{position: fixed;top: 69px;left: 0;background-color: #ccc;width: 100%;text-align: center;display: none;}
  .nav-links a{display: block;}
 /* .home-accrodian-slider{height: 32vh;} */
  footer{position: relative;bottom: initial;left: initial;padding: 5px 20px;}
  .home-common{background-position: center;}
  .home-common:hover, .home-common.active-accord, .home-common{flex: none;}
  .home-common{width: 100%;transition:none;}
  .rera{top: 15px;right: 15px;}
  #proj-next6 a, #proj-prev6 a{background-color: #fff;padding: 3px 5px;display: inline-block;}
  #proj-next6 img, #proj-prev6 img{vertical-align: middle;width: 35px;}
  .banner-content{bottom: 15%;}
  .marquee{position: absolute;bottom:0;left: 0;width: 100%;z-index: 9;background-color: rgba(0,0,0,0.8);color: #fff;font-weight: bold;font-size: 18px;padding: 10px;}
  .proj-content{padding: 0 20px 50px;}
  .img-desc-wrapper{position: relative;bottom: initial;top: initial;width: 100%;border-top-left-radius: unset;background-color: #161616;color:#fff ;padding: 20px;height: auto;}
  #zenith{background-color: #F6F9F9;}
  .ktc-wrapper{display: block;align-items: unset;}
  .ktc-sec-1{height: 1100px; background-image: url("../images/KTC-bg.jpg");background-position: center bottom;background-size: cover;background-repeat: no-repeat;}
  .ktc-padd{padding: 50px 20px;}
  .ktc-content-wrapper{padding: 0;}
  #KTC.padding{padding: 0px 0;}
  #KTC.bg-off-white{background-color: #fff;}
  #KTC .slider-controls {
    bottom: -5px;
}
  .CL-logo-wrapper{text-align: left;}
  .CL-logo-wrapper img{padding: 10px;}
  #location.padding{padding: 0;}
  .loc-content-wrapper{padding: 50px 20px;}
  .loc-lower{position: relative;}
  .loc-map{height: 400px;display: block;}
  .testimonials-wrapper{display: block;}
  #proj-next5{right: 35%;}
  #proj-prev5{left: 38%;}
  .abt-content{position: relative;left:initial;top: initial;transform: none;}
  #aboutus{height: 1200px;}
  .accordian-title {
    border-radius:5px;
      font-size: 16px;
      cursor: pointer;
      color: #0E7BD2;
      line-height: 22px;
      padding: 15px;
      border: 1px solid #0E7BD2;
      display: flex;
      align-items: center;
      cursor: pointer;
      font-family: 'Nexa Bold';
      margin: 10px 0;
  }
  .accordian-title .accordian_icon:after{    
      position: absolute;
      content: "+";
      top: 10px;
      right:6px;
      line-height: 25px;
      padding: 4px 3px;
      font-size: 30px;
      transition: all 0.3s ease 0s;
      color: #0E7BD2;
  }
  .accordian-title.active_accordation .accordian_icon:after {
      content: "-";
      color: #fff;
  }
  .accordian-title.active_accordation {
      color: #fff;
      background-color: #0E7BD2;     
  }

  .accordian-content{
      display: none;
       padding: 10px 10px 30px;
           background-color: #EEEEEF;
  }
  .active_description{display: block;}
  .accordian-content .bx-wrapper .bx-pager.bx-default-pager a {color: #fff;}
  .accordian-content .bx-wrapper .bx-pager.bx-default-pager a.active {color: #0E7BD2;}
  #varioHomes .bx-wrapper, #zenith .bx-wrapper, #harbour .bx-wrapper{background-color: #161616;}
  #varioHomes,#zenith, #harbour{padding: 0 10px;background-color: #fff;}
  #varioHomes{padding-top: 40px;}
  #harbour{padding-bottom:40px;}
  #proj-next, #proj-next2, #proj-next3{top: initial;transform: none;bottom: 10px;right: 35%;}
  #proj-prev, #proj-prev2, #proj-prev3{top: initial;transform: none;bottom: 10px;left: 35%;}
  #home-mobile-pager{box-shadow: 0px 3px 6px #00000029;position: absolute;bottom: -20px;left: 0;width: 95%;left: 50%;transform: translateX(-50%);background-color: #EEEEEE;border-radius: 100px;text-align: center;color: #000;}
  #home-mobile-pager a{padding: 10px;color: #000;}
  #home-mobile-pager .active{background-color: #0E7BD2;color: #fff;border-radius: 100px;}
  #home .ai{bottom: 30px;}
  .vario-read-more, .show-read-more{
    display: block;
  }
  a.read-more, a.show-more{
    display: none;
  }
  .scroll-content, #harbour .scroll-content{
    height: unset;
    overflow:unset;
  }

  .bx-wrapper .bx-pager{padding: 10px 0;}
  .testimonial-div {
    height: auto;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    color: unset;
    width: unset;
    text-align: unset;
    margin: unset;
    background-color: unset;
    padding: 0px;
}
#testimonials{
  background-image: url("../images/testimonial_mob.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bx-controls {
    text-align: center;
     width: unset; 
}

.perks-wrapper{
    padding: 20px 0 40px;
}
.perks-inner-wrapper {
    margin: 12px 0 11px 30px;
    /* padding: 15px; */
}
.proj-amenity-wrapper {
    height: 90px;
}
.ame {
    height: 100px;
  }
  .offer-wrapper img {
    width: 100%;
}
.db-dropdown{
  top:38px;
}
.db-dropdown a {
    margin-bottom: 0px;
    background-color: #0c7bd2;
    color: #fff;
    font-size: 12px !important;
    padding: 8px 5px !important;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
	body{-webkit-text-size-adjust: none;}
	.col-xs-1{width: 8.333333333333333%;}
	.col-xs-2{width: 16.66666666666667%;}
	.col-xs-3{width: 25%;}
	.col-xs-4{width: 33.33333333333333%;}
	.col-xs-5{width: 41.66666666666667%;}
	.col-xs-6{width: 50%;}
	.col-xs-7{width: 58.33333333333333%;}
	.col-xs-8{width: 66.66666666666667%;}
	.col-xs-9{width: 75%;}
	.col-xs-10{width: 83.33333333333333%;}
	.col-xs-11{width: 91.66666666666667%;}
	.col-xs-12{width: 100% !important;}
	.col-xs-12-5{width: 20%;}

	.hidden-xs{display: none !important;}
	.visible-xs{display: block !important;}	
	.menu-icon-mobile{/*height: 60px;*/padding:8px 0px 4px 8px;top:50%;transform: translateY(-50%); position: absolute;right: 0px;}
	.nav-links{top: 52px;}
	.nav-links a{padding: 15px 10px;}
	.enquire-form-wrapper{top: 0;left: 0;width: 100%;bottom: 0;padding: 30px 15px 20px;}
	.close-form{font-size: 18px;position: absolute;top: 10px; right: 10px;font-weight: bold;border: 1px solid;padding:3px 10px 2px;display: inline-block;}
  .header-btn{position: fixed;left: 0;bottom: 0;width: 100%;border-radius: 0;border-top: 1px solid #fff;}
  .rera{top: 10px;right: 10px;width: 318px;padding: 5px;background-color: rgba(0,0,0,0.8);color: #fff;}
  .banner-content .theme-btn{padding: 10px 10px;width: 150px;}
  .banner-content .fBold {
    font-size: 17px;
    line-height: 30px;
}
  .d-btn{margin: 10px 0;    padding: 8px 5px;    font-size: 12px;}
  .mob-center{text-align: center;}
  
  .home-item-1 { 
    background-image: url('../images/HC-new-badroom-mob.png');
  }

  .home-item-2 { 
    background-image: url('../images/mobile-banner-2.jpg');
  }

  .home-item-3 { 
    background-image: url('../images/mobile-banner-3.jpg');
  }
  .banner-content{width: 260px;}
  .active-accord .offer-wrapper{width: 340px;}
  #proj-prev6, #proj-next6{top: 40%;right: 10px;}
  .sec-head{font-size: 24px;line-height: 35px;}
  .proj-content{padding: 0 0 30px;}
  .proj-amenity-wrapper{text-align: left;margin: 30px 0;background-color: #FFFFFF;height: auto;padding: 10px;}
  .proj-amenity-wrapper .disInBlock{width: 50%;vertical-align: top;}
  .ame-hide{display: none;}/*
  .ame-3,.ame-4{border-top: 1px solid #D9D9D9;}*/
  .ame-3, .ame-4, .ame-2, .ame-1{border-left: none;}/*
  .ame-1, .ame-3{margin-right: -3px;}*/
  .ame{padding: 10px 5px 10px 8px !important;justify-content: unset;height: 90px;}
  .varioSlider-wrapper{background-color: #F2F2F2;}
  #proj-next, #proj-next2, #proj-next3{top: initial;transform: none;bottom: 4px;right: 10%;}
  #proj-prev, #proj-prev2, #proj-prev3{top: initial;transform: none;bottom: 4px;left: 10%;}
  .ktc-sec-2{background-color: #EEEEEF;}
  .ktc-sec-1{height: 900px;}
  .loc-lower{padding: 20px;background-color: #fff;text-align: left;}
  .loc-logo-wrapper{display: flex;align-items: center;line-height: 22px;padding: 20px 0;}
  .loc-logo-wrapper div{text-align: left; padding: 10px 10px 10px 20px;}
  .loc-lower .bdr-right{border: none;}
  .loc-lower .text-center{text-align: left;}
  .loc-rt{padding-top: 10px;}
  .loc-rt .loc-logo-wrapper{border: none;}
  .loc-map{height: 300px;}
  .test-bg{top: 46%;width: 240px;}
  #aboutus{height: auto;background-image: none !important;}
  #aboutus.section.padding{padding: 0;}
  #aboutus .container{padding: 0;}
  .abt-content{padding: 50px 20px 40px;}
  footer{padding: 10px 0 55px;text-align: center;}
  footer .text-right{text-align: center;padding-top: 10px;}
  #proj-next5{right: 20%;}
  #proj-prev5{left: 20%;}
  .test-content-wrapper{padding: 50px 20px;}
  .test-content-wrapper:before{background-image: url("../images/quote3.png");width: 51px;height: 40px;}
  .test-content-wrapper:after{background-image: url("../images/quote4.png");width: 51px;height: 40px;}
  .CL-logo-wrapper{text-align: center;}
  .CL-logo-wrapper img{padding: 8px;}
  #proj-prev7{position: absolute;bottom: 10px;left: 20%;}
  #proj-next7{position: absolute;bottom: 10px;right: 20%;}
  #proj-prev8{position: absolute;bottom: 10px;left: 0%;}
  #proj-next8{position: absolute;bottom: 10px;right: 0%;}
  .ktc-sec-3 .bx-wrapper .bx-pager{padding-top: 30px;}
  .perks-img{position: absolute;left: 50%;transform: translateX(-50%);top: 10px;background-color: #fff;padding: 15px 15px;border-radius: 100px;vertical-align: middle;}
  .perks-desc{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
  .perks-img img{display: block;}
  .perks-img-7{padding: 10px 15px;}
  .perks-img-4{padding: 13px 15px;}
  .circle-bg{width: 80%;}
  .loc-left-sec{background-image: none !important;}
  .loc-upper{background-position: bottom;background-repeat: no-repeat;background-size: cover;}
  .bottom-line, .top-line{width: 200px;}
  .testi-text{font-size: 16px;}
  .perks-inner-wrapper{
        background-color: #fff;
    box-shadow: unset;
    border-radius: 10px;
     margin: 0px;
     padding:20px 0 0;
  }

  .perks-bg {
    background-color: #00A651;
    height: 150px;
    width: 150px;
    margin: 0 auto;
     position: relative;
    top: 78px;
    transform: translate(-50%, -50%);
    left: 23%;
    border-radius: 50%;
}
.perks-para {
     padding-left: 0px; 
}
.perks-para p{
  padding:20px;
  text-align: left;
}
.perks-bg img {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
}

#proj-prev8 {
    left: 14%;
    bottom: 300px;
}
#proj-next8 {
    right: 14%;
    bottom: 300px;
}
.circle:after {
    top: 15px;
    left: 44px;
}
.circle:before {
    top: -165px;
    left: 15%;
    height: 131%;
}
.loc-sub-head{
  margin-left: 120px;
}
.line:before{
  content: unset;
}


.loc-logo-wrapper img{
  z-index: 9
}
.img-wd img {
    width: 60px !important;
}
.ame img {
    width: 40px;
    height: 40px;
}
.ame-desc {
    padding: 0 0 0 10px;
    font-size: 13px;
    }
div#ktc-pager{
  display: none;
}
.loc-sub-head:before {
  content: unset;
}
}	

/* Extra Small Devices, Phones 
@media only screen and (max-width : 375px) {
.test-bg{top: 45%;width: 200px;}
}*/

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
         .circle:before {
    left: 13.6%;
}
  }
  
/* Extra Small Devices, Phones */
@media only screen and (max-width : 320px) {
	.tag-1{font-size: 26px;}
	.banner-content{width: 240px;}
	.active-accord .offer-wrapper{width: 314px;margin-left: -37px;}
	.test-bg{width: 175px;}
  .ame-desc {
    padding: 0 0 0 5px;
    font-size: 11px;
    line-height: 15px;
}
.perks-bg {
    height: 130px;
    width: 130px;
    }
    .perks-bg img {
    width: 50px;
}
/*#proj-next8, #proj-prev8 {
    bottom: 325px;
}*/
.circle:before{
  left: 18%;
}
.loc-sub-head{
  margin-left: 118px;
  font-size: 18px;
}
#proj-next6 img, #proj-prev6 img {
    width: 15px;
}
.d-btn{
  width: 135px;
  padding: 8px 6px;
}
}