body{font-family: 'Montserrat', sans-serif; padding: 0;margin:0; color: #222;}
a{outline: 0 !important;text-decoration: none !important;}

.thumbnail { display: block; padding: 4px; margin: 14px 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
.container_new{width: 80%;margin: 0 auto;}

.posrel{position: relative;}
.posfix{position: fixed;}
.posabs{position: absolute;}
.clear{clear: both;}
.img-responsive{max-width: 100%;}
.droid{font-family: 'Droid Sans', sans-serif !important;}

.ftwt-normal{font-weight: 400}
.ftwt-bold{font-weight: 700}

.letspc1{letter-spacing: 1px;}
.letspc2{letter-spacing: 2px;}
.letspc3{letter-spacing: 3px;}
.letspc5{letter-spacing: 5px;}
.letspc6{letter-spacing: 6px;}
.letspc8{letter-spacing: 8px;}

.col-1{width: 8.333333333333333%;}
.col-2{width: 16.66666666666667%;}
.col-8{width: 66.66666666666667%;}

.w10{width: 10%;}
.w20{width: 20%}
.w25{width: 25%}
.w30{width: 30%}
.w33{width: 33.33%}
.w30_customise{width: 33.33%; float: left;}
.w40{width: 40%}
.w45{width: 45%}
.w50{width: 50%}
.w55{width: 55%}
.w60{width: 60%}
.w70{width: 70%}
.w75{width: 75%}
.w80{width: 80%}
.w90{width: 90%}
.w100{width: 100%}

.font10{font-size: 10px}
.font11{font-size: 11px !important}
.font12{font-size: 12px}
.font13{font-size: 13px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font23{font-size: 23px}
.font24{font-size: 24px}
.font26{font-size: 28px}
.font30{font-size: 30px}
.font32{font-size: 32px}
.font36{font-size: 36px}
.font40{font-size: 40px}
.font42{font-size: 42px}
.font48{font-size: 48px}
.font52{font-size: 52px}

.lnht15{line-height: 15px}
.lnht18{line-height: 18px}
.lnht20{line-height: 20px}
.lnht22{line-height: 22px}
.lnht24{line-height: 24px}
.lnht28{line-height: 28px}
.lnht30{line-height: 30px}
.lnht40{line-height: 40px}
.lnht50{line-height: 50px}
.click{ display: none;}
.p50{padding-top: 50px}
.p60{padding-top: 60px}
.p30{padding-top: 30px}
.p120{padding-top: 120px}
.p180{padding-top: 180px}

.padd30{padding: 30px 0}
.padd40{padding: 40px 0}
.padd50{padding: 50px 0}
.padd60{padding: 60px 0}
.padd120{padding: 120px 0}

.marg30{margin-top: 30px}

.paddlr5{padding: 0 5px}
.paddlr10{padding: 0 10px}
.paddlr15{padding: 0 15px}

.disnone{display: none !important;}
.disblock{display: block !important;}
.inline-blck{display: inline-block;}
.visible-xs{display: none;}
.upprcase{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.capatlize{text-transform: capitalize;}
.clearfix{clear: both;}
p, ul li{font-size: 13px; line-height: 20px; font-weight: 400 !important}

.bg-grey{ background-color: #363636;}
.grey{ color:  #363636;}
.tabcontent{ margin: 20px 0;}
.amen-list li{ line-height: 25px; color: #fff !important}
.tablinks{ cursor: pointer; padding: 10px 25px; border: 1px solid #363636; display: inline-block; color: #363636; font-weight: 600; background-color: #fff;}
.tablinks.active{ background-color: #363636; color: #fff;}
.w33{ width:33.333%;}
ul{margin: 0;padding-left: 30px}

.page-title{ text-transform: uppercase; color: #AB845B; font-size: 32px; font-weight: 700;}
.section.padding { padding: 60px 0;}

.color000000{color: #000000}
.colorffffff{color: #ffffff}
.colorC29346{color: #C29346}

.something-semantic { display: table; width: 100%; height: 100%;}
.something-else-semantic { display: table-cell; vertical-align: bottom; }
.galley-container .bx-wrapper .bx-prev{ left: -50px; background: url(/skycity/images/Arrow-LT.png) no-repeat 0 0px;}
#cboxLoadedContent{ margin-top: 10px;}
.galley-container .bx-wrapper{ max-width: 84% !important;}
.galley-container .bx-wrapper .bx-next { z-index: 9; right: -62px; background: url(/skycity/images/Arrow-RT.png) no-repeat 0px 0px;}
.galley-container .slide{ padding: 5px ;}
.something-else-semantic-middle { display: table-cell; vertical-align: middle; }
.text-center{ text-align: center;}
.text-left{text-align: left;}
.white{ color: #fff;}
.transition_all{ -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out;}
.privacy-page-copy h1 {  font-size: 25px;}
.privacy-agree-btn { display: block; width: 150px; text-align: center; float: right; border: 2px solid #cdab64; background-color: #F6821F; color: #fff; padding: 5px 10px; cursor: pointer;}
.scroll { position: relative; height: 100%; overflow-y: auto; padding-right: 10px; overflow-y: scroll; height: 300px; margin-bottom: 15px;}
.privacy-page-copy {  position: absolute;  top: 50%;  width: 75%; left: 12.5%; margin: 0 0 20px 0; transform: translateY(-50%);  border-radius: 30px; padding: 25px; background-color: rgba(255, 255, 255, 0.9);  color: #000;  font-size: 13px;  line-height: 20px;  text-align: justify;}
.privacy-page { position: fixed; background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; z-index: 99999; top: 0; left: 0;}
header{display: block; width: 100%; position: fixed; height: 82px; top: 0;left: 0; z-index: 9999; background: #f2f2f2}
.navbar-logo{padding: 5px 0px 0px;}
.skycity-bro{ display: block; /*width: 30%;*/ float: left; text-align: center;}
 .skycity-bro a{ /*background-color: #BAB168; */ color: #BAB168; padding: 7px 15px; text-decoration: none; font-size: 14px; cursor: pointer; font-weight: bold; border: solid 2px #BAB168;} 
 footer a{color: #fff;}
 footer p{padding: 0 5px;font-size: 11px;}
 footer .container{width: 100%;}
footer .col-xs-12 p{font-size: 12px;margin: 0px;line-height: 26px;}
.enq, .loc_actual, .sell_do_ctc_btn, .sell_do_virtual_numbers, .selldof .btn, .selldof .help-block { font-family: 'Montserrat', sans-serif !important;}
label.error{ top: 38px !important;}
.ovrtxt{ padding: 60px 15px; text-align: center; width: 65%; margin: 5% auto; background: rgba(0, 0, 0, 0.58); color: #fff;}
 .loc_actual, .sell_do_ctc_btn, .selldof .btn { background: #000!important; border: #000!important; font-weight: 400!important; color: #fff !important; cursor: pointer !important;}
.enq{background: #EA8126 !important;border: 1px solid #EA8126 !important;cursor: pointer;font-size: 16px !important;}
.enq, .loc_actual, .sell_do_ctc_btn { color: #fff!important; font-size: 14px; border-radius: 0!important; padding: 5px 12px 6px!important; text-transform: capitalize;}
footer .enq{margin-top: 2px;padding:2px 10px !important;display: inline-block;}
.call, .call1 { text-transform: uppercase; padding-left: 20px; font-size: 14px;}
.call {  margin-top: 5px;}
#make_container { position: absolute; width: 320px; right: 50px; top: 34px; padding: 10px; z-index: 9999; display: none; border: 1px solid #aaa; background: #fff;}
.close {background-color: #EA8126; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 26px; margin: 0px 0px; padding: 0px 10px; cursor: pointer;}
.form-control { border-radius: 0!important;}
.sell_do_form_control { border-radius: 0!important; height: 32px!important;}
.clrfix{clear: both;}
.nav-links a,.nav-links-none a{color:#222;display: inline-block; font-weight: 400; font-size: 13px; font-family: 'Droid Sans', sans-serif !important; padding: 0 7px; text-transform: uppercase; border-right:1px solid #000; cursor: pointer;}
.nav-links a:last-child,.nav-links-none a:last-child{border-right: 0 !important; padding-right: 0 !important}

#home{background: url(/skycity/images/oberoi-skycity-banners-desktop-4-6-2020.jpg);background-position:center 5px; width: 100%; background-repeat: no-repeat;background-size: 100% 100%; height:100vh;} /*skycity-banner-7-5-2020.jpg*/
#overview{/*background-image: url(/skycity/images/SkyCityOverview-Banner.jpg);*/ background-position: center center; width: 100%; background-repeat: no-repeat; background-size: cover}
.overview-img-caption{position: absolute;left: 0px; bottom: 2%;font-size: 12px;line-height: 18px;padding:3px 10px;background-color: rgba(0, 0, 0, 0.8);color: #fff;display: inline-block;}
#plans{background: url(/skycity/images/Gallery-IMG.jpg); background-position: center bottom; width: 100%; background-repeat: no-repeat; background-size: cover}
.amnt1{background: url(/skycity/images/Amenities-1-IMG.jpg); background-position: center center; width: 100%; background-repeat: no-repeat; background-size: cover}
.amnt2{background: url(/skycity/images/Amenities-IMG.jpg); background-position: center center; width: 100%; background-repeat: no-repeat; background-size: cover}
.loc-con{background: #dcd7d7; z-index: 99; width: 100%; padding: 60px 20px 60px 7.0%; display: block;}
#location li{display: block; line-height: 40px}
#location li img{padding: 5px; width: 36px; height: 32px;-webkit-transition: all 2s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
#location li:hover img{border: 1px solid #C79E32 !important}

.selldof .title{display: none !important;}
.loc_close{position: absolute; top: 175px; right: -41px; padding: 14px 13px; background: #000; cursor: pointer;}
footer{width: 100%; height: auto; background: #222; padding: 5px 0; color: #fff; font-size: 11px; text-align: center; line-height: 30px;}
.nav-link li{display: inline-block; border: 1px solid #000; cursor: pointer;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;
  transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #000}
.nav-link li:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #EA8126;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.nav-link li:hover{ border: 1px solid #C79E32;}
.nav-link li a{ padding: 8px 25px; display: block;}
.nav-link li:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1);}
.gallery-third{background-color: #fff; width: 54%; margin: 0px auto;}
.gallery-third .slide{ width: 50%;}
.pull-left{ float: left;}
.pull-right{float: right;}
.amnt-arrow{cursor: pointer;}

#floorplan{background: url(/skycity/images/Floor-Plan.jpg); background-position: center center; width: 100%; background-repeat: no-repeat; background-size: cover}
#layoutplan{background: url(/skycity/images/Layoutr-Plan.jpg); background-position: center center; width: 100%; background-repeat: no-repeat; background-size: cover; width: 100%}
#floorplans .bx-wrapper .bx-prev{left: -40px !important;}
.sublink{position: absolute;height: 100%; width: 100%; left: 0; z-index: 999;top: 0}
.close_plan{position: absolute; right: 10px; top: 10px; z-index: 9999; background: #000; padding: 10px;color: #fff; cursor: pointer;}
#site_progress .bx-wrapper .bx-controls-direction a{z-index: 9 !important;}
.gallery_thumb{position: absolute !important; bottom: 20px; width: 700px; z-index: 99; left: 50%; margin-left: -350px; background: #fff; padding: 10px 40px;}
.help-block { position: absolute;top: 50px;font-weight: 400!important; color: #FC0C07!important; left: 0!important; font-size: 11px; text-transform: capitalize !important;}
.form-group { position: relative!important; margin-bottom: 15px;}
.sell_do_ctc_input_c .help-block { top: 25px!important;}

.Disclaimer-brief{position: fixed;width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; background: rgba(0, 0, 0, 0.84); color: #000; font-size: 13px; line-height: 18px ;display: none;}
.close_disclaimer{position: absolute; right: 15px; bottom: 5px; background: #EA8126; color: #000; z-index: 99; padding: 5px 10px; font-size: 14px; cursor: pointer;}

.slider_home1{background: url(/skycity/images/Banner-IMG-2.jpg); background-position: center bottom; width: 100%; background-repeat: no-repeat; background-size: cover;}
.slider_home2{background: url(/skycity/images/Banner-IMG-1.jpg); background-position: center bottom; width: 100%; background-repeat: no-repeat; background-size: cover;}
.slider_home3{background: url(/skycity/images/Banner-IMG_new.jpg); background-position: center bottom; width: 100%; background-repeat: no-repeat; background-size: cover;}

.fix-popup{position: fixed;background: #000; top: 0;left: 0; z-index: 10000;width: 100%; height: 100%}
.popup{background: rgba(94, 92, 92, 0.92); padding: 10px; border-radius: 4px;}

.thankyou{text-transform: capitalize !important; font-size: 12px; text-align: center; width: 200px !important;}
.gallery-tabs-wrapper{ padding: 0px 30px; color: #c7c7c7; width: 90%; margin: 0 auto; }
.active-gallery { background-color: #000 !important; }
.gallery-tabs{width: 100%; margin: 30px; }
.gallery-tabs li {  display: inline-block; }
.gallery-tabs li a { color: #fff; font-size: 15px;  margin-right: 10px;  cursor: pointer;  background-color: #EA8126; padding: 8px 26px; }
.nav-link{ padding: 20px 0px;}
.nav-link li.active, .nav-link li:hover,  .nav-link li.amnt_active_pro{ border: 1px solid #ea8126; background-color: #ea8126;}
.plans-first .slide{ width: 40%;}
.plans-wrapper{ width: 90%; margin: 0 auto;}
#floorplans .bx-wrapper .bx-next{right: -50px;}
.plans-second .slide img, .plans-third .slide img{width: 98%;	display: block;	margin: 2px 0;box-shadow: 0px 1px 6px #c3c3c3;}
#aboutus{ /*background-image: url(/skycity/images/about-us-bg.jpg);*/ background-size: cover; background-repeat: no-repeat; background-position: center;}
#aboutus p{color: #222;}
#aboutus .big-number{font-size: 46px;font-weight: bold;line-height: 30px;}
.num{padding: 50px 0 150px; color: #34445c;}
.num p{color: #34445c;font-size: 15px;}
.location-btn{display: block;}
.location-right-section{padding: 50px 0px;}
.artistic-impression-para{color: #fff; font-size: 11px; background-color: rgba(0,0,0,0.7); padding: 5px; position: absolute;left: 15px; bottom: 4px; z-index: 9; margin: 0px;}
.bx-wrapper .bx-controls-direction a{z-index: 9 !important;}
@media screen and (max-width: 1366px){
  /*#home{background-position: bottom;}*/
}

 @media screen and (max-width: 1300px){
  .nav-links a ,.nav-links-none a{font-size: 12px; padding: 0px 5px;}
  .plans-second .slide, .plans-third .slide { box-shadow: 0px 1px 6px #c3c3c3;}
 } 
 @media screen and (max-width: 1280px){
   #home {background-position: -100px center; }
}

 @media screen and (max-width: 1024px){
  #home { background-position: -80px center; }
  .ipadHeader { width: 99%; margin: auto; padding: 0px; }
  .leftNavbar{ max-width: 10%;  margin: auto;  padding: 0px;}
  .leftNavbar img{ width: 165px !important; margin-top: 5px;}
  .rightNavbar{ max-width: 90%;  margin: auto;  padding: 0px; float: right;}
  .nav-links a, .nav-links-none a{font-size: 8px; padding: 0px 2px;}
  .call{ width: 200px;}
  .font32{ line-height: 36px;}
}

@media all and (max-width:768px){
  header{ height: auto;}
  #home{ background: url(/skycity/images/oberoi-skycity-banners-mobile-4-6-2020.jpg); background-repeat: no-repeat; background-size: 100% 100%;  width: 100%; background-position: 0 0;}
  .plans-second .slide, .plans-third .slide{ width: 40%;}
  .gallery-tabs li{ margin-bottom: 25px !important;}
  .galley-container .bx-wrapper{ max-width: 87% !important; }
  .container-ipad { width: 96%;}
  .rera-btn{ padding: 3px 11px!important; }
  footer{ bottom: 0px; height: auto;}
  .f10{ font-size: 10px; }
  footer .col-xs-12{font-size: 9px;line-height: 24px;}
  .ovrtxt{width: 100%;}
  .location-image-div img{width: 50px;}
  .location-description h1{font-size: 23px; margin-bottom: 5px !important;}
  #floorplans .bx-wrapper .bx-prev{ left: -44px !important; }
  #floorplans .bx-wrapper .bx-next{ right: -44px;}
  #aboutus .container_new{ width: 90%; }
  #aboutus .num{ padding: 25px 0px 20px; }
  #aboutus .w33 p{ margin: 10px 0px;}
  #aboutus .big-number{ font-size: 32px;}
  .location-left-section, .location-right-section{width: 100%;}  
}
@media all and (max-width:700px){
  .galley-container .bx-wrapper .bx-next{right: -45px !important;}
  .galley-container .bx-wrapper .bx-prev{left:-25px !important;}
  #site_progress .bx-wrapper .bx-prev{left: -30px;}
  #site_progress .bx-wrapper .bx-next{right: -40px;}
  #floorplans .bx-wrapper .bx-prev{left: -30px !important;}
  #floorplans .bx-wrapper .bx-next{right: -40px !important;}
  .galley-container .bx-wrapper{ max-width: 100% !important; }  
  .bx-wrapper .bx-viewport{background-color: initial!important;}
.section.padding{padding: 30px 0;}  
#aboutus .big-number{margin-top: 20px;}
.num{padding: 5px 0;}
.aboutus{ background-color: rgba(255, 255, 255, 0.4); padding: 10px; width: 90%;}
.visible-xs{display: block;}
.hidden-xs{display: none;}
#make_container { display: none; position: fixed;left: 0; width: 100%; top: 0; bottom: 0; padding: 30px 15px; z-index: 9999; height: 100%; overflow-y: scroll;}
.footer-links .w50{width: 50%;float: left;}
.footer-links { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #000;  border-top: 1px solid #fff; z-index: 99;}
.footer-links a { display: block; background-color: #EA8127; font-size: 16px; padding: 10px 0px; color: #fff; text-decoration: none; outline: none; border: 0;}
#cboxTitle { position: absolute;  bottom: 26px !important; font-size: 12px !important;}
.gallery-third{ width: 100%;}
.gallery-third .slide { width: 100%;}
#home{ background-position: center 0px;}
.ovrtxt{ text-align: center; width: 100%; margin: 5% auto; background: rgba(0, 0, 0, 0.58); color: #fff; padding: 3px 10px;}
.overview-img-caption{bottom: 0;font-size: 10px;padding: 2px}

.col-xs-offset-6 , .col-xs-6 , .col-xs-3 , .w50{ width: 100%; margin-left: 0;}
.tablinks{ display: block; margin-bottom: 10px;}
.nav-link li{margin: 5px 0 !important;}
.amen-list{ padding-left: 6px;}
.ds{ margin-left: 0px !important;}
.col-10{ padding-left: 20px;}
.corange{font-size: 25px;}
.location-description p{ font-size: 12px;}
.loc-con{padding: 30px 20px 30px 7.0% }
.loc-con-inner p { font-size: 10px; line-height: 14px;}
.virtual-img{ max-width: 100%;}
.w33{ width: 100%;}
.gallery-tabs{ padding-left: 0;  margin:0;}
.gallery-tabs-wrapper{  padding: 0;  width: 100% !important;}
.gallery-tabs-wrapper li a{ display: block;}
.plans-first .slide{ width: 100%;}
.plans-second .slide, .plans-third .slide { width: 100%;  margin: 10px 0;}
footer .col-xs-12 p { font-size: 11px; line-height: 15px;}
footer .col-xs-12{ margin-bottom: 15px;}
.call1 , .call{ display: none;}
.rightNavbar{ position: absolute; top: 69px; width: 100%; background: #fff; float: left; left: 0; right: 0; max-width: 100%;}
.nav-links , .nav-links ul,.nav-links-none,.nav-links-none ul { width: 100%;}
.nav-links ul, .nav-links-none ul{ padding-left: 0px !important;}
.nav-links a, .nav-links-none a { font-size: 12px; padding: 4px 2px; display: block; text-align: center; width: 100%;}
.click{float: right; margin: 23px 10px; display: block;}
.rightNavbar{ display: none;}
.location-right-section{padding: 0px;}
header{ height: 70px;}
.leftNavbar img { margin-top: -10px;}
}

@media all and (max-width:320px){
  #home{ background-position: center 0px;}
}