/*fonts*/

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),
       url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'),
       url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),
       url('fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'dinprobold';
  src: url('fonts/dinprobold.eot');
  src: url('fonts/dinprobold.eot') format('embedded-opentype'),
       url('fonts/dinprobold.woff2') format('woff2'),
       url('fonts/dinprobold.woff') format('woff'),
       url('fonts/dinprobold.ttf') format('truetype'),
       url('fonts/dinprobold.svg#dinprobold') format('svg');
  font-display: swap;
}

@font-face {
  font-family: 'dinproregular';
  src: url('fonts/dinproregular.eot');
  src: url('fonts/dinproregular.eot') format('embedded-opentype'),
       url('fonts/dinproregular.woff2') format('woff2'),
       url('fonts/dinproregular.woff') format('woff'),
       url('fonts/dinproregular.ttf') format('truetype'),
       url('fonts/dinproregular.svg#dinproregular') format('svg');
  font-display: swap;
}

@font-face {
  font-family: 'dinpromedium';
  src: url('fonts/dinpromedium.eot');
  src: url('fonts/dinpromedium.eot') format('embedded-opentype'),
       url('fonts/dinpromedium.woff2') format('woff2'),
       url('fonts/dinpromedium.woff') format('woff'),
       url('fonts/dinpromedium.ttf') format('truetype'),
       url('fonts/dinpromedium.svg#dinpromedium') format('svg');
  font-display: swap;
}

@font-face {
  font-family: 'dlrounded';
  src: url('fonts/dlrounded.eot');
  src: url('fonts/dlrounded.eot') format('embedded-opentype'),
       url('fonts/dlrounded.woff2') format('woff2'),
       url('fonts/dlrounded.woff') format('woff'),
       url('fonts/dlrounded.ttf') format('truetype'),
       url('fonts/dlrounded.svg#dlrounded') format('svg');
  font-display: swap;
}

@font-face {
  font-family: 'dlroundlight';
  src: url('fonts/dlroundlight.eot');
  src: url('fonts/dlroundlight.eot') format('embedded-opentype'),
       url('fonts/dlroundlight.woff2') format('woff2'),
       url('fonts/dlroundlight.woff') format('woff'),
       url('fonts/dlroundlight.ttf') format('truetype'),
       url('fonts/dlroundlight.svg#dlroundlight') format('svg');
  font-display: swap;
}


/*fonts font-family: 'dinproregular', sans-serif; font-family: 'Poppins', sans-serif;*/

/*Reset CSS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #212121; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
a:hover { }
html { }
body { overflow-x: hidden; line-height: 1; font: 14px 'dinproregular', sans-serif; color: #58595b; position: relative; background: #fff; }
/*Reset CSS end*/

/*global classes*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
*, *:focus { outline: none; }
img { max-width: 100%; vertical-align: middle }
.wrapper { }
.container { margin: 0 auto; width: 96%; }
.clear { clear: both }
.clear10 { clear: both; height: 10px }
.clear20 { clear: both; height: 20px }
.clumn { width: 198px; float: left }
.fl { float: left !important; }
.fr { float: right !important; }
.text-right { text-align: right !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.error { color: #F00; }
h1, h2, h3, h4, h5, h6 { font-family: 'dinpromedium', sans-serif;}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p{font-size: 1.5em;}
/*Form*/

/*form tag*/

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea { width: 100%; padding: 8px 20px 11px 20px; border-radius: 50px; border:#00b1c5 solid 2px; margin: 0; outline: none; font: 18px 'dinproregular', sans-serif; color: #58585b }
select { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); width: 100%; padding: 8px 20px 11px 20px; opacity: 1; border: none; outline: none; cursor: pointer; }
select option{opacity: 1;}
textarea { height: 170px; resize: none; }
input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.input-checkbox input[type="checkbox"] { display: none }
.input-checkbox input[type="checkbox"] + label i { width: 18px; height: 18px; display: inline-block; background-image: url(../images/checkbox.png); vertical-align: middle; margin-top: -3px; border: #999999 1px solid }
.input-checkbox input[type="checkbox"]:checked + label i { background-position: 0 -18px }
.input-checkbox input[type="checkbox"] + label { color: #a2a2a2; font-size: 14px; padding: 0; cursor: pointer }

.input-radio input[type="radio"] { display: none }
.input-radio input[type="radio"]:checked + label, .input-radio.active input[type="radio"] + label{ border-color: #00b1c5; background-color: #fff; color: #00b1c5; }
.input-radio input[type="radio"] + label { background-color: #00b1c5;  border: transparent solid 2px; cursor: pointer; padding: 12px 10px; display: block; color: #fff; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; vertical-align: middle; text-decoration: none; text-align: center; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 50px; font-size: 1.5em; }
/*Form Tag end*/

/*Common Buttons*/

input[type=button], input[type=submit], input[type=reset], a.box-btn, button.box-btn { display: inline-block; background-color: #00b1c5;  border: transparent solid 2px; cursor: pointer; padding: 12px 60px; color: #fff; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; vertical-align: middle; text-decoration: none; text-align: center; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 50px; font-size: 1.5em; }
input[type=button].secondary-btn, input[type=submit].secondary-btn, input[type=reset].secondary-btn, a.box-btn.secondary-btn, button.box-btn.secondary-btn { background-color: #33B7CC; color: #fff; }
/*Common buttons end*/

.form-layout { }
.form-layout .form-row {padding-bottom: 25px; }
.form-row .form-field {  }
.input-type-select {  border-radius: 50px; border:#00b1c5 solid 2px; overflow: hidden; position: relative; }
.input-type-select:after { background: url("../images/custom-select.png") no-repeat scroll center center; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 41px; z-index: 99999; cursor: pointer; pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none; content: ''; }
/*form end*/

/*hack for mozzila */

@-moz-document url-prefix() {
}
/*Global Classes End*/

/*List*/

ul.list { margin-left: 27px }
ul.list li { padding: 5px 0 5px 7px; }
ul.list.bullet { margin-left: 0 }
ul.list.bullet li { background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding: 5px 0 5px 18px; }
ul.list.number li { list-style-type: decimal; }
ul.list.lower-roman li { list-style-type: lower-roman; }
ul.list.upper-roman li { list-style-type: upper-roman; }
/*list end*/

/*overlay */

.overlay-bg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100; }
.overlay { height: 100%; left: 0; margin: 0 auto; overflow-y: auto; position: fixed !important; top: 0; width: 100%; z-index: 9999999999; visibility: hidden }
.overlay-box { display: table; margin: 0 auto; margin-top: 120px; width: 550px; }
.overlay-box .content { display: table-cell; vertical-align: middle; }
.overlay-box .closeBtn { background: none repeat scroll 0 0 #fff; border-radius: 50%; color: #00b1c5; cursor: pointer; font: bold 17px/25px 'dlrounded'; height: 25px; padding: 0; position: absolute; right: 10px; text-align: center; top: 20px; width: 25px; z-index: 1002; }
.overlay-box .overlay-header { background: none repeat scroll 0 0 #00b1c5; color: #fff; font-size: 26px; font-family: 'dlrounded'; text-align: center; padding: 15px 20px; position: relative; }
.overlay-box .overlay-content { padding: 35px 35px 15px 35px; background: none repeat scroll 0 0 #fff }
.overlay-box .overlay-footer { padding: 9px 10px; background: #e3e3e3; text-align: right }
/*overlay end*/

/*loader*/

/*.loader { background: rgba(0, 0, 0, 1) url(../images/preloader.gif) center center no-repeat; font-family: 'dinpromedium'; font-size: 20px; font-style: italic; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; background-size: 100px auto }*/
/*loader end*/

/*accordion css*/

.accordion { }
.accordion dl { border: 1px solid #d0d0d0; border-radius: 0; margin-bottom: 20px; box-shadow: 3px 3px #c0c0c0; }
.accordion dl dt { background: none repeat scroll 0 0 #E8E8E8; color: #212121; cursor: pointer; padding: 8px 1%; position: relative; }
.accordion dl.active dt { border-bottom: 1px solid #d0d0d0; }
.accordion dl dt:after { background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px; content: "\f103"; font: 24px/30px FontAwesome; height: 30px; margin: 6px 1%; position: absolute; right: 0; text-align: center; top: 0; width: 30px; color: #2c6a90; }
.accordion dl.active dt:after { content: "\f102" }
.accordion dl dd { display: none; padding: 10px 1%; }
/*accordion css end*/

::-webkit-input-placeholder {
  opacity:1;
 color:#58585b;
 }
 ::-moz-placeholder {
  opacity:1;
 color:#58585b;
 }
 :-ms-input-placeholder {
  opacity:1;
 color:#58585b;
 }
 input:-moz-placeholder {
  opacity:1;
 color:#58585b;
 }
.dis-table { display: table; width: 100%; height: 100%; }
.dis-tablecell { display: table-cell; vertical-align: middle; height: 100%; width: 100%; }
/*Header*/

.header { left: 0; top: 0; z-index: 999; width: 100% }
.header.fixNav { position: fixed }
.navigation { background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) }
.menubar { position: relative; display: flex; align-items: center; justify-content: space-between; }
.logo { z-index: 1;  padding: 5px 0; width: 100px;}
.mobileNav { }
.logo img { transition: all 250ms ease; -moz-transition: all 250ms ease; -webkit-transition: all 250ms ease; width: 100%; }
.menulinks ul li { float: left; margin-right: 35px; transition: all 250ms ease; -moz-transition: all 250ms ease; -webkit-transition: all 250ms ease; }
.menulinks ul li:last-child { margin-right: 0 }
.menulinks ul li a { font-size: 16px; color: #00b1c6;  position: relative; text-transform: uppercase }
.menulinks ul li a:hover, .menulinks ul li a.active { color: #58595b;}
.menulinks ul li a.active{font-family: 'dinprobold', sans-serif; }
.header.fixNav .logo img.without-icon { display: block; width: 40px;}
.header.fixNav .logo img.with-icon { display: none;}
.header.fixNav .logo{ padding: 10px 0;}
.without-icon{display: none;}
/*Header*/

/*Footer*/
.footer{background-color: #00796a; padding:25px 0 20px 0}
.footerGroup img{max-width: 350px;}
.footerGroup{padding-bottom: 25px;}
/*Footer*/

.addSpacing { padding-top: 81px; }
/*Slider*/

.mainslider-cntr { }
.slider { position: relative }
.slick-arrow { background: none center center no-repeat; width: 52px; height: 52px; z-index: 9 }
.slick-prev { background-image: url(../images/previous.png); left: 50px }
.slick-next { background-image: url(../images/next.png); right: 50px }
.slick-arrow::before { display: none }
.slider .slick-dots { bottom: 30px; text-align: right; right: 30px; }
.slider .slick-dots li { width: 7px; height: 7px; background: #75706f; border-radius: 50%; margin: 0 3px; vertical-align: middle }
.slider .slick-dots li.slick-active { width: 8px; height: 8px; background: #fff }
.slider .slick-dots li.slick-active button { width: 8px; height: 8px; }
.slider .slick-dots li button { width: 7px; height: 7px; padding: 0 }
.slider .slick-dots li button::before { content: '' }
.slick-dotted.slick-slider { margin-bottom: 0 }
.slider-row { position: relative; }
.slideContent { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.slideContent .container { position: relative; height: inherit; }
.banner-txt { position: absolute; left: 0%; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; text-transform: uppercase; font-family: 'dinpromedium', sans-serif;}
/*.banner-txt h2 { font-size: 5.188em; font-weight: 800; line-height: 95px; color: #fff; position: relative}*/
.banner-txt h2 { font-size: 3.188em;  font-family: 'dinprobold'; color: #fff; position: relative }
.banner-txt h2 span b { display: block }
.slider-row { background-color: transparent; background-image: none; background-position: 100% 30%; background-repeat: no-repeat; background-size: cover; }
.slider-row.banner-1{
  background-image: url(../images/banner-1.jpg);
}
.residenceModalImg{
  background-color: transparent; background-image: none; 
  background-position: 100% 50%; 
  background-repeat: no-repeat; background-size: cover;
  background-image: url(../images/resident-modal-image.jpg);
  height: calc(100vh - 140px);
}
/*Slider*/

/*Home page*/


.mobile-nav-icon { display: none; }
.dis-table { table-layout: fixed }
.dis-flex { display: flex;}
.justify-content{justify-content: space-between; }


.desktopBanner{}
.mobileBanner{display:none}


/*Home Page*/
.heading{padding: 35px 0;}
.heading h1,
.heading h2{
  font-size: 3em; text-align: center; text-transform: uppercase; 
  font-family: 'dinpromedium', sans-serif; color:#00b1c6
}
.scribleImg{padding-top: 15px;}
.scribleImg img{max-width: 325px;}
.heading.noscrible .scribleImg{display: none;}

.width1024px{max-width: 1024px; margin: 0 auto;}
.pt-60px{padding-top: 35px;}
.infoTxtabtPlanHm .heading h2{font-family: 'dlrounded';}

/* .residenceBlock { position: relative;background:url(../images/residence-img.jpg) no-repeat 0px center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } */
.residenceImg{position: relative;}
.residenceImg a{display: block;}
.vdoIcon{position: absolute; left: 0; top:50%; width: 100%; height: 50%; margin-top: -50px; text-align: center;}
.residentName{padding-top: 20px;}
.residentsImg img{max-width: 100px;}
.justify-content-center{justify-content: center;}
.residenBhkType{padding:0 25px}
.residentType{padding:35px 0}
.residentType a{padding-left: 35px; padding-right: 35px;}
.pt-20px{padding-top: 25px;}
.amenities-icon-list{padding:35px 0 0px 0}
.amenities-icon-list .dis-flex{flex-wrap: wrap;}
.amanitiesIcon{margin-bottom: 20px;}
.amentiesBox{width: 20%; margin-bottom: 30px;}
.amanitiesIcon img{max-width: 85px; margin: 0 auto;}
.amenitiesSlider{position: relative; overflow: hidden;}
.amentiesBox h2{font-size: 17px;}

.amenitiesSlider .slick-prev{background-image: url(../images/prev-img.png); left: -100%;}
.amenitiesSlider .slick-next{background-image: url(../images/next-img.png); right: -100%;}
.amenitiesSlider .slick-arrow{width: 40px; height: 79px; background-size: 40px auto;transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; z-index: 100; }
.amenitiesSlider:hover .slick-prev{left: 0;}
.amenitiesSlider:hover .slick-next{right: 0;}
.amenitiesSlideBlck{position: relative;}
.amenitiesNameSlider{position: absolute; right:55px; bottom:50px}
.amenitiesNameSlider h2{display: inline-block; background-color: #fff; border-radius: 50px; padding: 10px 25px;}

.type-of-natureIcons{
  background-color: #007a6b; padding: 35px 0 30px 0;
}
.nameofNature{padding-top: 25px;}
.nameofNature h2{font-family: 'dlrounded'; color:#fff; text-transform: uppercase; font-size: 1.75em;}
.locationTypeImg{max-width: 750px; position: absolute; left:25px; bottom: 0;}
.locationTypeBox{position: relative; min-height: 700px;}
.locationTypesCntr{justify-content: end;}
.hmLocationInfo {width: 35%; margin-left: auto; padding-top: 40px;}
.locationType{flex-wrap: wrap; width:70%; margin: 0 auto;}
.onlyLocationType{width: 65%; flex-wrap: nowrap;}
.onlyLocationType .flip-container.bus{margin-left: auto; margin-right: 0;}
.flip-container {
  perspective: 1000;
  margin-bottom: 40px;
  cursor: pointer;
}
  /* flip the pane when hovered */
  .flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }

.flip-container, .front, .back {
  width: 100px;
  height: 100px;
  border-radius:50%
}

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
   text-align: center;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  background: #00b1c6;
}
.natutalTypesIcons .imgIcon{max-width: 90px; margin: 0 auto;}
.back h2{color:#fff; font-size: 1.15em;font-family: 'dinproregular';}
.showLocationInfo{display: none;}
.showLocationInfo{margin-bottom: 50px; min-height: 87px;}
.routeName{ width: 50%;}
.routeDistance,.routeTime{width:25%}
.showLocationInfo h2{font-family: 'dlrounded';}
.routeDistance,.routeTime{font-family: 'dlrounded';}
.routeInfo .dis-flex{padding-top: 3px;}
.locationBtn a{min-width: 300px;}
.addresBox{padding:40px 0;font-family: 'dlroundlight';}
.addresBox p,.disclaimerBx{color:#fff}
.disclaimerBx{font-family: 'dlroundlight';}
.disclaimerBx span{font-family: 'dinpromedium', sans-serif; }
.homeQuickForm {padding:15px 0;}
.homeQuickForm .dis-flex{align-items: center; justify-content: center;}
.homeQuickForm input[type='text'],.homeQuickForm input[type='number'],
.homeQuickForm input[type='email']{width:150px;text-align: center; font-size:16px; padding-top: 9px; padding-bottom: 11px;}
.homeQuickForm .box-btn{padding: 9px 20px; font-size: 18px;width:150px;}
.homeQuickForm .form-row{padding: 0 10px;}
.quickForm{ background-color: #fff;transition: all 300ms ease; 
  -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.quickForm2{ background-color: #fff;transition: all 300ms ease; 
  -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.quickTel{font-size: 16px;font-family: 'dinpromedium', sans-serif; }
.fixQuickForm{position: fixed; width:100%; background-color: #00b1c5; z-index: 101; top:68px}
.homeQuickForm .form-row .form-field{padding-bottom: 0;}
.fixQuickForm .box-btn{background-color: #fff; color:#00b1c5 }
.fixQuickForm .box-btn:hover{border-color: #fff; color: #00b1c5;}
.fixQuickForm .quickTel{color:#fff}

.amenitiesInfoBox{position: absolute; left:0; bottom:-100%; width: 100%; background-color: rgba(255,255,255,0.9);    -webkit-transition: ease 1s all;
  -moz-transition: ease 1s all;
  transition: ease 1s all; padding:25px 0 30px 0}
  .amenitiesInfoBox h2{font-size: 26px; padding-bottom: 10px;}
  .amenitiesInfoBox p{font-family: 'dlroundlight'; padding-bottom: 0px;}
  .amenitiesInfoBox .box-btn{padding-top: 12px; padding-bottom: 12px;}
  .amenitiesSlider:hover .amenitiesInfoBox{bottom:0}
/*Home Page*/

.innerBanner .banner-1{background-image: url(../images/amenities-banner-1.jpg);}
.innerBanner .banner-2{background-image: url(../images/amenities-banner-2.jpg);}
.innerBanner .slider-row{min-height: 100vh;}
.innerBanner .banner-txt h2{font-family: 'dinprobold'; font-size: 1.5em;}
.innerBanner .banner-txt {
  left: auto;
  top: auto;
  transform: none;
  width: auto;
  text-transform: uppercase;
  right: 50px;
  bottom: 50px;
}
.innerBanner .banner-txt .scribleImg{padding-top: 0;}
.innerBanner .banner-txt .scribleImg img{max-width: 150px;}
.innerBanner .banner-txt a{display: block; color:#fff}


.event-launch{
    background: #000;
    color: #fff;
    padding: 30px 0;
    font-family: 'DINMedium';
}

.countdown {
    display: flex;
    font-family: 'dinpromedium';
    align-items: center;
    justify-content: center;
    text-align: center;
}

.event-box h3{
        font-size: 35px;
        line-height: 150%;
        text-align: center;
    
}

.time-box{
    display: grid;
    grid-template-columns: 1.5fr 0.5fr;
    align-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    color: #F6A71A;
}

.time-box.seconds{
    grid-template-columns: 1fr;
}

.countdown-value{
    font-size: 35px;
    line-height: 50px;
    color: #F6A71A;
}

.countdown-value + span{
    font-size: 30px;
    line-height: 50px;
    color: #F6A71A;
    justify-items: center;
    align-self:self-end;
}

.event-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    color: #F6A71A;
}

.siteVisitBand{background-color: #00b1c5; margin-top: -1px;}
.siteVisitBand h2{font-family: 'dlroundlight'; padding: 10px 0; font-size: 1.6em; color:#fff}
.siteVisitBand h2 a{color:#fff}
.footerLinks{align-items: center;}
.footerQuickLinks a{font-size: 1.75em;font-family: 'dlroundlight'; color:#fff}
.footerQuickLinks a:hover{text-decoration: underline;}
.ftLinks:first-child{min-width: 250px;}
.footerQuickLinks .dis-flex{padding-bottom: 25px;}
.footerQuickLinks .dis-flex:last-child{padding-bottom: 0;}
.footerLogo img{max-width: 200px;}
.footerLinks{padding-bottom: 50px;}

.developerSlider .banner-1{background-image: url(../images/developers-new.jpg);}
.developerSlider .slider-row{min-height: calc(100vh - 90px);}
.align-items-center{align-items: center;}
.partnerGroupInfo{padding: 60px 0;}
.sugamPartner{background-color: #f6b31a;}
.partnerGroupTxt h2{font-family: 'dlrounded'; font-size:3em; color:#fff; text-transform: uppercase;}
.partnerGroupTxt p{color:#fff; padding-top: 40px; font-size: 1.25em;}

.awardBox{position: relative; min-height: 109px; padding: 0 46px; text-align: center; margin: 0 15px;}
.awardBox::before{content: ''; position: absolute; left:0; bottom:0; height: 100%; width:58px; background: url(../images/leaft-left.png) 0 0 no-repeat; background-size: 58px auto;}
.awardBox::after{content: ''; position: absolute; right:0; bottom:0; height: 100%; width:58px; background: url(../images/leaft-right.png) 0 0 no-repeat; background-size: 58px auto;}
.awardBox h2{text-transform: uppercase;font-family: 'dlrounded'; font-size: 15px; color:#746559}
.awardBox p span{display: block;font-family: 'dlrounded'; font-size: 13px;  color:#746559}
.awardBox p{font-family: 'dlroundlight'; padding-top: 7px; font-size:12px;  color:#746559}

.awardInfoBox{margin-top: 60px;}
.diamondPartner{background-color: #115096;}
.diamondPartner .awardBox h2{color:#fff}
.diamondPartner .awardBox p span{color:#fff}
.diamondPartner .awardBox p{color:#fff}
.developerInfoBx{background-color: #00796a;}
.developerImg{margin-left: 5%;}
.developerBio{padding-left: 60px;}
.developerBio *{color:#fff}
.developerBio h2{font-family: 'dlrounded'; text-transform: uppercase; font-size:3em}
.developerBio span{font-family: 'dlrounded'; display: block; text-transform: uppercase; font-size:1.75em}
.developerBio p{font-size: 16px; margin-top: 40px;}
.mt-20px{margin-top: 20px;}
.testimonialSlide{text-align: center;}
.testimonialTxt{font-size: 17px; margin-top: 25px;}
.testimonialSlide h2{font-family: 'dlrounded'; text-transform: uppercase; font-size:3em; color:#007a6b}
.testimonialSlide .designaton{display: block; font-family: 'dlrounded'; font-size: 1.75em;text-transform: uppercase; color:#007a6b }
.amenitiesSlideBlck{min-height: 400px;}
.testimonialSlider{background-color: #e7e7e9;}
.testimonialSlider .amenitiesSlideBlck{display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center;}
.vmTxt{padding-bottom: 60px;}
.vmTxt p{color: #007a6b; font-size: 1.35em;}


.locationSlider .banner-1{background-image: url(../images/location-image.jpg);}
.locationSlider .slider-row{min-height: calc(100vh - 140px); background-position: 100% 20%;}
.pt-0{padding-top: 0;}
.locationTypeBtns a{text-transform: uppercase; min-width: 230px;}
.floatingEnquiryForm{position: fixed; right:-300px; box-shadow: 5px 0px 7px 0px rgba(0,0,0,0.25);  transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; background-color: #fff; z-index: 999; bottom:calc(50% - 175px); width:300px; padding: 35px 35px 15px 35px;}
.showform-flotingForm{position: absolute; left:-143px;transform: rotate( -90deg ); top:43%}
.showform-flotingForm button{font-size: 18px; padding-top: 15px; padding-bottom: 9px; padding-left: 20px; padding-right: 20px; border-radius: 0;}
.showform-flotingForm button:hover{color: #fff; background-color: #00b1c5;}
.openForm.floatingEnquiryForm{right:0}
.floatingEnquiryForm .form-field button{width: auto; padding: 12px 35px 9px 35px; font-size: 18px;}
.floatingEnquiryForm .form-field{padding-bottom: 20px;}
.flip-container.bus{margin-left: auto; margin-right: auto;}

.overlayForm input[type="text"],.overlayForm select,.overlayForm input[type="email"],.overlayForm input[type="number"]{background-color: #EDEDED;}
.overlayForm .form-field{display: flex; align-items: center;}
.overlayForm .input-type-select{width: 100%;}
.overlayForm .form-field label{min-width: 100px; font-size: 20px; color: #58585b}
.dis-block{display: block !important;}
.footerGroup .disclaimerBx{margin-top: 25px;}
.footerGroup .disclaimerBx a{color:#fff; }
.footerGroup .disclaimerBx a:hover{text-decoration: underline;}
.mobileNumber{display: none;}
.bannerEnqryBtn{display: none;}

.bhkBtns{margin-top: 25px;}
.selectTowerTxt{padding-bottom: 25px; text-align: center;}
.selectRoomTxt{padding-top: 25px; text-align: center;}

.floorBtns .residenBhkType{width: 200px;}
.towerSlider {position: relative;}
.towerSlider .amenitiesSlideBlck{min-height: auto;}
.towerSlider{padding-bottom: 40px;}

.towerSlider .slick-prev{background-image: url(../images/prev-img.png); left: -100%;}
.towerSlider .slick-next{background-image: url(../images/next-img.png); right: -100%;}
.towerSlider .slick-arrow{width: 40px; height: 79px; background-size: 40px auto;transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; z-index: 100; }
.towerSlider:hover .slick-prev{left: 0;}
.towerSlider:hover .slick-next{right: 0;}
.thank-you-box{padding-bottom: 45px;}
.residentsImg{overflow:hidden}
.residentsImg img{transition: all 500ms ease;transform: scale(0.85); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;}
.residentsIconBox:hover .residentsImg img{transform: scale(1);}
.amanitiesIcon{overflow:hidden}
.amanitiesIcon img{transition: all 500ms ease;transform: scale(0.85); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;}
.amentiesBox:hover .amanitiesIcon img{transform: scale(1);}
.imgIcon{overflow:hidden}
.imgIcon img{transition: all 500ms ease;transform: scale(0.85); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;}
.ton-icon:hover .imgIcon img{transform: scale(1);}

.maxWidth800px{max-width: 800px; margin: 0 auto;}
.floatingEnquiryForm{display: none;}
.error_msg {
  text-align: center;
  color: red;
}

address{color: #fff;line-height: 1.6;}
address h2{margin-bottom: 10px;font-size: 20px;}
.policy-box{padding-top: 15px;border-top: solid 1px rgba(255,255,255,0.5);text-align: center;margin-top: 35px;}
.policy-box li{display: inline-block;color: #fff;font-size: 14px;padding: 0 15px;border-left: solid 1px rgba(255,255,255,0.5);}
.policy-box li a{color: #fff;}
.policy-box li:first-child{padding-left: 0;border-left: none;}


/*Media Queries*/

@media(min-width:1099){
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, a.box-btn:hover, button.box-btn:hover, input[type=button].active, input[type=submit].active, input[type=reset].active, a.box-btn.active, button.box-btn.active { background-color: transparent;  color:#00b1c5; border:#00b1c5 solid 2px;}
input[type=button].secondary-btn:hover, input[type=submit].secondary-btn:hover, input[type=reset].secondary-btn:hover, a.box-btn.secondary-btn:hover, button.box-btn.secondary-btn:hover, input[type=button].secondary-btn.active, input[type=submit].secondary-btn.active, input[type=reset].secondary-btn.active, a.box-btn.secondary-btn.active, button.box-btn.secondary-btn.active { background-color: #53d7ec }
}
@media(min-width:769px) {
/*For Desktop Only*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: left; padding: 0 1% }
.grid-layout { margin: 0 -1% }
.grid-12 { width: 100%; float: none; }
.grid-11 { width: 91.66666666666666% }
.grid-10 { width: 83.33333333333334% }
.grid-9 { width: 75% }
.grid-8 { width: 66.66666666666666% }
.grid-7 { width: 58.333333333333336% }
.grid-6 { width: 50% }
.grid-5 { width: 41.66666666666667% }
.grid-4 { width: 33.33333333333333% }
.grid-3 { width: 25% }
.grid-2 { width: 16.666666666666664% }
.grid-1 { width: 8.333333333333332% }
.scrollTop { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; text-align: center; z-index: 6; display: none; background: #00b1c5; border-radius: 50%; }
.scrollTop a { display: block; color: #fff; }
.scrollTop a:before { font-size:20px; line-height: 40px; font-weight:900; font-family:"Font Awesome 5 Free"; content: '\f106'; }
}
@media(min-width:1601px) {
.container { padding: 0 6%; }
.logo{width: auto;}
.menulinks ul li{margin-right: 55px;}
.menulinks ul li a { font-size: 1.338em;}
.residentsImg img{max-width: 100px;}
.scribleImg img,.residentsImg img,.natutalTypesIcons .imgIcon{max-width: 100%;}
.footerGroup img{max-width: 100%;}
.locationTypeImg{max-width: 100%;}
.locationTypeBox{min-height: 950px;}
.hmLocationInfo{width: 420px;}
.flip-container, .front, .back{width: 130px; height: 130px;}
.locationType{width:90%;}
.flip-container{margin-bottom: 75px;}
.onlyhmLocationInfo{width: 550px;}
.onlyhmLocationInfo .locationType{width: 100%;}
.residentName h2{font-size: 1.75em;}
.fixQuickForm{top:68px}
.amentiesBox h2{font-size: 22px;}
.amanitiesIcon img,.footerLogo img{max-width: 100%;}
.partnerGroupTxt h2{font-size:4em; }
.partnerGroupTxt p{font-size: 1.7em;}
.awardBox{margin: 0 25px;}
.awardBox{min-height: 152px; padding: 0 65px; text-align: center; margin: 0 20px;}
.awardBox::before{height: 100%; width:79px; background: url(../images/leaft-left.png) 0 0 no-repeat; background-size: 79px auto;}
.awardBox::after{height: 100%; width:79px; background: url(../images/leaft-right.png) 0 0 no-repeat; background-size: 79px auto;}
.awardBox h2{font-size: 20px;}
.awardBox p{font-size:1.2em}
.awardBox p span{font-size:19px}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
body{font-size:12px;}
.container { width: 100%; padding: 0 8%; }
}
@media screen and (min-width: 0) and (max-width: 1199px) {
  body{font-size:12px;}
/*overlay*/
.overlay-box { width: 96%; min-width: 0 }
/*overlay end*/

.slider .slick-prev{left:20px;}
.slider .slick-next{right:20px}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  html,body{ overflow-x: hidden;}
  .menulinks ul li{margin-right: 30px;}
  .heading h2{font-size: 2.75em;}
  h2{font-size: 18px;}
  .amentiesBox h2{font-size: 16px;}
  .locationTypeImg{max-width: 60%;}
  .innerBanner .slider-row.banner-1{background-position: 100% 0;}
  .innerBanner .slider-row.banner-2{background-position: 20% 30%;}
  .awardBox h2{font-size: 12px;}
}
@media screen and (min-width: 0) and (max-width: 980px) {
  .footerLogo img{width: 175px;}
  .ftLinks:first-child {min-width: 120px;}
/*For small tabs*/
  /*form*/
.form-row .form-field { margin: 0; }
/*form end*/
body { overflow-x: hidden }
.logo { position: static; float: left; transform: none; padding: 5px 0 }
.logo img { width: 120px }
.header.fixNav .logo img { width: 120px }
.header { position: fixed }
.menulinks ul li a.active::before,  .menulinks ul li a:focus::before { display: none }
.menulinks ul li { float: none; margin-right: 0; line-height: normal }
.header.fixNav .menulinks ul li { line-height: normal }
.menulinks { float: none !important; clear: both !important }
.mobile-nav-icon { display: block; padding-top: 0px }
.menu-icon { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 31px; height: 31px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.menu-icon:focus { outline: none; }
.menu-icon span { display: block; position: absolute; top: 13px; left: 0px; right: 0px; height: 3px; background: #66615e; }
.menu-icon span::before,  .menu-icon span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #66615e; content: ""; }
.menu-icon span::before { top: -8px; }
.menu-icon span::after { bottom: -8px; }
.mobil-icon-toggle { background-color: transparent; }
.mobil-icon-toggle span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.mobil-icon-toggle span::before,  .mobil-icon-toggle span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobil-icon-toggle span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.mobil-icon-toggle span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
/* active state, i.e. menu open */
.mobil-icon-toggle.active { background-color: transparent; }
.mobil-icon-toggle.active span { background: none; }
.mobil-icon-toggle.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobil-icon-toggle.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobil-icon-toggle.active span::before,  .mobil-icon-toggle.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; background: #00b1c5; }
.menulinks ul li a::before { display: none !important }
.mobileNav { position: fixed; right: -100%; top: 90px; height: calc(100% - 96px); background: #fff; width: 100%; overflow-y: scroll; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.menulinks ul li a { display: block; padding: 15px }
.menulinks ul li { border-bottom: #e6e6e6 solid 1px }
.menulinks + .menulinks ul li:last-child { border-bottom: none }
.mobileNav.menubaropen { right: -50%;}
.header.fixNav .mobileNav { top: 65px; }
.mobileNumber{display: block; margin-left: auto; margin-right: 15px;}
.mobileNumber a{font-size: 16px; color: #00b1c5;}
.desktopOnly{display: none;}
.homeQuickForm{padding-bottom: 0;}
.homeQuickForm .dis-flex{display: flex; flex-wrap: wrap;}
.homeQuickForm .dis-flex > div{width: 50%; margin-bottom: 15px;}
.homeQuickForm .dis-flex > div:last-child{display: none;}
.fixQuickForm{position: static;}
.scribleImg img{max-width: 250px;}
.locationTypeImg{max-width: 50%;}
.locationBtn a{min-width: auto;}
.hmLocationInfo{width:50%}
.amenitiesSlideBlck{min-height: auto;}
.amenitiesInfoBox{position: static;}
.amenitiesSlider .slick-prev{left:0}
.amenitiesSlider .slick-next{right:0}
.homeQuickForm input[type="text"], .homeQuickForm input[type="number"], .homeQuickForm input[type="email"],.homeQuickForm .box-btn{width:100%}
.locationTypeBtns a{min-width: 199px;}
.residentType a{padding-left:35px; padding-right: 35px;}
.residenBhkType {
  padding: 0 15px;
}
.residentType.locationTypeBtns{padding-top: 0;}
.sugamInfoTxt.dis-flex{display: block; text-align: center;}
.sugamLogo{padding-bottom: 25px;}
.awardInfoBox.dis-flex{flex-wrap: wrap;}
.awardBox{margin-left:auto; margin-right: auto; margin-bottom: 25px; width:250px}
.partnerGroupInfo{padding-top: 40px; padding-bottom: 15px;}
.developerBio{padding-left: 40px; padding-right: 20px;}
.testimonialSlide{padding:100px}
}
@media screen and (min-width: 0) and (max-width: 767px) {
  address{margin-top: 25px;}
  address h2{margin-bottom: 0;}
  .policy-box li:last-child{display: block;border-left: none;margin-top: 10px;}
  .policy-box{margin-top: 25px;}
  body{font-size:11px; padding-bottom: 45px;}
.menulinks ul li { margin-right: 25px; line-height: normal }

.slider .slick-next { right: 10px }
.slider .slick-prev { left: 10px }
.slider .slick-arrow { width: 25px; height: 25px; background-size: 25px auto }
.slider .slick-dots { bottom: 15px; right: 15px }
.banner-txt { padding-left: 15px }
.banner-txt:before { display: none }
.banner-txt h2 { font-size: 22px; line-height: 28px }
.banner-txt h2 span { width: 135px; line-height: 16px; font-size: 16px; position: static; vertical-align: middle; padding-top: 0 }

.dis-table,.dis-tablecell,.dis-flex{display:block; text-align:center;}
.dis-flex div{width:100%}
.pt-60px{padding-top: 40px;}
.heading{padding: 35px 0;}
.heading h1{font-size: 2.35em;}
.heading h2{font-size: 2.35em;}
.residentsIcon > .dis-flex{display: flex; flex-wrap: wrap;}
.residentsIcon > .dis-flex > div{width: 50%; margin-bottom: 15px;}
.residentsIcon > .dis-flex > div:last-child{margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.residentType{padding: 30px 0;}
.residenBhkType{padding: 10px 0;}
.amenities-icon-list > .dis-flex{display: flex;}
.amenities-icon-list > .dis-flex > div{width:50%}
.amenitiesInfoBox{position: static;}
.natutalTypesIcons{display: flex; flex-wrap: wrap;}
.natutalTypesIcons .ton-icon{width:50%; padding-bottom: 25px;}
.banyantreeIcon h2 br{display: none;}
.type-of-natureIcons{padding-bottom: 15px; padding-top: 40px;}
.hmLocationInfo{padding-top: 0;}
.locationTypeImg{position: static; max-width: 85%; margin: 0 auto; padding-top: 40px;}
.dis-flex > .flip-container,  .dis-flex > .front,  .dis-flex > .back{width:80px; height: 80px; margin-left: 10px; margin-right: 10px;}
.locationType .dis-table{display: table;} 
.locationType .dis-tablecell{display: table-cell;}
.locationType.dis-flex{display: flex; justify-content: center;}
.back{height: 80px;}
.flip-container.bus{margin-left:10px; margin-right: 10px;}
.onlyLocationType .flip-container.bus{margin-left: 10px; margin-right: 10px;}
.routeInfo .dis-flex{display: flex;}
.dis-flex div.routeName{width:50%}
.dis-flex div.routeDistance, .dis-flex div.routeTime{width:25%}
.footerQuickLinks {padding-top: 25px;}
.footerQuickLinks .dis-flex{display: flex;}
.footerQuickLinks  .dis-flex .ftLinks{width:50% !important;}
.ftLinks:first-child{min-width: auto;}
.footerQuickLinks .dis-flex{padding-bottom: 15px;}
.footerLinks{padding-bottom: 35px;}
.locationTypeBox{min-height: auto;}
.amenitiesSlider .slick-prev{left:0}
.amenitiesSlider .slick-next{right:0}
.amenitiesSlider .slick-arrow {
  width: 30px;
  height: 60px;
  background-size: 30px auto;
}
.amenitiesInfoBox{max-width: 85%; margin: 0 auto;}
.amenitiesInfoBox h2{font-size:22px}
.amenitiesInfoBox p{font-size: 14px;}
.floatingEnquiryForm{bottom:140px}
.showform-flotingForm{left: -136px;}
.menulinks ul li a{font-size:14px}
.innerBanner .slider-row.banner-1{background-position: 85% 50%;}
.sugamLogo{max-width: 200px; margin: 0 auto;}
.partnerGroupTxt h2 br{display:none}
.partnerGroupTxt h2{font-size:2em}
.partnerGroupTxt p{font-size:14px}
.partnerGroupTxt p br{display:none}
.dis-flex div.awardBox{max-width: 250px;}
.developerImg{margin-left: auto;}
.developerBio{padding: 40px 15px;}
.developerBio p br{display:none}
.testimonialSlide{padding: 25px;}
.residenBhkType .input-radio{margin-bottom: 15px;}
.selectRoomTxt{padding-top: 10px;}
.floorBtns .dis-flex{display: flex; flex-wrap: wrap;}
.floorBtns .residenBhkType{width: 140px; margin-left: 10px; margin-right: 10px;}
.residenBhkType .input-radio{margin-bottom: 0;}
.towerSlider .slick-prev{left:0}
.towerSlider .slick-next{right:0}
.towerSlider .slick-arrow {
  width: 30px;
  height: 60px;
  background-size: 30px auto;
}
.bhkBtns{margin-top: 10px;}
.selectTowerTxt{padding-bottom: 10px;}
.floatingEnquiryForm{display: block; right: 0; width: 100%; top: auto; bottom: -314px; }
.showform-flotingForm{transform: none; top: -49px; left: 0; right: auto; width: 100%; text-align: center;}
.openForm.floatingEnquiryForm{bottom: 0;}
.showform-flotingForm button{width: 100%;}
}
@media screen and (min-width: 0) and (max-width: 480px) {
}
@media screen and (min-width: 0) and (max-width: 480px) {
}
@media screen and (min-width: 0) and (max-width: 320px) {
}


.connect-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
}
@media only screen and (max-width:1023px) {
  .connect-container {
  grid-gap: 20px;
}
}@media only screen and (max-width:767px) {
  .connect-container {
  grid-template-columns: 1fr;
  grid-gap: 0;
}
}.connect-container .connectinfo-box {
  background: #009074;
  padding: 20px;
}
.connect-container .connectinfo-box .info-row {
  margin-top: 25px;
}
.connect-container .connectinfo-box .info-row:first-child {
  margin-top: 0;
}
.connect-container .connectinfo-box .info-row .heading03 {
 font-family: 'dinprobold';color:  #fff;
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (max-width:1279px) {
  .connect-container .connectinfo-box .info-row .heading03 {
  font-size: 16px;
}
}.connect-container .connectinfo-box .info-row p {
  color: #fff;
  display: grid;
  grid-template-columns: auto 100px 100px;
  grid-gap: 10px;
  margin-top: 5px;
  font-size: 16px;
}
@media only screen and (max-width:1023px) {
  .connect-container .connectinfo-box .info-row p {
  grid-template-columns: auto 60px 60px;
}
}.connect-container .connectmap-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  background: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.text-box{    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0 -20px 25px;
    border: solid 2px #00b1c5;
    padding: 12px;
    grid-row-gap: 6px;
}

.text-box span{padding-left: 17px;
    font-size: 16px;
    position: relative;
    font-style: italic;}
.text-box span:before{content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 100%;
    left: 0;
    top: 8px;
    font-style: italic;}

    }
  /*  .construction-section .heading02{
      font-size: 2.75em !important;
      text-align: center !important;
      text-transform: uppercase !important;
      font-family: 'dinpromedium', sans-serif;
      color: #00b1c6;
      margin-top: 40px;
  }*/

.construction-slider .slick-slide{padding: 0 10px;}

.construction-slider .slick-dots{display: none !important}

.construction-slider .slick-next, .construction-slider .slick-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    background: #009074;
    border: none;
    border-radius: 100%;
    font-size: 0;
    width: 50px;
    height: 50px;
    z-index: 9;
}

.construction-slider .slick-prev {
    left: -50px;
}

.construction-slider .slick-next {
    right: -50px;
}

.construction-slider .slick-next:before, .construction-slider .slick-prev:before {
    display: block;
    font-size: 20px;
    color: #fff;
}

.construction-slider .slick-next:before {
    content: "";
}

.construction-slider .slick-prev:before {
    content: "";
}

@media screen and (max-width: 1279px){
  .construction-slider .slick-prev {
    left: -6px;
}

.construction-slider .slick-next {
    right: -6px;
}

}
@media screen and (max-width: 767px){


.construction-slider .slick-next:before, .construction-slider .slick-prev:before {
    display: block;
    font-size: 16px;
    color: #fff;
}
.construction-slider .slick-next, .construction-slider .slick-prev {
    
    width: 35px;
    height: 35px;}
  }

.construction-slider .slick-slide{padding: 0 5px;}
.construction-slider .slick-slide img{width: 100%;display: block;}

.fancybox-caption{    background: #000;
    padding: 10px;
    max-width: 500px;
    margin: -20px auto 0;
    width: 90%;    bottom: 20px;
    text-align: center;}


@media screen and (max-width:700px) {
  .event-box{
    display: block;
  }
}

.month-box{height: 100%;background: #009074;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 36px;font-family: 'dinprobold';}
.month-box span{display: inline-block;margin-right: 10px;}
.construction-slider .slick-track{display: flex;}
.construction-slider .slick-slide{height: auto;}

@media screen and (max-width: 1279px){
    .month-box{font-size: 30px;}
}