@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;600;700;800&display=swap');
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;
  font-weight:500!important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body{background:#fff!important}
/* Force scrollbar */
html { overflow-y: scroll; }
a{text-decoration:none;}
/* Align radios and text inputs with their label */

input[type='radio'] { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label,
input[type='button'],
input[type='submit'],
button {
  cursor: pointer;
}

strong {
  font-weight: bold;
  font-family: inherit;
  font-size: inherit;
}

em { font-style: italic; }

img {
  border: 0;
  vertical-align: middle;
}

sub,
sup {
  vertical-align: baseline;
  position: relative;
  font-size: 55%;
  line-height: 0;
}

sup {
  top: -.7em;
  font-size: 11px;
}

sub { bottom: -.25em; }

/* 1.2. Clear Fix
========================================================================== */

.cf:before,
.cf:after {
  display: table;
  content: " ";
}

.cf:after { clear: both; }

.cf { *zoom: 1; }

/* 1.3. Font class declaration
========================================================================== */
/*
* Mention the font property (eg: font-family, font-size, font-weight, font-style
 * etc) that have been commonly used in the html document. Make a class of it and
* apply to the element wherever it is needed. If any single property in changed,
* then override only that property in the particular class which is used for the
* element.
* (NOTE: Remove this commented code once you start
 * developing the code. Remove the following font class and add your own
 * as this is just and example to let you know. If there is only one font family
 * followed throughout the site, then menstion the font property in body. No need
 * of creating an extra class for it) */

@font-face {font-family: 'ProximaNova-700';
src: url('../fonts/2F38AF_0_0.eot');
src: url('../fonts/2F38AF_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F38AF_0_0.woff2') format('woff2'),
url('../fonts/2F38AF_0_0.woff') format('woff'),
url('../fonts/2F38AF_0_0.ttf') format('truetype'),
url('../fonts/2F38AF_0_0.svg') format('svg');
}

@font-face {font-family: 'ProximaNova-300';
src: url('../fonts/2F38AF_1_0.eot');
src: url('../fonts/2F38AF_1_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F38AF_1_0.woff2') format('woff2'),
url('../fonts/2F38AF_1_0.woff') format('woff'),
url('../fonts/2F38AF_1_0.ttf') format('truetype'),
url('../fonts/2F38AF_1_0.svg') format('svg');
}

@font-face {font-family: 'ProximaNova-Light';
src: url('../fonts/2F6850_0_0.eot');
src: url('../fonts/2F6850_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F6850_0_0.woff2') format('woff2'),
url('../fonts/2F6850_0_0.woff') format('woff'),
url('../fonts/2F6850_0_0.ttf') format('truetype'),
url('../fonts/2F6850_0_0.svg#wf') format('svg');
}

/* Body
============================================================ */

html { height: auto !important; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
}

.container {
  width: 100%;
  background: #eee;
  font-family: "ProximaNova-300", Arial, sans-serif;
}

.wrapper{
  width: 96%;
  margin: 0 auto;
}

.page-template-thank-you img[src*="www.googleadservices.com"],

.home { overflow: hidden; }

/* Header
=========================================================== */

header {
  width: 100%;
  border-bottom: 1px solid lightgrey;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, .9);
}

h1 {
  display: inline-block;
  vertical-align: middle;
}

nav,
ul li {
  margin-top: 1px;
  margin-left: -4px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

nav  {
  width: auto;
}

header li.sub-menu { position: relative; }

header li > ul {
  width: 170px;
  position: absolute;
  top: 55px;
  display: none;
  background-color: #fff;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

header li:hover > ul {
  display: inline-block;
}

header li > ul li:first-child { border-top: none; }

header li > ul li {
  width: 100%;
  margin-left: 0;
  border-top: 1px solid lightgrey;
  background-image: none;
  background-color: #fff;
}

.menu-primary-navigation-container li > ul li a {
  padding: 13px 15px;
  display: block;
  background: none;
}

/*li.overview-menu { width: 21%; }*/

header .primary-wrapper { width: 100%; }

span.site-home a { margin-top: 2px; }

span.site-home {
  margin-left: 15px;
  float: right;
}

span.site-home a,
h1.logo a {
  text-decoration: none;
  color: #040404;
}

h1.logo a {
  padding: 10px 0;
  float: left;
  position: relative;
  z-index: 10;
}

h1.logo img {
  width: 100%;
  height: auto;
  float: left;
}

span.site-home a:hover { color: #0084ff; }

span.site-home a,
.menu-primary-navigation-container li a {
  padding-left: 15px;
  background: url(../images/nav-divider.png) no-repeat left center;
}

.menu-primary-navigation-container li:first-child { margin-left: 0; }

h1.logo {
  width: 154px;
  height: auto;
  margin: 0 15px 0 0;
  font-size: 100%;
  text-indent: -999em;
}

#menu-primary-navigation li a[href*='#enquire-now'] {
  opacity: 0;
  margin-left: -150px;
  display: block;
  -webkit-transition: opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;   /* Saf3.2+, Chrome */
  -moz-transition: opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;  /* FF4+ */
  -ms-transition: opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;   /* IE10? */
  -o-transition: opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;  /* Opera 10.5+ */
  transition: opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;
}

#menu-primary-navigation li a[href*='#enquire-now'].show {
  opacity: 1;
  margin-left: 0;
  -webkit-transition: margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;   /* Saf3.2+, Chrome */
  -moz-transition: margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;  /* FF4+ */
  -ms-transition: margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;   /* IE10? */
  -o-transition: margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;  /* Opera 10.5+ */
  transition: margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;
}

#menu-primary-navigation .location.menu-item > a:after,
#menu-primary-navigation .overview-menu > a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-bottom: 7px;
  z-index: 10;
}

.menu-primary-navigation-container li a,
span.site-home a {
  display: block;
  padding: 17px 15px;
  color: #3d3d3d;
  text-decoration: none;
  font-size: 15px;
  font-family: "ProximaNova-300", Arial, sans-serif;
  text-transform: uppercase;
}

span.site-home a:hover,
.menu-primary-navigation-container li a.active-menu,
.menu-primary-navigation-container li a:hover { color: #0084ff; }

.contact-cta { float: right; }

.header-chatlinks {
  margin: 10px 0;
  float: right;
}

.primary-wrapper { float: left; }

.hide-floorplan { display: none; }

.header-chatlinks > input.clickme {
  padding: 9px 0 10px;
  width: 31px;
  height: 31px;
  margin: 0 11px 0 0;
  display: inline-block;
  border: 0;
  outline: 0;
  /*background: #84b54c;*/
  background: url(../images/Call-Button_Desktop.png) no-repeat;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

@keyframes play-btn-blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

@-o-keyframes play-btn-blink {
  0% { opacity: 1; }
  50%  { opacity: 0.5; }
  100% { opacity: 1; }
}

@-moz-keyframes play-btn-blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

@-webkit-keyframes play-btn-blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}


#lightbox-video {
  display: inline-block;
  -webkit-animation: play-btn-blink 1.5s infinite;
  -moz-animation: play-btn-blink 1.5s infinite;
  -o-animation: play-btn-blink 1.5s infinite;
  animation: play-btn-blink 1.5s infinite;
  cursor: pointer;
}

#lightbox-video:hover {
  opacity: 1;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

#lead-form-submit:hover,
.header-chatlinks > input.clickme:hover,
.desktop-thetrees-residence p > a:hover,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a:hover,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a:hover,
.mobile-thetrees-residence .content p > a:hover,
.home-residence-info #scene .content p > a:hover,
.home-masterplan #masterplan-scene p > a:hover,
.home-studio #studio-scene p > a:hover,
.map-content-wrap .map-content p > a:hover,
.home #close:hover,
.home #lightbox-video:hover,
.home .see-more:hover,
.info-page form input[type="submit"]:hover,
.info-page .nri-loan-form button:hover,
#convert-it:hover,
.residence-email-share input[type= "submit"]:hover,
.wrap-url-sharethis p > a:hover,
.slider-overlay-content .slider-detail-page > a:hover,
.jssor-rightarrow:hover,
.jssor-leftarrow:hover { opacity: .8; }

.godrej {
  display: inline-block;
  padding: 2px 0 0 6px;
  background: url(../images/nav-divider.png) no-repeat left center;
}

/* Header menu navigation */
.godrej-logo-mob { display: none; }

#menu-nav-toggle { display: none; }

#menu-nav-toggle {
  width: 30px;
  cursor: pointer;
  margin: 6px 0;
}

#nav-toggle {
  width: 30px;
  height: 24px;
  padding-right: 3%;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  display: block;
}

#nav-toggle span {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 0;
  background: #58595b;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-toggle span.icon1 { top: 0; }

#nav-toggle span.icon2 { top: 10px; }

#nav-toggle span.icon3 { top: 20px; }

#nav-toggle.active span.icon1 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-toggle.active span.icon2 {
  width: 0%;
  opacity: 0;
}

#nav-toggle.active span.icon3 {
  top: 21px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Inverse Header style */

header h1.logo a > img.white-logo { display: none; }

/*.godrej { background: url(../images/nav-divider_white.png) no-repeat left center; }*/
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

/*.menu-primary-navigation-container li a {
  background: url(../images/nav-divider_white.png) no-repeat left center;
  color: #3d3d3d;
  }*/

  /*header.scrolled {
    border-bottom: 1px solid lightgrey;
    background: rgba(255, 255, 255, .9);
    }*/

    /*header.scrolled h1.logo a > img:first-child { display: inline; }*/


    .home header.scrolled li.active-page a[href="/#our-partners"],
    header.scrolled li a {
      /*  background: none;*/
      color: #3d3d3d;
    }

    header.scrolled .godrej {
      display: inline-block;
      width: 188px;
      height: 37px;
      background: url(../images/nav-divider.png) no-repeat left center;
    }

    header.scrolled .godrej img {
      width: 100%;
      height: auto;
    }

   /* header.scrolled li.active-page > a,
    header.scrolled .menu-primary-navigation-container li a:hover,
    header.scrolled .menu-primary-navigation-container li a.active-menu,
    header .menu-primary-navigation-container .active-our-partner,
    .blog-categories .tab .active-page { color: #0084ff; }*/

    .div-seperator { display: none; }
    /* Video Section
    ===================================================== */
/*
    .background-video {
      position: fixed;
      overflow: hidden;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }
*/

.home .background-video { top: 0; }

.contact-wrapper { height: 100vh; }

/* Form section
===================================================== */
.header-img-overlay h2 {
  font-size: 75px;
  font-family: "ProximaNova-300", Arial, sans-serif;
  letter-spacing: -0.02em;
}

.header-img-overlay h2,
.header-img-overlay h3 {
  color: #fff;
  text-align: center;
  font-family: "ProximaNova-300", Arial, sans-serif;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

h3 {
  font-size: 28px;
  font-family: "ProximaNova-Light", Arial, sans-serif;
}

.header-img-overlay h4 {
  margin: 0 0 15px 0;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-family: "ProximaNova-300", Arial, sans-serif;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
}

.content-form {
  background-repeat: no-repeat;
  background-size: cover;
}

.content-form h3 { margin: 0 0 15px; }

.see-more-section {
  padding: 0 0 20px;
  text-align: center;
}

form {
  width: 100%;
  max-width: 553px;
  padding: 33px 27px 33px 38px;
  margin: 0 auto;
  background: rgba(0, 0, 0, .4);
  background-size: cover;
  box-sizing: border-box;
}

.page-template-contact .content-form form div {
  width: 50%;
  height: 32px;
  margin: 0 0 27px 0;
  float: left;
  vertical-align: top;
}

.content-form form div span.error-message { display: block; }

form input {
  width: 95%;
  padding: 8px;
  box-sizing: border-box;
  /*  height: 32px;*/
  display: inline-block;
  font-size: 15px;
  color: #3d3d3d;
}

form div:nth-of-type(even) input,
form div:nth-of-type(odd) input {
  width: 96%;
  padding: 8px;
  box-sizing: border-box;
  outline: none;
  font-size: 15px;
  border: 0;
  border-radius: 0;
  font-family: "ProximaNova-300", Arial, sans-serif;
}

.ie9 .wbh-container.theme-peter-river { z-index: -1000; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  nav ul { margin: 3px 0 0 4px; }

  span.site-home a { margin: 3px -7px 1px 0; }

  .header-chatlinks > input.clickme { padding: 9px 30px 10px; }

  .godrej { margin: 4px 0 -8px 0; }

  form select {
    height: 34px;
    outline: none;
    border: none;
    padding: 0 0 2px 5px;
  }

  /*  form div:nth-of-type(2n) input,
  form div:nth-of-type(2n+1) input {
    width: 92.6%;
    padding: 0px 0 2px 8px;
    }*/

    form div:nth-of-type(even) input:-ms-input-placeholder,
    form div:nth-of-type(odd) input:-ms-input-placeholder { color: #aaa; }

    .requirements > select { width: 98.2%; }

    .select-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url(../images/arrow-down.png) no-repeat #fff 94.5% center;
    }

    form input[type= "submit"] { width: 98.2%; }
  }

  form select {
    width: 95.8%;
    border: none;
    border-radius: 0;
    outline: none;
    font-size: 15px;
    color: #aaa;
  }

  .select-wrap select { color: #3d3d3d; }

  form select option { color: #aaa; }

  .select-country.change,
  .select-requirements.change { color: #3d3d3d; }

  .select-wrap select {
    padding: 7px 11% 7px 7px;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/arrow-down.png) no-repeat #fff 95% center;
    font-family: "ProximaNova-300", Arial, sans-serif;
    cursor: pointer;
    color: #aaa;
  }

  .select-wrap select option { cursor: pointer; }

  /*.ie9 .header-img-overlay { top: 51% !important; }*/

  .ie9 form div.select-wrap {
    width: 47.9%;
    margin: 0 10px 0 0;
    border: none;
    outline: none;
    overflow: hidden;
    border-radius: 0;
    background: url(../images/arrow-down.png) no-repeat #fff 95% center;
  }

  .ie9 form div.select-wrap select { background: none; }

  .ie9 .content-form form div { height: 34px; }

  .ie9 form .placeholder {
    color: #aaa;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 15px;
  }

  .ie9 .phn-number input.ie-number {
    width: 98.5%;
    height: 28px;
    border: none;
    outline: none;
    overflow: hidden;
  }

  .ie9 .select-wrap select.select-country {
    width: 120%;
    border: none;
    outline: none;
  }

  .ie9 .content-wrapper h2 { width: 82%; }

  .ie9 .phn-number {
    width: 49.5%;
    margin-left: 10px;
  }

  .ie9 .select-wrap select.select-country { width: 112%; }

  .ie9 .requirements > select {
    width: 115%;
    border: none;
    outline: none;
    background: url(../images/arrow-down.png) no-repeat #fff 84.5% center;
  }

  .ie9 .content-form form div.requirements {
    width: 98%;
    border: none;
    outline: none;
    overflow: hidden;
  }

  .ie9 form input[type= "submit"] {
    /*  width: 98.5%;*/
    border: none;
    outline: none;
  }

  .ie9 .about-info { padding: 80px 0; }

  .ie9 .form div:nth-of-type(odd) input { height: 30px; }

  .ie9 nav ul { margin: 3px 0 0 4px; }

  .ie9 .header-chatlinks > input.clickme {
    padding: 9px 30px 10px;
    margin: 1px 26px -3px 0;
  }

  .ie9 .contacts .col div { padding: 0 0 55px 14%; }

  .ie9 .menu-footer-social-menu-container ul li { margin: 0 0 0 23px; }

  .ie9 .menu-footer-social-menu-container { margin: 0 0 0 8%; }

  .ie9 .menu-footer-social-menu-container ul li:first-child { margin-left: 23px; }

  select::-ms-expand {
    display: none;
  }

  .select-requirements {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;
    background: url(../images/arrow-down.png) no-repeat #fff 97.5% center;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }

  .error-message,
  .info-page .error,
  .nri-form-container .error {
    padding: 0 0 0 9px;
    color: #ff0000;
    font-size: 14px;
  }

  .requirements > select {
    width: 97.8%;
    padding: 7px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
  }

  .content-form form div.requirements {
    width: 100%;
    float: left;
  }

  form input[type= "submit"],
  #convert-it {
    width: 97.9%;
    height: auto;
    padding: 8px;
    box-sizing: border-box;
    border: 0;
    float: left;
    background: #84b54c;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "ProximaNova-300", Arial, sans-serif;
    border: none;
    outline: none;
  }

  /*.see-more-section {
    width: 100%;
    margin: -173px auto;
    position: absolute;
    }*/

    /*.x-mac .select-wrap select { background: url(../images/arrow-down.png) no-repeat #fff 95% center; }*/

    /*.x-mac .requirements > select,
    .x-mac form input[type= "submit"] { width: 97.4%; }*/

    .see-more-section .see-more {
      width: 50px;
      height: 32px;
      display: inline-block;
      background: url(../images/down.png);
      text-indent: -9999px;
    }

    .see-more-section span {
      margin: 0 0 10px;
      display: block;
      color: #fff;
      font-size: 19px;
      font-family: "ProximaNova-300", Arial, sans-serif;
      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
      text-transform: uppercase;
    }

    .slide7 { position: relative; }

    .bottom-section {
      width: 100%;
      height: 410px;
      border: 0;
    }

    /* Custom CSS */

    .see-more-section {
      position: relative;
      padding-bottom: 60px;
    }

    .see-more-section a.see-more {
      position: absolute;
      left: 50%;
      margin-left: -25px;
    }

    .slide7 { position: relative; }

    .bottom-section {
      width: 100%;
      height: 410px;
      border: 0;
    }





  /*.bg {
   position: absolute;
   min-height: 100% !important;
   width: 100%;
   z-index: 0;
   }*/

   /*.ibg-bg { position: absolute; }*/

   /*.main {
     position: relative;
     text-align: center;
     }*/


     /* About section
     ===================================================== */
     .content-about {
      border-bottom: 1px solid #ebebeb;
      background: rgba(255, 255, 255, .95);
      -webkit-backface-visibility: hidden;
      background-repeat: no-repeat;
    }

    .content-wrapper {
      width: 100%;
      margin: 0 auto;
      position: relative;
    }

  /*.video-section {
   width: 50%;
   margin: 112px auto 159px;
 }

 .video-wrapper { position: relative; }*/

 .content-wrapper h2,
 .gallery-content h2 {
  margin: 10px 0 22px;
  color:  #3d3d3d;
  font-size: 44px;
  font-family: "ProximaNova-300", Arial, sans-serif;
}

.content-wrapper p,
.gallery-content p,
.the-trees-content p,
.desktop-thetrees-residence p,
.location-content p,
.videos .wrapper p {
  margin-bottom: 20px;
  font-family: "ProximaNova-300", Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  color:  #3d3d3d;
}


.content-wrapper p:last-child { margin-bottom: 0; }

.about-info {
  width: 49%;
  float: left;
  padding: 90px 0;
}

    /* Vertically center aligned The Trees section only for home page*/
      /*.page-template-home .about-info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        }*/

        .about-info > .content {
          width: 72%;
          margin: 0 auto;
          padding: 0 0 0 7px;
        }

        .about-image {
          width: 50%;
          float: right;
          padding: 0;
        }

        .about-image img {
          width: 100%;
          height: auto;
        }

        .flexslider { overflow: hidden; }
        /*
        .ie9 .iframe-section iframe {
   background: #000;
   padding-top: 50px;
   }*/

   /* Caption Style */

   .about-us-img { position: relative; }

   .caption {
    color: #fff;
    width: 100%;
    background: rgba(0, 0 ,0 , .60);
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
  }
  .about-us-img .caption {
    color: #fff;
    width: 90%;
    background: rgba(0, 0 ,0 , .60);
    padding: 20px 14.5% 20px 5%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
  }

  .main.about-us { overflow: hidden; }

  .about-us-img .caption { text-transform: capitalize; }

  .panel-container { transition: all 0.2s ease-in; }

  .flexslider li.flex-active-slide .caption {
    display: block;
    bottom: 0;
  }

  .flexslider li.video.flex-active-slide .caption {
    display: block;
    bottom: 4px;
  }

  .flexslider li.video p + .overlay { display: none; }

  li.flex-active-slide .caption.sticky {
    position: fixed;
    width: 100%;
  }

  .cust-flex-prev {
    display: inline-block;
    width: 26px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 35px;
  }

  .cust-flex-next {
    right: 41px;
    display: inline-block;
    width: 26px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;

  }

  .cust-flex-next a {
    transition: all 2s linear;
    -webkit-animation: shake 2s linear infinite;
    -moz-animation: shake 2s linear;
    -ms-animation: shake 2s linear;
    -o-animation: shake 2s linear infinite;
    animation: shake 2s linear infinite;
    -webkit-animation-fill-mode: forwards;  /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
  }

  .cust-flex-prev a {
    transition: all 2s linear;
    -webkit-animation: shakeprev 2s linear infinite ;
    -moz-animation: shakeprev 2s linear;
    -ms-animation: shakeprev 2s linear;
    -o-animation: shakeprev 2s linear infinite;
    animation: shakeprev 2s linear infinite;
    -webkit-animation-fill-mode: forwards;  /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
  }


  @keyframes shake {
    0% {
      transform: translateX(0);
    }

    20% {
      transform: translateX(-5px);
    }

    40% {
      transform: translateX(0);
    }

    60% {
      transform: translateX(5px);
    }

    80% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-5px);
    }
  }

  @-webkit-keyframes shake {
    0% {
      -webkit-transform: translateX(0);
    }

    20% {
      -webkit-transform: translateX(-5px);
    }

    40% {
      -webkit-transform: translateX(0);
    }

    60% {
      -webkit-transform: translateX(5px);
    }

    80% {
      -webkit-transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-5px);
    }
  }

  @-moz-keyframes shake {
    0% {
      -moz-transform: translateX(0);
    }

    20% {
      -moz-transform: translateX(-5px);
    }

    40% {
      -moz-transform: translateX(0);
    }

    60% {
      -moz-transform: translateX(5px);
    }

    80% {
      -moz-transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-5px);
    }
  }


  @-o-keyframes shake {
    0% {
      -o-transform: translateX(0);
    }

    20% {
      -o-transform: translateX(-5px);
    }

    40% {
      -o-transform: translateX(0);
    }

    60% {
      -o-transform: translateX(5px);
    }

    80% {
      -o-transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-5px);
    }
  }

  @-ms-keyframes shake {
    0% {
      -ms-transform: translateX(0);
    }

    20% {
      -ms-transform: translateX(-5px);
    }

    40% {
      -ms-transform: translateX(0);
    }

    60% {
      -ms-transform: translateX(5px);
    }

    80% {
      -ms-transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-5px);
    }
  }

  @keyframes shakeprev {
    0% {
      transform: translateX(0);
    }

    20% {
      transform: translateX(5px);
    }

    40% {
      transform: translateX(0);
    }

    60% {
      transform: translateX(-5px);
    }

    80% {
      transform: translateX(0px);
    }

    100% {
      transform: translateX(5px);
    }
  }

  @-webkit-keyframes shakeprev {
    0% {
      -webkit-transform: translateX(0);
    }

    20% {
      -webkit-transform: translateX(5px);
    }

    40% {
      -webkit-transform: translateX(0);
    }

    60% {
      -webkit-transform: translateX(-5px);
    }

    80% {
      -webkit-transform: translateX(0px);
    }

    100% {
      -webkit-transform: translateX(5px);
    }
  }

  @-moz-keyframes shakeprev {
    0% {
      @-moz-transform: translateX(0);
    }

    20% {
      @-moz-transform: translateX(5px);
    }

    40% {
      @-moz-transform: translateX(0);
    }

    60% {
      @-moz-transform: translateX(-5px);
    }

    80% {
      @-moz-transform: translateX(0px);
    }

    100% {
      @-moz-transform: translateX(5px);
    }
  }

  @-o-keyframes shakeprev {
    0% {
      -o-transform: translateX(0);
    }

    20% {
      -o-transform: translateX(5px);
    }

    40% {
      -o-transform: translateX(0);
    }

    60% {
      -o-transform: translateX(-5px);
    }

    80% {
      -o-transform: translateX(0px);
    }

    100% {
      -o-transform: translateX(5px);
    }
  }

  @-ms-keyframes shakeprev {
    0% {
      -ms-transform: translateX(0);
    }

    20% {
      -ms-transform: translateX(5px);
    }

    40% {
      -ms-transform: translateX(0);
    }

    60% {
      -ms-transform: translateX(-5px);
    }

    80% {
      -ms-transform: translateX(0px);
    }

    100% {
      -ms-transform: translateX(5px);
    }
  }

  .flex-control-nav,
  .flex-direction-nav { display: none; }

  .page-template-residences .flex-direction-nav { display: block; }

  .cust-flex-prev > a {
    width: 100%;
    height: 100%;
    display: block;
    background: url('../images/flex-left-arrow.png') no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    opacity: .7;
    position: absolute;
  }

  .cust-flex-next > a:hover,
  .cust-flex-prev > a:hover { opacity: 1; }

  .cust-flex-next > a {
    width: 100%;
    height: 100%;
    display: block;
    background: url('../images/flex-right-arrow.png') no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    opacity: .7;
    position: absolute;
  }

  .caption p,
  .caption h2 { padding: 0 40px 0 7.5%; }

  .about-us-img h2 {
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
    display: inline-block;
    font-family: "ProximaNova-Light", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
  }

  .mobile-home-residence-info,
  .mobile-map-container { display: none; }

  /*Footer
  ====================================================*/

  footer {
    padding: 43px 0 0;
    position: relative;
    background: -webkit-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);
    background: -moz-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);
    background: -o-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);
    background: -ms-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);
    background: linear-gradient(90deg, #d3d3d3 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff', GradientType=1 );
    font-family: "ProximaNova-Light", Arial, sans-serif;
  }

  .contacts {
    width: 85.7%;
    margin: 0 auto;
  }

  .contacts .col {
    width: auto;
    max-width: 275px;
    margin: 0 0 0 18.6%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }

  .contacts .col:first-child {
    float: left;
    margin: 0;
  }

  .contacts .col:last-of-type {
    float: right;
    margin: 0;
  }

  .menu-footer-social-menu-container {
    margin: 20px 0 0;
    vertical-align: top;
  }

  .contacts h3 {
    margin-bottom: 13px;
    color:  #3d3d3d;
    font-weight: 300;
    font-size: 28px;
    line-height: 30px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    text-transform: capitalize;
  }

  .contacts div a {
    color:  #3d3d3d;
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }

  .copyrights .menu li {
    padding: 0 21px;
    border-right: 1px solid #3d3d3d;
    line-height: 15px;
  }

  .copyrights .menu li:last-of-type {
    padding-right: 0;
    border-right: 0;
  }

  .copyrights .menu li:first-of-type { padding-left: 0; }

  .copyrights .menu li a {
    color: #3d3d3d;
    text-decoration: none;
  }

  .copyrights .menu li a:hover { color: #0084ff; }

  .contacts .col p,
  .contacts .col p > a {
    font-size: 16px;
    line-height: 22px;
    color: #3d3d3d;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }

  .contact-number p:nth-child(even),
  .col address { margin: 0 0 12px; }

  br { display: none; }

  .contact-number p:last-of-type { margin-bottom: 0; }

  .contacts div a:hover { color: #0084ff;; }

  .menu-footer-social-menu-container ul li { margin-left: 9px; }

  .menu-footer-social-menu-container ul li:first-child { margin-left: 0; }

  .facebook a {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(../images/fb.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }

  .twitter a {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(../images/twt.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }

  .linked-in a {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(../images/in.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }

  .google-plus a {
    width: 32px;
    height: 33px;
    display: inline-block;
    background: url(../images/g+.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }

  .youtube a {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(../images/youtube.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
  }

  .linked-in a:hover,
  .twitter a:hover,
  .google-plus a:hover,
  .youtube a:hover,
  .facebook a:hover { opacity: 0.4; }

  /*-------------------------------  Slides styling ------------------------------------------*/

  .form-wrapper {
    position: fixed;
    width: 100%;
    top: 71%;
    margin-top: -239px;
  }


  .home .form-wrapper {
    top: 50%;
    margin-top: -157px;
  }

  .home .wrap-headings.load,
  .home .slide2.load,
  .home .slide3.load,
  .home .hero-img-overlay.load { opacity: 1; }

  .home .wrap-headings,
  .home .slide2,
  .home .slide3,
  .home .hero-img-overlay {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
  }

  .hero-img-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
  }


  .slide2 {
    position: fixed;
    width: 100%;
    bottom: 0;
  }

  .slide4,
  .slide5,
  .slide6 {  position: relative; }

  .flexslider.gallery.slide5,
  .flexslider.floorplan.slide6,
  .flexslider.about-slider,
  .residence-page-slider .flexslider {
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    border-radius: 0;
    background: none;
  }

  .flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-prev a {
    background: url('../images/Sprite.png') no-repeat 0 -63px;
    width: 32px;
    height: 50px;
    left: 35px;
    top: 47.5%;
    text-indent: -9999px;
  }
  .flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a {
    background: url('../images/Sprite.png') no-repeat -42px -63px;
    width: 32px;
    height: 50px;
    right: 35px;
    top: 47.5%;
    text-align: left!important;
    text-indent: -9999px;
  }

  .flexslider.gallery .flex-control-paging li a {
    width: 18px;
    height: 18px;
    background-color: #fff;
  }

  .flexslider.gallery .flex-control-paging li a.flex-active,
  .flexslider.gallery .flex-control-paging li a:hover { background-color: #a1a1a1; }

  .flexslider.gallery.slide5 .flex-control-paging,
  .flex-control-nav { display: none; }

  .flexslider.floorplan.slide6 .flex-direction-nav li.flex-nav-prev a {
    background: url('../images/Sprite.png') no-repeat -84px -63px;
    width: 32px;
    height: 50px;
    left: 36px;
    text-indent: -9999px;
  }

  .flexslider.floorplan.slide6 .flex-direction-nav li.flex-nav-next a {
    background: url('../images/Sprite.png') no-repeat -126px -63px;
    width: 32px;
    height: 50px;
    right: 36px;
    text-indent: -9999px;
    text-align: left!important;
  }

  /* Style changes for form animation */
  .video-wrap {
    width: 100%;
    height: auto;
  }

  .contact-bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    /*  background: rgba(0, 0, 0, .3);*/
  }

  #hero-video {
    height: auto;
    width: 100%;
    visibility: hidden;
  }

  #hero-video.show-video { visibility: visible;}

  .see-more-section {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }

  a:focus, a:active,
  input::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
  select::-moz-focus-inner {
    border: 0;
    outline : 0;
  }

  @-moz-document url-prefix() {
    select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000;
    }

    h1.logo img { width: 154px; }

    .select-wrap select { padding-right: 12%; }
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    form select {
      height: 34px;
      outline: none;
      border: none;
      padding: 0 0 2px 5px;
    }

    .about-info { padding: 80px 0; }

    form div:nth-of-type(even) input:-ms-input-placeholder,
    form div:nth-of-type(odd) input:-ms-input-placeholder { color: #aaa; }

    .requirements > select { width: 98.2%; }

    .select-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url(../images/arrow-down.png) no-repeat #fff 94.5% center;
    }

    form input[type= "submit"] { width: 98.2%; }

    nav { width: auto; }

    /*  .contacts .col div { padding: 0 0 55px 14%; }*/

    /*  .menu-footer-social-menu-container ul li { margin: 0 0 0 23px; }*/

    /*  .menu-footer-social-menu-container { margin: 0 0 0 8%; }*/

    .menu-footer-social-menu-container ul li:first-child { margin-left: 23px; }


  }

  /*----------------------------------Styling for 404 page------------------------------*/

  .error404 .page-not-found { background-color: #fff; }

  .error404 .error-page h2 {
    padding: 60px 0 0 0;
    font-family: "ProximaNova-300", Arial, sans-serif;
    color: #3d3d3d ;
    font-size: 44px;
    line-height: 46px;
    text-align: left;
    text-transform: uppercase;
  }

  .error404 .error-page p {
    padding: 18px 0 5px 0;
    font-family: "ProximaNova-300", Arial, sans-serif;
    color: #3d3d3d ;
    font-size: 16px;
    line-height: 28px;
  }


  .error404 .page-not-found .wrapper {
    width: 85%;
    margin: 0 auto;
    padding: 80px 0;
  }

  /*.error404 .page-not-found .wrapper:after {
    content: "";
    display: block;
    }*/

    /*.error404 .page-not-found .wrapper:after { height: 142px; }*/

    .error404 .error-page p > a {
      color: #3d3d3d ;
      text-decoration: none;
      font-family: "ProximaNova-700", Arial, sans-serif;
    }

    .error404 .error-page p > a:hover { text-decoration: underline; }




    /*----------------------------------Styling for Thank you page------------------------------*/

    .page-template-thank-you header .menu-primary-navigation-container { display: none; }

    .thankyou-page { background: #fff; }

    .thankyou-page .wrapper p {
      padding: 0 0 5px 0;
      font-family: "ProximaNova-300", Arial, sans-serif;
      color: #3d3d3d ;
      font-size: 16px;
      line-height: 26px;
    }

    .thankyou-page .wrapper {
      text-align: center;
      padding: 100px 0 0 0;
    }

    .thankyou-page .wrapper p > a {
      margin-top: 35px;
      display: inline-block;
      color: #3d3d3d ;
      text-decoration: none;
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-size: 14px;
      background: #84b54c;
      padding: 6px 21px;
      color: #fff;
      text-transform: uppercase;
    }

    .thankyou-page .wrapper p > a:hover {
      text-decoration: none;
      opacity: .8;
    }

    .thankyou-page .wrapper h2 {
      margin: 10px 0 25px;
      color: #3d3d3d;
      font-size: 44px;
      font-family: "ProximaNova-300", Arial, sans-serif;
    }

    .thankyou-page .wrapper:after {
      content: "";
      display: block;
    }

    .thankyou-page .wrapper:after { height: 62px; }



    /*----------------------------------Styling for Home page Phase-2------------------------------*/

    .home .slide3 > .form-container {
      margin: 100px 0;
      text-align: center;
    }

    .black_overlay{
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      z-index:1;
      filter: alpha(opacity=80);
      z-index: 1003;
    }

    .white_content {
      width: 81%;
      height: 83.8%;
      display: none;
      position: absolute;
      top: 58px;
      left: 9.5%;
      overflow: auto;
      z-index: 1005;
    }

    .body-overflow { overflow: hidden; }

    .close {
      width: 40px;
      height: 40px;
      display: none;
      position: absolute;
      right: 7.5%;
      top: 23px;
      cursor: pointer;
      z-index: 1010;
      background: url(../images/close_button_green.png) no-repeat;
    }

    .mobile-home-residence-info,
    .mobile-map-container,
    .mobile-home-our-partners { display: none; }

    /*----------------------------------Styling for Location page------------------------------*/

    .the-trees .flex-direction-nav,
    .slider-video .flex-direction-nav { display: block; }


    .page-template-location .main {
      background: #fff;
      margin: 59px 0 0 0;
    }

    .mobile-location-map {
      width: 100%;
      display: none;
    }

    .mobile-location-map img {
      max-width: 100%;
      height: auto;
    }

    .map-wrapper {
      width: 100%;
      max-width: 1680px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
    }

    .map-checkbox {
      width: 360px;
      padding: 15px 15px 15px 40px;
      position: absolute;
      right: -320px;
      top: 0;
      background: rgba(255, 255, 255, .9);
    }

    .height-wrapper {
      height: 560px;
      overflow: auto;
    }

    label,
    .map {
      width: 100%;
      position: relative;
    }

    label { display: block; }

    .map,
    .map-checkbox {
      display: inline-block;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      vertical-align: top;
    }

    .map img { max-width: 100%; }

    .map-img {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
    }

    .map-img.show { opacity: 1; }

    .map-title {
      margin: 20px 0;
      color: #3d3d3d;
      font-family: "ProximaNova-700", Arial, sans-serif;
      font-size: 24px;
      text-transform: uppercase;
    }

    .toggle-click {
      width: 18px;
      height: 31px;
      margin-left: -27px;
      display: block;
      background: url(../images/toggle-arrow.png) no-repeat center center;
      cursor: pointer;
    }

    .checkbox label span {
      color: #3d3d3d;
      font-size: 14px;
      line-height: 20px;
      font-family: "ProximaNova-300", Arial, sans-serif;
    }

    .select-title {
      margin-right: 10px;
      color: #3d3d3d;
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-size: 14px;
      text-align: right;
    }

    .hospital,
    .hotels,
    .office,
    .retails,
    .schools {
      padding-left: 30px;
      margin-bottom: 20px;
      position: relative;
    }

    .schools:before,
    .retails:before,
    .office:before,
    .hotels:before,
    .hospital:before {
      width: 19px;
      height: 100%;
      position: absolute;
      z-index: 10;
      left: 0;
      background: url(../images/red-polygon.png) no-repeat 0 5px;
      content: '';
    }

    .hotels:before { background: url(../images/green-polygon.png) no-repeat 0 5px; }

    .office:before { background: url(../images/blue-polygon.png) no-repeat 0 5px; }

    /*.schools:before { background: url(../images/green-polygon.png) no-repeat top left;  }*/

    /*.retails:before { background: url(../images/green-polygon.png) no-repeat top left;  }*/

    .main-checkbox label span {
      font-size: 16px;
      line-height: 28px;
    }

    .toggle-click.flip { background: url(../images/toggle-arrow-flip.png) no-repeat center center; }

    .toggle-click:hover { opacity: .8; }

    .map-checkbox.adjust-right { right: 0; }

    input[type=checkbox] { display: none; }

    label:after {
      width: 12px;
      height: 12px;
      margin-top: -6px;
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 50%;
      background-color: #e1e1e1;
      color: #b7b7b7;
      content: '';
      text-align: center;
      vertical-align: middle;
    }

    label.active:after { background: #0084ff; }
    .jspTrack,
    .jspDrag { width: 8px !important; }

    .jspTrack {
      right: 2px !important;
      background-color: #e1e1e1 !important;
    }

    .jspDrag {
      border-radius: 0 !important;
      right: 0 !important;
      background-color: #b7b7b7 !important;
    }

    .video-block { display: block; }

    .flexslider.transport-wrapper .slides li img {
      margin: 0 auto;
      max-width: 60% !important;
      width: auto;
      height: auto;
    }

    .transport-slider {
      width: 100%;
      background: #fff;
      position: relative;
    }

    .transport-wrapper { width: 100% !important; }

    .transport-wrapper .flex-viewport {
      position: relative;
      width: 86%;
      margin: 0 auto;
    }

    .transport-wrapper .flex-viewport:before,
    .transport-wrapper .flex-viewport:after {
      position: absolute;
      content: '';
      background: url(../images/gradiancy-rtl.png) repeat-y;
      width: 44px;
      height: 100%;
      top: 0;
      z-index: 10;
    }

    .transport-wrapper .flex-viewport:after { right: 0; }

    .transport-wrapper .flex-viewport:before {
      background: url(../images/gradiancy-ltr.png) repeat-y;
      left: 0;
    }

    .transport-wrapper.flexslider:hover .flex-direction-nav .flex-prev {
      margin: 0;
      left: 0;
    }

    .transport-wrapper.flexslider:hover .flex-direction-nav .flex-next {
      margin: 0;
      right: 0;
    }

    .transport-wrapper .slides { margin: 30px 0 30px 0 !important; }

    .transport-slider .flex-direction-nav { display: block; }

    .transport-slider .flex-direction-nav .flex-prev {
      left: 8%;
      opacity: 1;
    }

    .transport-slider .flex-direction-nav .flex-next {
      right: 8%;
      opacity: 1;
    }

    .transport-slider .flex-nav-next,
    .transport-slider .flex-nav-prev {
      margin: -23px 0 0;
      position: absolute;
      cursor: pointer;
      top: 50%;
    }

    .transport-slider .flex-nav-prev { left: 4%; }

    .transport-slider .flex-nav-next { right: 4%; }

    .transport-slider .flex-nav-next a,
    .transport-slider .flex-nav-prev a {
      width: 26px;
      height: 45px;
      margin: 0;
      display: block;
      background: url('../images/left.png') no-repeat center center;
      background-size: contain;
      text-indent: -9999px;
    }

    .transport-slider .flex-nav-next a {
      background: url('../images/right.png') no-repeat center center;
      text-align: center;
    }

    .transport-wrapper {
      position: relative;
      background: #fff;
    }

    .textlink-info,
    .home-our-partners {
      width: 100%;
      position: relative;
      background: #fff;
    }

    .textlink-info .wrapper {
      width: 88%;
      margin: 0 auto;
    }

    .textlink-info p a {
      color: #0084ff;
      text-decoration: none;
    }

    .textlink-info p a:hover { text-decoration: underline; }

    .textlink-info p {
      padding: 55px 0;
      color: #3d3d3d;
      font-size: 24px;
      line-height: 42px;
      font-family: "ProximaNova-300", Arial, sans-serif;
      text-align: center;
    }

    /*.home-residence-info {
      width: 100%;
      height: 460px;
      position: relative;
      background-size: calc(100% + 50px);
      background-repeat: no-repeat;
      background-position: center center;
      transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -o-transform: scale(1.02);
      }*/

      .home-residence-info {
        width: 100%;
        height: 480px;
        position: relative;
      }

      .home-residence-info .layer-bg {
        width: 100%;
        height: 490px;
        position: relative;
        background-size: calc(100% + 50px);
        background-repeat: no-repeat;
        background-position: center center;
      }

      .home-residence-info #scene {
        position: relative;
        overflow: hidden;
        width: 1600px;
        height: 480px;
      }

      .scene {
        padding: 0;
        margin: 0;
      }

      .layer {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
      }

      .home-residence-info #scene li {
        width: 100%;
        margin: 0;
        position: static;
      }

      .ie9 .home-residence-info { height: 440px; }


      .home-residence-overlay,
      .home-studio-img-overlay,
      .home-masterplan-img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .map-content-wrap {
        position: relative;
        cursor: default;
      }

      .home-residence-info .wrapper,
      .home-masterplan-overlay .wrapper,
      .home-studio-overlay .wrapper,
      .map-content-wrap .map-content {
        height: 100%;
        position: absolute;
        top: 0;
        left: 99px;
      }

      .map-content-wrap .map-content { left: 97px; }

      .home-residence-info-overlay:hover,
      .home-masterplan-overlay:hover,
      .home-studio-overlay:hover {
        background: rgba(0,0,0,0.25);
      }

      .home-residence-info-overlay,
      .home-masterplan-overlay,
      .home-studio-overlay {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        -webkit-transition: background 0.8s ease-in;
        -moz-transition: background 0.8s ease-in;
        -o-transition: background 0.8s ease-in;
        transition: background 0.8s ease-in;
      }

      /*.bg {
        position: absolute;
        min-height: 100% !important;
        width: 100%;
        z-index: 0;
        margin: 0;
        }*/

        .home-residence-info #scene .content {
          position: absolute;
          height: 100%;
          top: 0;
          left: 95px;
        }

        .home-residence-info #scene  p,
        .home-masterplan #masterplan-scene p,
        .home-studio #studio-scene p,
        .map-content-wrap .map-content p {
          padding: 23px 0 20px 0;
          color: #fff;
          font-size: 16px;
          line-height: 28px;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        /*.home-masterplan .wrapper p,
        .home-studio .wrapper p { padding: 44px 0 20px 0; }*/

        .home-residence-info #scene  h2,
        .home-masterplan #masterplan-scene h2,
        .home-studio #studio-scene h2,
        .map-content-wrap .map-content h2 {
          padding: 65px 0 16px 0;
          display: inline-block;
          color: #fff;
          font-size: 44px;
          line-height: 28px;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        .home-residence-info #scene .content p > a,
        .home-masterplan #masterplan-scene p > a,
        .home-studio #studio-scene p > a,
        .map-content-wrap .map-content p > a,
        .mobile-map-content p > a,
        .mobile-home-residence-content p > a {
          padding: 3px 21px 4px;
          display: inline-block;
          font-size: 14px;
          color: #fff;
          background: #84b54c;
          text-decoration: none;
          font-family: "ProximaNova-300", Arial, sans-serif;
          box-sizing: border-box;
          text-transform: uppercase;
        }

        .home-masterplan-studio {
          width: 100%;
          /*  max-width: 1600px;*/
          height: 460px;
          position: relative;
        }

        .home-masterplan,
        .home-studio { position: relative; }

        .home-masterplan,
        .home-masterplan #masterplan-scene {
          width: 50%;
          float: left;
          height: 480px;

        }

        .home-masterplan #masterplan-scene {
          width: 700px;
          position: relative;
          overflow: hidden;
          height: 480px;
        }

        .home-masterplan #masterplan-scene .content,
        .home-studio #studio-scene .content {
          position: absolute;
          height: 100%;
          top: 0;
          left: 95px;
        }

        .home-studio,
        .home-studio #studio-scene {
          width: 50%;
          height: 480px;
          float: right;
        }

        .home-studio #studio-scene {
          width: 675px;
          position: relative;
          overflow: hidden;
          height: 480px;
        }

      /*.home-masterplan,
      .home-studio {
        height: 460px;
        position: relative;
        background-size: calc(100% + 50px);
        background-repeat: no-repeat;
        background-position: center center;
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        }*/

        /*.ie9 .home-masterplan,
        .ie9 .home-studio { height: 440px; }*/

        .home-residence-info {
          width: 100%;
          height: 480px;
          position: relative;
        }

        .home-masterplan .layer-bg,
        .home-studio .layer-bg {
          width: 100%;
          height: 485px;
          position: relative;
          background-size: calc(100% + 50px);
          background-repeat: no-repeat;
          background-position: center center;
        }

        #studio-scene .layer-bg { width: 700px; }

        .home-residence-info #scene {
          position: relative;
          overflow: hidden;
          width: 1600px;
          height: 480px;
        }

        .home-our-partners .content-wrapper h2 {
          padding: 102px 0 24px;
          margin: 0;
          color: #3d3d3d;
          font-size: 44px;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        .home-our-partners p {
          margin: 0;
          padding: 0 0 15px 0;
        }

        .disclaimer .wrapper,
        .home-our-partners .content-wrapper,
        .home-our-partners .partners-wrapper {
          width: 85.7%;
          margin: 0 auto;
          padding: 0 0 50px;
        }

        .home-our-partners .partners-post {
          display: inline-block;
          width: 98.5%;
        }

        .home-our-partners .partners-post li,
        .home-our-partners .hover-info {
          display: inline-block;
          width: 20%;
          vertical-align: top;
        }

        .home-our-partners .partners-post li {
          margin-left: 6.5%;
          position: relative;
        }

        .home-our-partners .hover-info {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 220px;
          display: table;
          opacity: 0;
          -webkit-transition: all 0.8s ease;
          -moz-transition: all 0.8s ease;
          -o-transition: all 0.8s ease;
          transition: all 0.8s ease;
        }

        .home-our-partners .hover-info p {
          padding: 20px;
          display: table-cell;
          vertical-align: bottom;
          width: 100%;
          color: #fff;
          font-size: 14px;
          font-family: "ProximaNova-300", Arial, sans-serif;
          z-index: 10;
          background: rgba(0,0,0,0.55);
          cursor: pointer;
        }

        .home-our-partners .hover-info:hover { opacity: 1; }

        .home-our-partners .partners-post li:first-child { margin-left: 0; }

        .home-our-partners .partners-post li:nth-of-type(5n+0) { margin-left: 0; }

        .home-our-partners .partners-post li img {
          width: 100%;
          height: auto;
        }

        .home-our-partners .partners-post h3 {
          padding: 17px 0 26px 6px;
          display: inline-block;
          color: #3d3d3d;
          font-size: 18px;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        /*Drag map styling for home page*/

        .drag-map-container {
          width: 100%;
          height: 600px;
          position: relative;
          background: #858384 url("../images/Simplified-home.jpg") no-repeat;
          background-position: -200px -100px;
          cursor: default;
          overflow: hidden;
        }


        .zoomContainer {
          width: 310px;
          height: 310px;
          border: 19px solid #fff;
          position: absolute;
          left: 550px;
          top: 110px;
          background: #CBE1A3 url("../images/DETAILED_MAP_Tree.jpg") no-repeat;
          background-position: -1100px, -300px;
        }

        .zoomContainer .border {
          width: 348px;
          height: 99px;
          position: absolute;
          bottom: -108px;
          background: #fff;
          border: none;
          left: -19px;
        }

        .zoomContainer > span {
          width: 100%;
          height: 100%;
          display: block;
          border: 3px solid #676767;
        }

        .map-content,
        .map-content h2,
        .map-content p,
        .map-content-wrap {
          -moz-user-select: none;
          -khtml-user-select: none;
          -webkit-user-select: none;
          -o-user-select: none;
          -webkit-user-drag: none;
          user-drag: none;
        }

        .drag-image {
          position: absolute;
          left: 50%;
          bottom: 122px;
          text-align: center;
          cursor: default;
        }

        .zoomContainer > p {
          width: 265px;
          position: absolute;
          padding-top: 10px;
          text-align: left;
          color: #3d3d3d;
          font-size: 16px;
          line-height: 24px;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        /*.mouse-pointer {
          width: 100%;
          height: 100%;
          //cursor: url("../images/Hand.png"), none;
          position: absolute;
          }*/

          /*.zoomImg {
            -webkit-transform: translate(-1100px, -300px);
            -moz-transform: translate(-1100px, -300px);
            -ms-transform: translate(-1100px, -300px);
            transform: translate(-1100px, -300px);
            }*/




            /*----------------------------------Styling for About page------------------------------*/

            .then,
            .now {
              width: 50%;
              height: 667px;
              float: left;
              position: relative;
              background-size: cover;
            }

            .see-more-section.about .down-arrow { display: none; } /* Temporary */

            .see-more-section.about .see-more {
              top: 50%;
              font-family: "ProximaNova-300", Arial, sans-serif;
              font-size: 44px;
              text-decoration: none;
            }
            .see-more-section.about .see-more:first-child {
              top: 40%;
              left: 46%;
              color: #ffffff ;
              line-height: 52px;
              text-indent: 0;
              background: none;
            }

            .see-more-section.about {
              padding-bottom: 50px;
              margin: -52px 0 0 -50px;
              position: absolute;
              left: 50%;
              top: 50%;
              transition: none;
            }

            .see-more-section.about { margin-left: -45px; }

            .see-more-section.about:hover { opacity: .8; }

            .see-more-section .see-more-text {
              margin-bottom: 10px;
              position: relative;
              color: #fff;
              font-family: 'ProximaNova-300', Arial, sans-serif;
              font-size: 44px;
              line-height: 54px;
              font-weight: 600;
              text-decoration: none;
            }

            .see-more-section.about span { font-size: 44px; }

            .about-page .about-info { padding-top: 87px; }

            .video {
              height:667px;
              overflow:hidden;
              position: relative;
            }

            .video video {
              position: absolute;
              width: 100%;
              height: 100%;
              object-fit: cover;
            }

            .disclaimer-content h2,
            .sitemap h2,
            .about-content h2 {
              padding: 47px 0 22px 0;
              margin: 0;
              color: #3d3d3d ;
              font-size: 44px;
              font-family: "ProximaNova-300", Arial, sans-serif;
            }


            .disclaimer-content p,
            .about-content p {
              margin-bottom: 20px;
              font-family: "ProximaNova-300", Arial, sans-serif;
              font-size: 16px;
              line-height: 28px;
              color: #3d3d3d;
            }

            .disclaimer-content p:last-of-type { margin-bottom: 0; }

            .flexslider img {
              width: 100%;
              height: auto;
            }

            .see-more-section > a.see-more-text {
              width: 100%;
              text-align: center;
              left: 0;
              display: block;
            }

            .see-more-section a.shift { left: 49%;}
            /*----------------------------------Styling for The Trees page------------------------------*/

            .desktop-thetrees-bgimage img {
              max-width: 100%;
              width: 100%;
              height: auto;
            }

            .mobile-masterplan {
              width: 100%;
              display: none;
            }

            .mobile-masterplan img {
              max-width: 100%;
              width: 100%;
              height: auto;
            }

            .masterplan-map,
            .location-map {
              width: 100%;
              height: auto;
            }

            .masterplan-map {
              width: 100%;
              margin: 50px 0 0 0;
            }

            .masterplan-map img {
              width: 100%;
              height: auto;
            }

            .desktop-thetrees-residence p > a,
            .mobile-thetrees-residence .content p > a {
              margin: 0 0 19px 0;
              background: #84b54c;
              text-decoration: none;
              color: #fff;
              padding: 3px 21px 4px;
              display: inline-block;
              font-size: 14px;
              font-family: "ProximaNova-300", Arial, sans-serif;
              box-sizing: border-box;
            }

            .desktop-thetrees-residence p > a { margin: 22px 0 19px 0; }

            .flexslider.commercial,
            .flexslider.hospitality {
              margin: 0;
              border: 0;
              border-radius: 0;
            }

            .the-trees .flex-direction-nav { display: block; }

            .the-trees .flex-direction-nav,
            .slider-video .flex-direction-nav,
            .videos .slider-video .flex-direction-nav { display: block; }

            .flexslider.commercial { position: relative; }

            .flexslider .flex-direction-nav li.flex-nav-prev,
            .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev,
            .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev,
            .slider-video .flex-direction-nav li.flex-nav-prev,
            .videos .slider-video .flex-direction-nav li.flex-nav-prev {
              position: absolute;
              top: 50%;
              left: 31px;
              margin-top: -20px;
            }

            .flex-direction-nav li.flex-nav-next,
            .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next,
            .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next,
            .slider-video .flex-direction-nav li.flex-nav-next,
            .videos .slider-video .flex-direction-nav li.flex-nav-next {
              position: absolute;
              top: 50%;
              right: 31px;
              margin-top: -20px;
            }

            .residence-page-slider .flexslider .flex-direction-nav li.flex-nav-next {
              position: absolute;
              top: 94.5%;
              right: 37px;
              margin-top: -20px;
              z-index: 111;
            }

            .residence-page-slider .flexslider .flex-direction-nav li.flex-nav-prev {
              position: absolute;
              top: 94.5%;
              left: 31px;
              margin-top: -20px;
              background: none;
              z-index: 111;
            }

            .residence-page-slider .flexslider .flex-direction-nav li.flex-nav-prev a {
              width: 24px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/flex-left-arrow.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }

            .residence-page-slider .flexslider .flex-direction-nav li.flex-nav-next a {
              width: 24px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/flex-right-arrow.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }


            .flex-direction-nav .flex-prev { left: 0 !important; }

            .flex-direction-nav .flex-next { right: 0 !important; }

            .flex-direction-nav li.flex-nav-prev a,
            .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a,
            .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a,
            .videos .slider-video .flex-direction-nav li.flex-nav-prev a {
              width: 26px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/left.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }

            .slider-video .flex-direction-nav li.flex-nav-prev a,
            .residence-page-slider .flex-direction-nav li.flex-nav-prev a {
              width: 26px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/left-white.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }

            .slider-video .flex-direction-nav li.flex-nav-next a,
            .residence-page-slider .flex-direction-nav li.flex-nav-next a {
              width: 26px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/right-white.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              text-align: center;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }


            .flex-direction-nav li.flex-nav-next a,
            .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next a,
            .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next a,
            .videos .slider-video .flex-direction-nav li.flex-nav-next a {
              width: 26px;
              height: 41px;
              margin: 0;
              display: inline-block;
              background: url(../images/right.png) no-repeat;
              background-size: cover;
              text-indent: -9999px;
              text-align: center;
              opacity: 1;
              -webkit-transition: all .3s ease;
              -moz-transition: all .3s ease;
              transition: all .3s ease;
            }

            .the-trees .flexslider .flex-direction-nav .flex-next,
            .slider-video .flex-direction-nav .flex-next { text-align: justify; }

            .mobile-home-masterplan-studio,
            .mobile-home-studio,
            .mobile-thetrees-residence,
            .mobile-thetrees-sliders { display: none; }

            .masterplan-wrapper {
              position: relative;
              background: #cbe1a3;
              text-align: center;
            }

            .masterplan-wrapper img,
            .about-us-img img {
              width: 100% !important;
              height: auto;
            }

            #fill-color,.mapify-polygon.custom-hover { fill: rgba(0,0,0,.5); }

            .popup-overlay {
              width: 100%;
              height: 100%;
              display: none;
              position: fixed;
              z-index: 1000;
              top: 0;
              left: 0;
              background: rgba(0, 0, 0, .8);
            }

            #godrej-one {
              padding: 30px;
              margin: -275px 0 0 -250px;
              display: none;
              position: fixed;
              z-index: 9999;
              left: 0;
              left: 50%;
              top: 0;
              top: 50%;
              background-color: #fff;
            }

            #godrej-one .wrapper {
              width: 100%;
              max-width: 500px;
              height: 490px;
              margin: 0 auto;
              overflow: auto;
            }

            .video-wrapper {
              margin-bottom: 25px;
              text-align: center;
            }

            #godrej-one p {
              margin: 0 7% 20px;
              color: #010000;
              font-size: 16px;
              line-height: 24px;
            }

            .cta-button {
              padding: 10px 20px;
              margin: 0 0 0 7%;
              display: inline-block;
              background-color: #84b54c;
              color: #fff;
              font-size: 14px;
              text-decoration: none;
            }

            .cta-button:hover { opacity: .8; }

            .popup-close {
              width: 44px;
              height: 44px;
              display: block;
              position: absolute;
              right: -22px;
              top: -22px;
              background: url(../images/pop-up-close.png) no-repeat center center;
              cursor: pointer;
            }

            .popup-close:hover { opacity: .8; }

            .video-slide { position: relative; }

            .video-overlay {
              position: absolute;
              top: 0;
              left: 0;
              background: transparent;
              width: 100%;
              height: 100%;
              cursor: pointer;
            }

            /*----------------------------------Styling for The Gallery page------------------------------*/

            .main {
              margin: 60px 0 0 0;
              background: #fff; }

              .gallery-content h2,
              .the-trees-content h2,
              .desktop-thetrees-residence h2,
              .location-content h2,
              .videos .wrapper h2 {
                padding: 102px 0 24px 0;
                margin: 0;
                color: #3d3d3d;
                font-size: 44px;
                font-family: "ProximaNova-300", Arial, sans-serif;
              }

              .desktop-thetrees-residence h2 { padding-top: 84px; }

              .the-trees .wrapper,
              .location-content,
              .about-us .wrapper {
                width: 84%;
                margin: 57px auto 50px;
              }

              .about-page .wrapper {
                width: 84%;
                margin: 0 auto 50px;
              }

              .desktop-thetrees-residence .content-wrap {
                width: 84%;
                margin: 14px auto 53px;
              }

              .gallery .wrapper {
                width: 84%;
                margin: 57px auto 35px;
              }

              .tab-container .etabs {
                width: 84%;
                margin: 0 auto;
              }

              .tab-container .etabs li a {
                font-family: "ProximaNova-300", Arial, sans-serif;
                font-size: 18px;
                line-height: 28px;
                color: #3d3d3d;
                text-decoration: none;
              }

              .gallery .tab-container { padding: 0 0 46px 0; }

              .tab-container .etabs .tab { padding: 0 20px; }

              .tab-container .etabs .tab:first-child { padding-left: 3px; }

              .tab-container .etabs .tab .active,
              header li.active > a { color: #0084ff; }

              .panel-container .flexslider,
              .transport-slider .flexslider,
              .slider-video .flexslider {
                border: none;
                border-radius: 0;
                background: none;
                margin: 0;
              }

              .cust-prev,
              .cust-next { display: none; }

              /*----------------------------------Styling for The Gallery page slider------------------------------*/

              .panel-container { height: 100%; }

              .gallery-tab { width: 100%; }

              .panel-container,
              #tab-container { position: relative; }

              .gallery-tab {
                position: absolute;
                z-index: -1;
                opacity: 0;
              }

              .panel-container iframe {
                width: 100%;
                height: 582px;
              }

              .gallery-tab.z-index {
                opacity: 1;
                z-index: 100;
              }

              .gallery-tab .flex-direction-nav { display: block; }

              .page-template-gallery-php .gallery-tab .flex-direction-nav { display: none; }

              /*----------------------------------Styling for Residences page------------------------------*/

              .mobile-residences-content { display: none; }

              .commercial .slider-content {
                width: 50%;
                float: left;
                padding: 110px 0 60px;
              }

              .img-studio .slider-content {
                width: 50%;
                float: left;
                padding: 100px 0 25px;
              }

              .residence,
              .commercial-info-container { border-bottom: 1px solid #ebebeb; }

              .residence-panel-container {
                border-top: 1px solid #ebebeb;
                border-bottom: 1px solid #ebebeb;
              }

              .hospitality .slider-content {
                width: 50%;
                float: right;
                padding: 110px 0;
              }

              .slider-image-content {
                width: 50%;
                float: right;
              }

              .slider-image-content img {
                width: 100%;
                height: auto;
              }

              .hospitality .img-wrap {
                width: 50%;
                float: left;
              }

              .residences-content,
              .nri-form-container {
                width: 49%;
                float: left;
                padding: 101px 0 37px;
              }

              .residences-content { padding-bottom: 20px; }

              .commercial-content {
                width: 50%;
                float: left;
                padding: 90px 0;
              }

              .residences-content > .content,
              .commercial .slider-content-wrap,
              .hospitality .slider-content-wrap,
              .commercial-content > div,
              .nri-content > div {
                width: 70%;
                margin: 0 auto;
                padding: 0 0 0 5px;
              }

              .residences-content h2,
              .floorplan-content h2,
              .commercial-content h2,
              .nri-content h2,
              .slider-content-wrap h2 {
                margin: 0;
                padding: 0 0 22px 0;
                color: #3d3d3d;
                font-size: 44px;
                font-family: "ProximaNova-300", Arial, sans-serif;
              }


              .floorplan-content h2 { padding: 0 0 3px 0; }

              .residences-content p,
              .floorplan-content p,
              .slider-content-wrap p,
              .mobile-residences-content .content p,
              .mobile-thetrees-residence .content p,
              .commercial-content p,
              .nri-content p {
                margin: 0 0 20px 2px;
                font-family: "ProximaNova-300", Arial, sans-serif;
                font-size: 16px;
                line-height: 28px;
                color: #3d3d3d;
              }

              .residences-img,
              .commercial .img-wrap,
              .commercial-form-container,
              .nri-content {
                width: 50%;
                float: right;
                padding: 0;
              }

              .residences-img img,
              .commercial-form-container img,
              .nri-loan-form > img {
                width: 100%;
                height: auto;
              }

              .floorplan-content {
                width: 84.5%;
                margin: 0 auto;
                padding: 31px 0;
              }

              .residence-page .tab-container { padding: 9px 0 46px 0; }

              .print-email {
                position: absolute;
                bottom: 120px;
                right: 71px;
              }

              .print-email .email,
              .print-email .print {
                display: block;
                width: 68px;
                height: 68px;
              }

              .print-email .print { right: 0; }

              .print-email .print a {
                width: 100%;
                height: 100%;
                display: block;
                background-size: cover;
                text-indent: -9999px;
                background: url(../images/pdf-icon.png) no-repeat;
              }

              .print-email .email a {
                width: 100%;
                height: 100%;
                display: block;
                background-size: cover;
                text-indent: -9999px;
                background: url(../images/Mail.png) no-repeat;
              }

              .testimonial-block {
                border-bottom: 1px solid #ebebeb;
                background: #fff;
              }

              .testimonial-block .wrap-block {
                width: 78%;
                margin: 0 auto;
                padding: 62px 0;
              }

              .testimonial-block .wrap-block p {
                font-family: "ProximaNova-300", Arial, sans-serif;
                font-style: italic;
                font-size: 24px;
                line-height: 42px;
                color: #3d3d3d;
                text-align: center;
              }

              .testimonial-block .wrap-block p + p {
                font-size: 18px;
                color: grey;
                text-transform: capitalize;
              }


              .residence-slider .caption { text-transform: uppercase; }

              .residence-slider .flex-direction-nav { display: none;; }

              .residence-slider .cust-flex-prev,
              .residence-slider .cust-flex-next { display: block; }

              /*----------------------------------Styling for Contact page------------------------------*/




              /* -----------------------------  About slider styling ---------------------------------*/
              .flexslider.about-slider {
                background: -webkit-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);
                background:    -moz-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);
                background:      -o-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);
                background:     -ms-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);
                background:         linear-gradient(0deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);
              }

              .about-slider .caption {
                width: 50%;
                padding: 50px 0;
                margin: 0 auto;
                display: table;
                position: relative;
                background: none;
              }

              .about-slider .about-flex-image { text-align: center; }

              .about-slider .img-wrapper {
                display: inline-block;
                padding: 25px 25px 80px 25px;
                margin: 0 auto;
                background: #fff;
              }

              .about-slider .img-wrapper img {
                width: auto !important;
                max-width: 100%;
                margin: 0 auto;
              }

              .about-slider .flex-control-nav {
                padding: 50px 0;
                display: block;
                position: relative;
                bottom: 0;
              }

              .about-slider .flex-control-nav li {
                width: 45px;
                margin: 0 0 0 33px;
                text-align: center;
              }

              .about-slider .flex-control-nav li:first-child { margin: 0; }

              .about-slider .flex-control-nav li a {
                width: 24px;
                height: 24px;
                display: inline-block;
                background-color: #ccc;
              }

              .about-slider .flex-control-nav li p {
                padding-top: 10px;
                color: #fff;
                font-family: 'ProximaNova-300', Arial, sans-serif;
                font-size: 18px;
                text-align: center;
                cursor: pointer;
              }

              .about-slider .flex-control-nav li a.flex-active + p {
                color: #84b54c;
                cursor: default;
              }

              .about-slider .flex-control-paging li a.flex-active,
              .about-slider .flex-control-paging li a:hover { background-color: #84b54c; }

              .about-slider .caption h2 {
                width: auto;
                padding: 0 40px 0 0;
                display: table-cell;
                color: #fff;
                font-family: 'ProximaNova-300', Arial, sans-serif;
                font-size: 70px;
                line-height: normal;
                vertical-align: middle;
              }

              .about-slider .caption h2 { border-right: 2px solid #fff; }

              .about-slider .caption-text {
                width: 100%;
                display: table-cell;
                vertical-align: middle;
              }

              .about-slider .caption .caption-text div,
              .about-slider .caption .caption-text p {
                padding: 0 0 0 35px;
                color: #fff;
                font-size: 18px;
                font-family: 'ProximaNova-300', Arial, sans-serif;
                line-height: 24px;
              }

              .about-slider .flex-direction-nav {
                width: 100%;
                margin-top: -23px;
                display: block;
                position: absolute;
                top: 50%;
              }

              .about-slider .flex-direction-nav li {
                width: 26px;
                height: 45px;
                margin: 0;
                position: relative;
              }

              .about-slider .flex-direction-nav li.flex-nav-prev {
                margin-left: 40px;
                float: left;
              }

              .about-slider .flex-direction-nav li.flex-nav-next {
                margin-right: 40px;
                float: right;
              }

              .about-slider .flex-direction-nav a {
                width: 100%;
                height: 100%;
                margin: 0;
                display: block;
                display: inline-block;
                position: static;
                top: 0;
                opacity: 1;
                text-indent: -9999px;
              }

              .about-slider .flex-direction-nav a.flex-next:before,
              .about-slider .flex-direction-nav a.flex-prev:before { content: ''; }

              .about-slider .flex-direction-nav a.flex-next {
                background: url(../images/flex-right-arrow.png) no-repeat center center;
                text-align: center;
              }

              .about-slider .flex-direction-nav a.flex-prev {
                background: url(../images/flex-left-arrow.png) no-repeat center center;
              }

              .then-text,
              .now-text {
                padding-right: 40px;
                position: absolute;
                z-index: 10;
                bottom: 30px;
                right: 30px;
                background: url(../images/now.png) no-repeat center right;
                color: #fff;
                font-family: 'ProximaNova-300', Arial, sans-serif;
                font-size: 34px;
                text-decoration: none;
                text-transform: capitalize;
              }

              .then-text {
                padding-right: 0;
                padding-left: 40px;
                left: 40px;
                right: auto;
                background: url(../images/then.png) no-repeat center left;
              }

              .then-text:hover,
              .now-text:hover { opacity: .8; }

              .about-slider-wrapper {
                position: relative;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
                display: none; /* Temporary */
              }

              #then,
              #now {
                position: absolute;
                z-index: -1;
                left: 0;
                top: 0;
              }

              #then.z-index,
              #now.z-index { z-index: 10; }

              .then,
              .now {
                -webkit-transition: all 1000ms ease-in;
                -moz-transition: all 1000ms ease-in;
                -o-transition: all 1000ms ease-in;
                transition: all 1000ms ease-in;
              }

              .hot-spot-wrapper {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                display: none;
              }

              .hot-spot1,
              .hot-spot2,
              .hot-spot3,
              .hot-spot4,
              .hot-spot5 {
                position: absolute;
                z-index: 100;
                -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -o-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                transition: all .3s cubic-bezier(.25,.46,.45,.94);
              }

              .three-bhk .hot-spot1 {
                left: 0%;
                top: 16%;
              }

              .three-bhk .hot-spot2 {
                left: 32%;
                top: 45%;
              }

              .three-bhk .hot-spot3 {
                left: 60%;
                top: 30%;
              }

              .three-bhk .hot-spot4 {
                right: 0;
                top: 35%;
              }

              .dot {
                width: 75px;
                display: block;
                margin: 0 auto;
                padding: 30px 0 0;
              }

              .circle {
                width: 15px;
                height: 15px;
                margin: 0 auto;
                border-radius: 15px;
                display: block;
                background: #fff;
              }

              .line {
                width: 2px;
                height: 0;
                margin: 0 auto;
                display: block;
                background-color: #fff;
                -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94) .3s;
                -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94) .3s;
                -o-transition: all .3s cubic-bezier(.25,.46,.45,.94) .3s;
                transition: all .3s cubic-bezier(.25,.46,.45,.94) .3s;
              }

              .text,
              .second-text {
                width: 150px;
                display: inline-block;
                position: relative;
                overflow: hidden;
                vertical-align: bottom;
              }

              .text-wrapper {
                margin-top: -80px;
                position: relative;
                z-index: -1;
                overflow: hidden;
              }

              .text p {
                margin-left: 100%;
                text-align: right;
              }

              .second-text p { margin-left: -100%; }

              .second-text p,
              .text p {
                width: 100%;
                padding: 10px;
                background-color: rgba(0, 0, 0, .2);
                color: #fff;
                -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -o-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                transition: all .3s cubic-bezier(.25,.46,.45,.94);
              }

              .dot-1:hover + .line,
              .dot-2:hover + .line,
              .dot-3:hover + .line,
              .dot-4:hover + .line,
              .dot-5:hover + .line {
                height: 180px;
                -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                -o-transition: all .3s cubic-bezier(.25,.46,.45,.94);
                transition: all .3s cubic-bezier(.25,.46,.45,.94);
              }

              .dot-1:hover + .line + .text-wrapper > .text p,
              .dot-1:hover + .line + .text-wrapper > .second-text p,
              .dot-2:hover + .line + .text-wrapper > .text p,
              .dot-2:hover + .line + .text-wrapper > .second-text p,
              .dot-3:hover + .line + .text-wrapper > .text p,
              .dot-3:hover + .line + .text-wrapper > .second-text p,
              .dot-4:hover + .line + .text-wrapper > .text p,
              .dot-4:hover + .line + .text-wrapper > .second-text p,
              .dot-5:hover + .line + .text-wrapper > .text p,
              .dot-5:hover + .line + .text-wrapper > .second-text p {
                margin-left: 0;
                -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
                -moz-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
                -o-transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
                transition: all .5s cubic-bezier(.25,.46,.45,.94) .3s;
              }

              .overlay.visible { opacity: 1; }

              #videos-slider iframe {
                width: 100%;
                height: 586px;
              }

              #videos-slider { margin: 0 0 -4px 0; }

            /* ==========================================================================
            Info page styling starts
            ========================================================================== */
            .commercial-form-container {
              background-size: cover !important;
              height: 565px;
              padding: 0;
              background-position: center center;
            }

            .nri-form-container {
              background-size: cover;
              height: 620px;
              padding: 0;
              background-position: center center;
            }


            .nri-content { padding: 90px 0; }

            #converter-container {
              background: none !important;
              position: absolute;
              top: 160px;
              left: 87px;
            }

          /*.commercial-content > div,
          .nri-content > div {
            width: 80%;
            margin: 80px auto 0;
            }*/

            .commercial-form-container,
            .nri-info-container {
              position: relative;
              background: #fff;
            }

            .info-page .commercial-form-container > form {
              padding: 0;
              max-width: 500px;
              position: absolute;
              top: 115px;
              left: 12%;
              background: none;
              box-sizing: border-box;
              padding: 33px 37px 33px 38px;
            }

            .nri-info-container .nri-form-container form {
              padding: 0;
              max-width: 500px;
              position: absolute;
              top: 58px;
              left: 0;
              background: none;
              box-sizing: border-box;
              padding: 33px 37px 33px 38px;
            }

            .nri-overlay,
            .commercial-overlay {
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, .3);
            }

            .info-page .nri-loan-form > form input,
            .commercial-form-container > form input,
            .nri-loan-form > form select,
            .commercial-form-container > form select {
              width: 98%;
              padding: 7px;
              max-width: 240px;
              border: none;
              border-radius: 0;
              float: right;
              outline: none;
            }

            .nri-loan-form > form select {
              width: 98%;
              padding: 7px;
              max-width: 240px;
              float: right;
              border: none;
              outline: none;
              border-radius: 0;
              -webkit-appearance: none;
              -moz-appearance: none;
              background: url(../images/arrow-down.png) no-repeat #fff 95% center;
            }

            .nri-loan-form > form select { padding: 7px 4px; }

            .info-page form input[type="submit"],
            .info-page .nri-loan-form button { float: right; }

            .info-page .nri-loan-form button {
              width: 96%;
              max-width: 240px;
              padding: 8px;
              box-sizing: border-box;
            }

            .info-page .nri-loan-form button {
              border: none;
              outline: none;
              background: #84b54c;
              color: #fff;
              font-size: 15px;
              text-transform: uppercase;
              font-family: "ProximaNova-300", Arial, sans-serif;
            }

            .info-page form > div,
            #converter-container > div {
              width: 100%;
              height: auto;
              min-height: 35px;
              margin: 0 0 20px;
            }

            .info-page form > div:last-child { margin: 0; }

            .info-page form label,
            .nri-info-container form label {
              display: inline-block;
              width: 130px;
              color:  #fff;
              font-family: "ProximaNova-300", Arial, sans-serif;;
              font-size: 16px;
              line-height: 28px;
            }

          /*.info-page form label:after,
          .info-page form label:before,
          .nri-info-container:before,
          .nri-info-container form label:before { display: none; } */

          .nri-info-container form label:after,
          .nri-info-container form label:before {
            width: 0;
            height: 0;
            margin-top: 0;
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
          }

          .info-page #converted-output {
            width: 100%;
            max-width: 240px;
            margin: 27px 0 0;
            float: right;
            clear: both;
            color: #fff;
          }

          .info-page .error,
          .nri-form-container .error,
          #currency_converter_result {
            width: 219px;
            float: right;
            margin: 2px 7% 0 0;
            font-family: "ProximaNova-300", Arial, sans-serif;
          }

          #converted-output {
            width: 74%;
            float: right;
            margin: 12px 0 0 0;
            color: #fff;
          }


          .info-page form option:disabled {
            background: #ccc;
          }

          .info-page .commercial-form-container label:after { display: none; }

          #convert-it,
          #value-to-convert {
            float: right;
            width: 56.5%;
          }

        /* ==========================================================================
        Info page styling end
        ========================================================================== */

        /*----------------------------------Styling for Videos page------------------------------*/

        .videos .wrapper {
          width: 84%;
          margin: 57px auto 0;
          padding-bottom: 50px;
        }

        /*----------------------------------Styling for residence page email share------------------------------*/

        .email-popup-overlay,
        .overlay-zoom {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.40);
          z-index: 100;
          display: none;
        }

        .popup-email{
          z-index:105;
          position:absolute;
          left: 31.5%;
          top: 18%;
          display: none;
        }

        .zoom-img-popup {
          z-index:105;
          position:absolute;
          left: -200px;
          top: 18%;
          display: none;
          background: #fff;
          border: 3px solid #4B4B4C;
          width: 100%;
          height: 600px;
        }

        .panzoom .buttons {
          display: none;
          margin: 40px 0 0;
        }

        .residence-email-share {
          width: 100%;
          max-width: 553px;
          padding: 33px 27px 33px 38px;
          margin: 0 auto;
          background: rgba(0, 0, 0, .70);
          background-size: cover;
          box-sizing: border-box;
        }

        .page-template-residences .residence-email-share div {
          width: 100%;
          float: none;
          margin: 0 0 29px 0;
        }


        .page-template-residences .residence-email-share input[type= "text"],
        .page-template-residences .residence-email-share textarea {
          width: 98%;
          padding: 8px;
          margin: 0 0 26px;
          box-sizing: border-box;
          outline: none;
          font-size: 15px;
          border: 0;
          border-radius: 0;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        .page-template-residences .residence-email-share div input[type= "email"] {
          width: 98%;
          padding: 8px;
          margin: 0;
          box-sizing: border-box;
          outline: none;
          font-size: 15px;
          border: 0;
          border-radius: 0;
          font-family: "ProximaNova-300", Arial, sans-serif;
        }

        .residence-email-share textarea {
          resize: none;
          height: 76px;
        }

        .residence-email-share input[type= "submit"] {
          width: 97.9%;
          height: auto;
          padding: 8px;
          margin: 0;
          box-sizing: border-box;
          background: #84b54c;
          color: #fff;
          font-size: 15px;
          text-transform: uppercase;
          font-family: "ProximaNova-300", Arial, sans-serif;
          border: none;
          outline: none;
          float: none;
        }

        .residence-email-share .error-msg {
          display: block;
          padding: 0 0 0 9px;
          font-family: "ProximaNova-300", Arial, sans-serif;
          font-size: 14px;
          color: #ff0000;
        }

        #response {
          /*  padding: 20px 0 0 9px;*/
          font-family: "ProximaNova-300", Arial, sans-serif;
          font-size: 16px;
          color: #fff;
        }

        /* -----------------------------  Floorplan slider rework ---------------------------------*/
        .floorpan-wrapper {
          width: 100%;
          border-bottom: 1px solid #ebebeb;
          border-top: 1px solid #ebebeb;
          background-color: #f8f8f8;
        }

        .floorplan-image-wrapper {
          position: relative;
          width: calc(100% - 398px);
          float: right;
          background: #fff;
          text-align: center;
          padding: 50px 0 122px;
        }

        .floorpan-wrapper img {
          width: 100%;
          height: auto;
        }

        .floorplan {
          display: inline-block;
          vertical-align: top;
        }

        .floorplan img {
          width: 100%;
          max-width: 85%;
          height: auto;
        }

        .key-location {
          width: 100%;
          max-width: 398px;
          margin: 0 -4px 0 0;
          float: left;
        }

        .floorplan-info {
          width: 100%;
          max-width: 397px;
          /*  display: inline-block;*/
          /*  padding: 58px 4px 46px 0;*/
          margin-top: 66px;
          background-color: #f8f8f8;
          text-align: center;
          /*  vertical-align: top;*/
          float: left;
          /*  padding: 51px 0 31px;*/
        }

        .floorplan-info h3 {
          padding: 0 10px 0 0;
          font-family: "ProximaNova-300", Arial, sans-serif;
          font-size: 21px;
          color: #6d6e70;
        }

        .floorplan-info p {
          width: 260px;
          margin: 0 auto;
          padding: 0 0 0 13px;
          font-family: "ProximaNova-300", Arial, sans-serif;
          font-size: 15px;
          line-height: 29px;
          color: #000;
          text-align: left;
        }

        .direction-img {
          position: absolute;
          top: 20px;
          right: 82px;
        }

        .hide, .hide-filter,
        .print-image { display: none; }



/********live page style.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;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
input[type='radio']{vertical-align:text-bottom;}
label,
input[type='button'],
input[type='submit'],
button{cursor:pointer;}
strong{font-weight:bold;font-family:inherit;font-size:inherit;}
em{font-style:italic;}
img{border:0;vertical-align:middle;}
sub,
sup{vertical-align:baseline;position:relative;font-size:55%;line-height:0;}
sup{top:-.7em;font-size:11px;}
sub{bottom:-.25em;}
.cf:before,
.cf:after{display:table;content:" ";}
.cf:after{clear:both;}
.cf{*zoom:1;}

@font-face{font-family:'ProximaNova-700';src:url('../fonts/2F38AF_0_0.eot');src:url('../fonts/2F38AF_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F38AF_0_0.woff2') format('woff2'),
url('../fonts/2F38AF_0_0.woff') format('woff'),
url('../fonts/2F38AF_0_0.ttf') format('truetype'),
url('../fonts/2F38AF_0_0.svg') format('svg');}
@font-face{font-family:'ProximaNova-300';src:url('../fonts/2F38AF_1_0.eot');src:url('../fonts/2F38AF_1_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F38AF_1_0.woff2') format('woff2'),
url('../fonts/2F38AF_1_0.woff') format('woff'),
url('../fonts/2F38AF_1_0.ttf') format('truetype'),
url('../fonts/2F38AF_1_0.svg') format('svg');}
@font-face{font-family:'ProximaNova-Light';src:url('../fonts/2F6850_0_0.eot');src:url('../fonts/2F6850_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/2F6850_0_0.woff2') format('woff2'),
url('../fonts/2F6850_0_0.woff') format('woff'),
url('../fonts/2F6850_0_0.ttf') format('truetype'),
url('../fonts/2F6850_0_0.svg#wf') format('svg');}
html{height:auto !important;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;}
.container{width:100%;background:#eee;font-family:"ProximaNova-300", Arial, sans-serif;}
.wrapper{width:96%;margin:0 auto;}
.page-template-thank-you img[src*="www.googleadservices.com"],
.home{overflow:hidden;}
.loader-wrp {position: fixed;
    left: 0; 
    top: 0;
    background: rgba(255, 255, 255, 0.43);
    width: 100%;display:none;
    height: 100%;
    z-index: 9999;}
.loader-wrp img {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
}
header{width:100%;border-bottom:1px solid lightgrey;top:0;z-index:999;background:rgba(255, 255, 255, .9);}
h1{display:inline-block;vertical-align:middle;}
nav,
ul li{margin-top:1px;margin-left:-4px;display:inline-block;position:relative;vertical-align:middle;}
nav{width:auto;}
header li.sub-menu{position:relative;}
header li > ul{width:170px;position:absolute;top:55px;display:none;background-color:#fff;border-left:1px solid lightgrey;border-right:1px solid lightgrey;border-bottom:1px solid lightgrey;}
header li:hover > ul{display:inline-block;}
header li > ul li:first-child{border-top:none;}
header li > ul li{width:100%;margin-left:0;border-top:1px solid lightgrey;background-image:none;background-color:#fff;}
.menu-primary-navigation-container li > ul li a{padding:13px 15px;display:block;background:none;}
header .primary-wrapper{width:100%;}
span.site-home a{margin-top:2px;}
span.site-home{margin-left:15px;float:right;}
span.site-home a,
h1.logo a{text-decoration:none;color:#040404;}
h1.logo a{padding:0px 0;float:left;position:relative;z-index:10;}
h1.logo img{width:100%;height:auto;float:left;}
span.site-home a:hover{color:#0084ff;}
span.site-home a,
.menu-primary-navigation-container li a{padding-left:15px;background:url(../images/nav-divider.png) no-repeat left center;}
.menu-primary-navigation-container li:first-child{margin-left:0;}
h1.logo{width:154px;height:auto;margin:0 15px 0 0;font-size:100%;text-indent:-999em;}
#menu-primary-navigation li a[href*='#enquire-now']{opacity:0;margin-left:-150px;display:block;-webkit-transition:opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;-moz-transition:opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;-ms-transition:opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;-o-transition:opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;transition:opacity .2s ease-in-out, margin-left .2s ease-in-out .2s;}
#menu-primary-navigation li a[href*='#enquire-now'].show{opacity:1;margin-left:0;-webkit-transition:margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;-moz-transition:margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;-ms-transition:margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;-o-transition:margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;transition:margin-left .2s ease-in-out, opacity .2s ease-in-out .2s;}
#menu-primary-navigation .location.menu-item > a:after,
#menu-primary-navigation .overview-menu > a:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;padding-bottom:7px;z-index:10;}
.menu-primary-navigation-container li a,
span.site-home a{display:block;padding:17px 15px;color:#3d3d3d;text-decoration:none;font-size:15px;font-family:"ProximaNova-300", Arial, sans-serif;text-transform:uppercase;}
span.site-home a:hover,
.menu-primary-navigation-container li a.active-menu,
.menu-primary-navigation-container li a:hover{color:#0084ff;}
.contact-cta{float:right;}
.header-chatlinks{margin:10px 0;float:right;}
.primary-wrapper{float:left;}
.hide-floorplan{display:none;}
.header-chatlinks > input.clickme{padding:9px 0 10px;width:31px;height:31px;margin:0 11px 0 0;display:inline-block;border:0;outline:0;background:url(../images/Call-Button_Desktop.png) no-repeat;box-sizing:border-box;-webkit-border-radius:0;-webkit-appearance:none;}
@keyframes play-btn-blink{0%{opacity:1;}
50%{opacity:0.5;}
100%{opacity:1;}
}
@-o-keyframes play-btn-blink{0%{opacity:1;}
50%{opacity:0.5;}
100%{opacity:1;}
}
@-moz-keyframes play-btn-blink{0%{opacity:1;}
50%{opacity:0.5;}
100%{opacity:1;}
}
@-webkit-keyframes play-btn-blink{0%{opacity:1;}
50%{opacity:0.5;}
100%{opacity:1;}
}
#lightbox-video{display:inline-block;-webkit-animation:play-btn-blink 1.5s infinite;-moz-animation:play-btn-blink 1.5s infinite;-o-animation:play-btn-blink 1.5s infinite;animation:play-btn-blink 1.5s infinite;cursor:pointer;}
#lightbox-video:hover{opacity:1;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;}
#lead-form-submit:hover,
.header-chatlinks > input.clickme:hover,
.desktop-thetrees-residence p > a:hover,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a:hover,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a:hover,
.mobile-thetrees-residence .content p > a:hover,
.home-residence-info #scene .content p > a:hover,
.home-masterplan #masterplan-scene p > a:hover,
.home-studio #studio-scene p > a:hover,
.map-content-wrap .map-content p > a:hover,
.home #close:hover,
.home #lightbox-video:hover,
.home .see-more:hover,
.info-page form input[type="submit"]:hover,
.info-page .nri-loan-form button:hover,
#convert-it:hover,
.residence-email-share input[type= "submit"]:hover,
.wrap-url-sharethis p > a:hover,
.addthis_sharing_toolbox .at-svc-email:hover,
.addthis_sharing_toolbox .at-svc-google_plusone_share:hover,
.addthis_sharing_toolbox .at-svc-twitter:hover,
.addthis_sharing_toolbox .at-svc-linkedin:hover,
.addthis_sharing_toolbox .at-svc-facebook:hover,
.home-residence-info .wrapper p > a:hover,
.home-masterplan .wrapper p > a:hover,
.home-studio .wrapper p > a:hover{opacity:.8;}
.godrej{display:inline-block;padding:2px 0 0 6px;background:url(../images/nav-divider.png) no-repeat left center;}
.godrej-logo-mob{display:none;}
#menu-nav-toggle{display:none;}
#menu-nav-toggle{width:30px;cursor:pointer;margin:6px 0;}
#nav-toggle{width:30px;height:24px;padding-right:3%;cursor:pointer;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;display:block;}
#nav-toggle span{width:100%;height:4px;border-radius:4px;display:block;position:absolute;left:0;background:#58595b;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-toggle span.icon1{top:0;}
#nav-toggle span.icon2{top:10px;}
#nav-toggle span.icon3{top:20px;}
#nav-toggle.active span.icon1{top:0;left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-toggle.active span.icon2{width:0%;opacity:0;}
#nav-toggle.active span.icon3{top:21px;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
header h1.logo a > img.white-logo{display:none;}
header{position:fixed;width:100%;top:0;left:0;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;}
.home header.scrolled li.active-page a[href="/#our-partners"],
header.scrolled li a{color:#3d3d3d;}
header.scrolled .godrej{display:inline-block;width:188px;height:37px;background:url(../images/nav-divider.png) no-repeat left center;}
header.scrolled .godrej img{width:100%;height:auto;}
/*header.scrolled li.active-page > a,
header.scrolled .menu-primary-navigation-container li a:hover,
header.scrolled .menu-primary-navigation-container li a.active-menu,
header .menu-primary-navigation-container .active-our-partner{color:#0084ff;}*/
.div-seperator{display:none;}
/*.background-video{position:fixed;overflow:hidden;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}*/
.home .background-video{top:0;}
.contact-wrapper{height:100vh;}
.header-img-overlay h2{font-size:75px;font-family:"ProximaNova-300", Arial, sans-serif;letter-spacing:-0.02em;}
.header-img-overlay h2,
.header-img-overlay h3{color:#fff;text-align:center;font-family:"ProximaNova-300", Arial, sans-serif;text-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);}
h3{font-size:28px;font-family:"ProximaNova-Light", Arial, sans-serif;}
.header-img-overlay h4{margin:0 0 15px 0;color:#fff;text-align:center;font-size:17px;font-family:"ProximaNova-300", Arial, sans-serif;text-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);text-transform:uppercase;}
.content-form{background-repeat:no-repeat;background-size:cover;}
.content-form h3{margin:0 0 15px;}
.see-more-section{padding:0 0 20px;text-align:center;}
form{width:100%;max-width:553px;padding:33px 27px 33px 38px;margin:0 auto;background:rgba(0, 0, 0, .4);background-size:cover;box-sizing:border-box;}
.content-form form div{width:50%;height:32px;margin:0 0 27px 0;float:left;vertical-align:top;}
.content-form form div span.error-message{display:block;}
form input{width:95%;padding:8px;box-sizing:border-box;display:inline-block;font-size:15px;color:#3d3d3d;}
form div:nth-of-type(even) input,
form div:nth-of-type(odd) input{width:96%;padding:8px;box-sizing:border-box;outline:none;font-size:15px;border:0;border-radius:0;font-family:"ProximaNova-300", Arial, sans-serif;}
.ie9 .wbh-container.theme-peter-river{z-index:-1000;}









@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){nav ul{margin:3px 0 0 4px;}
span.site-home a{margin:3px -7px 1px 0;}
.header-chatlinks > input.clickme{padding:9px 30px 10px;}
.godrej{margin:4px 0 -8px 0;}
form select{height:34px;outline:none;border:none;padding:0 0 2px 5px;}
form div:nth-of-type(even) input:-ms-input-placeholder,
form div:nth-of-type(odd) input:-ms-input-placeholder{color:#aaa;}
.requirements > select{width:98.2%;}
.select-wrap select{-webkit-appearance:none;-moz-appearance:none;background:url(../images/arrow-down.png) no-repeat #fff 94.5% center;}
form input[type= "submit"]{width:98.2%;}
}
form select{width:95.8%;border:none;border-radius:0;outline:none;font-size:15px;color:#aaa;}
.select-wrap select{color:#3d3d3d;}
form select option{color:#aaa;}
.select-country.change,
.select-requirements.change{color:#3d3d3d;}
.select-wrap select{padding:7px 11% 7px 7px;border:none;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background:url(../images/arrow-down.png) no-repeat #fff 95% center;font-family:"ProximaNova-300", Arial, sans-serif;cursor:pointer;color:#aaa;}
.select-wrap select option{cursor:pointer;}
.ie9 form div.select-wrap{width:47.9%;margin:0 10px 0 0;border:none;outline:none;overflow:hidden;border-radius:0;background:url(../images/arrow-down.png) no-repeat #fff 95% center;}
.ie9 form div.select-wrap select{background:none;}
.ie9 .content-form form div{height:34px;}
.ie9 form .placeholder{color:#aaa;font-family:"ProximaNova-300", Arial, sans-serif;font-size:15px;}
.ie9 .phn-number input.ie-number{width:98.5%;height:28px;border:none;outline:none;overflow:hidden;}
.ie9 .select-wrap select.select-country{width:120%;border:none;outline:none;}
.ie9 .content-wrapper h2{width:82%;}
.ie9 .phn-number{width:49.5%;margin-left:10px;}
.ie9 .select-wrap select.select-country{width:112%;}
.ie9 .requirements > select{width:115%;border:none;outline:none;background:url(../images/arrow-down.png) no-repeat #fff 84.5% center;}
.ie9 .content-form form div.requirements{width:98%;border:none;outline:none;overflow:hidden;}
.ie9 form input[type= "submit"]{border:none;outline:none;}
.ie9 .about-info{padding:80px 0;}
.ie9 .form div:nth-of-type(odd) input{height:30px;}
.ie9 nav ul{margin:3px 0 0 4px;}
.ie9 .header-chatlinks > input.clickme{padding:9px 30px 10px;margin:1px 26px -3px 0;}
.ie9 .contacts .col div{padding:0 0 55px 14%;}
.ie9 .menu-footer-social-menu-container ul li{margin:0 0 0 23px;}
.ie9 .menu-footer-social-menu-container{margin:0 0 0 8%;}
.ie9 .menu-footer-social-menu-container ul li:first-child{margin-left:23px;}
select::-ms-expand{display:none;}
.select-requirements{border:none;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background:url(../images/arrow-down.png) no-repeat #fff 97.5% center;font-family:"ProximaNova-300", Arial, sans-serif;}
.error-message,
.info-page .error,
.nri-form-container .error{padding:0 0 0 9px;color:#ff0000;font-size:14px;}
.requirements > select{width:97.8%;padding:7px;font-size:15px;cursor:pointer;box-sizing:border-box;}
.content-form form div.requirements{width:100%;float:left;}
form input[type= "submit"],
#convert-it{width:97.9%;height:auto;padding:8px;box-sizing:border-box;border:0;float:left;background:#84b54c;color:#fff;font-size:15px;text-transform:uppercase;font-family:"ProximaNova-300", Arial, sans-serif;border:none;outline:none;}
.see-more-section .see-more{width:50px;height:32px;display:inline-block;background:url(../images/down.png);text-indent:-9999px;}
.see-more-section span{margin:0 0 10px;display:block;color:#fff;font-size:19px;font-family:"ProximaNova-300", Arial, sans-serif;text-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);text-transform:uppercase;}
.slide7{position:relative;}
.bottom-section{width:100%;height:410px;border:0;}
.see-more-section{position:relative;padding-bottom:60px;}
.see-more-section a.see-more{position:absolute;left:50%;margin-left:-25px;}
.slide7{position:relative;}
.bottom-section{width:100%;height:410px;border:0;}
.content-about{border-bottom:1px solid #ebebeb;background:rgba(255, 255, 255, .95);-webkit-backface-visibility:hidden;background-repeat:no-repeat;}
.content-wrapper{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.content-wrapper h2,
.gallery-content h2{margin:10px 0 22px;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.content-wrapper p,
.gallery-content p,
.the-trees-content p,
.desktop-thetrees-residence p,
.location-content p,
.videos .wrapper p{margin-bottom:20px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.content-wrapper p:last-child{margin-bottom:0;}
.about-info{width:49%;float:left;padding:90px 0;}
.about-info > .content{width:98%;margin:0 auto;padding:0 0 50px 7px;}
.about-info > .content p{margin:0;}
.about-info > .content h2{color:#5c4302; background:url(../images/headbg.png) left top no-repeat!important; background-size:70px 68px!important; padding:30px 0 5px 20px; font-size:30px;}
.about-image{width:50%;float:right;padding:0;}
.about-image img{width:100%;height:auto;}
.flexslider{overflow:hidden;}
.about-us-img{position:relative;}
.caption{color:#fff;width:100%;background:rgba(0, 0 ,0 , .60);padding:20px 0;position:absolute;bottom:0;left:0;z-index:99;}
.about-us-img .caption{color:#fff;width:90%;background:rgba(0, 0 ,0 , .60);padding:20px 14.5% 20px 5%;position:absolute;bottom:0;left:0;z-index:99;}
.main.about-us{overflow:hidden;}
.about-us-img .caption{text-transform:capitalize;}
.panel-container{transition:all 0.2s ease-in;}
.flexslider li.flex-active-slide .caption{display:block;bottom:0;}
.flexslider li.video.flex-active-slide .caption{display:block;bottom:4px;}
.flexslider li.video p + .overlay{display:none;}
li.flex-active-slide .caption.sticky{position:fixed;width:100%;}
.cust-flex-prev{display:inline-block;width:26px;height:30px;position:absolute;top:50%;margin-top:-15px;left:35px;}
.cust-flex-next{right:41px;display:inline-block;width:26px;height:30px;position:absolute;top:50%;margin-top:-15px;}
.cust-flex-next a{transition:all 2s linear;-webkit-animation:shake 2s linear infinite;-moz-animation:shake 2s linear;-ms-animation:shake 2s linear;-o-animation:shake 2s linear infinite;animation:shake 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.cust-flex-prev a{transition:all 2s linear;-webkit-animation:shakeprev 2s linear infinite;-moz-animation:shakeprev 2s linear;-ms-animation:shakeprev 2s linear;-o-animation:shakeprev 2s linear infinite;animation:shakeprev 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes shake{0%{transform:translateX(0);}
20%{transform:translateX(-5px);}
40%{transform:translateX(0);}
60%{transform:translateX(5px);}
80%{transform:translateX(0);}
100%{transform:translateX(-5px);}
}
@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);}
20%{-webkit-transform:translateX(-5px);}
40%{-webkit-transform:translateX(0);}
60%{-webkit-transform:translateX(5px);}
80%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(-5px);}
}
@-moz-keyframes shake{0%{-moz-transform:translateX(0);}
20%{-moz-transform:translateX(-5px);}
40%{-moz-transform:translateX(0);}
60%{-moz-transform:translateX(5px);}
80%{-moz-transform:translateX(0);}
100%{-moz-transform:translateX(-5px);}
}
@-o-keyframes shake{0%{-o-transform:translateX(0);}
20%{-o-transform:translateX(-5px);}
40%{-o-transform:translateX(0);}
60%{-o-transform:translateX(5px);}
80%{-o-transform:translateX(0);}
100%{-o-transform:translateX(-5px);}
}
@-ms-keyframes shake{0%{-ms-transform:translateX(0);}
20%{-ms-transform:translateX(-5px);}
40%{-ms-transform:translateX(0);}
60%{-ms-transform:translateX(5px);}
80%{-ms-transform:translateX(0);}
100%{-ms-transform:translateX(-5px);}
}
@keyframes shakeprev{0%{transform:translateX(0);}
20%{transform:translateX(5px);}
40%{transform:translateX(0);}
60%{transform:translateX(-5px);}
80%{transform:translateX(0px);}
100%{transform:translateX(5px);}
}
@-webkit-keyframes shakeprev{0%{-webkit-transform:translateX(0);}
20%{-webkit-transform:translateX(5px);}
40%{-webkit-transform:translateX(0);}
60%{-webkit-transform:translateX(-5px);}
80%{-webkit-transform:translateX(0px);}
100%{-webkit-transform:translateX(5px);}
}
@-moz-keyframes shakeprev{0%{@-moz-transform:translateX(0);}
20%{@-moz-transform:translateX(5px);}
40%{@-moz-transform:translateX(0);}
60%{@-moz-transform:translateX(-5px);}
80%{@-moz-transform:translateX(0px);}
100%{@-moz-transform:translateX(5px);}
}
@-o-keyframes shakeprev{0%{-o-transform:translateX(0);}
20%{-o-transform:translateX(5px);}
40%{-o-transform:translateX(0);}
60%{-o-transform:translateX(-5px);}
80%{-o-transform:translateX(0px);}
100%{-o-transform:translateX(5px);}
}
@-ms-keyframes shakeprev{0%{-ms-transform:translateX(0);}
20%{-ms-transform:translateX(5px);}
40%{-ms-transform:translateX(0);}
60%{-ms-transform:translateX(-5px);}
80%{-ms-transform:translateX(0px);}
100%{-ms-transform:translateX(5px);}
}
.flex-control-nav,
.flex-direction-nav{display:none;}
.page-template-residences .flex-direction-nav{display:block;}
.cust-flex-prev > a{width:100%;height:100%;display:block;background:url('../images/flex-left-arrow.png') no-repeat center center;background-size:contain;text-indent:-9999px;opacity:.7;position:absolute;}
.cust-flex-next > a:hover,
.cust-flex-prev > a:hover{opacity:1;}
.cust-flex-next > a{width:100%;height:100%;display:block;background:url('../images/flex-right-arrow.png') no-repeat center center;background-size:contain;text-indent:-9999px;opacity:.7;position:absolute;}
.caption p,
.caption h2{padding:0 40px 0 7.5%;}
.about-us-img h2{width:100%;padding:0 40px;margin:0 auto;display:inline-block;font-family:"ProximaNova-Light", Arial, sans-serif;font-size:18px;line-height:26px;}
.mobile-home-residence-info,
.mobile-map-container{display:none;}
.disclaimer-content h2,
.sitemap h2,
.about-content h2{padding:47px 0 22px 0;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.disclaimer-content p:last-of-type{margin-bottom:0;}
.disclaimer-content p, .about-content p{margin-bottom:20px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.disclaimer .wrapper{width:85.7%;margin:0 auto;padding:0 0 50px;}
.page-template-disclaimer h2{font-family:"ProximaNova-300", Arial, sans-serif;margin:0 0 0 -2px;}
.sitemap .wrapper{width:86%;padding:0 0 36px 0;}
.sitemap ul li{display:block;margin:0;padding:21px;border-top:1px solid #ebebeb;text-transform:uppercase;}
/*.sitemap ul li:last-of-type{border-bottom:1px solid #ebebeb;}*/
.sitemap li a{color:#3d3d3d;font:500 16px/24px ProximaNova-300;text-decoration:none;}
.sitemap li a:hover{color:#0084ff;}
#menu-item-806{padding-bottom:0px;}
#menu-item-782 > a{pointer-events:none;}
#menu-item-806 > ul li{padding:10px 21px 10px 30px;border:none;}
#menu-item-806:hover > ul{display:block;}
.contacts .row2 address > p:nth-of-type(4){margin:0;}
footer{padding:43px 0 0;position:relative;background:-webkit-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);background:-moz-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);background:-o-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);background:-ms-linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);background:linear-gradient(90deg, #d3d3d3 0%, #ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#ffffff', GradientType=1);font-family:"ProximaNova-Light", Arial, sans-serif;}
.contacts{width:90%;margin:0 auto;}
.contacts .col{max-width:255px;margin:0 5%;display:inline-block;text-align:left;vertical-align:top;}
.contacts .col:first-child{float:left;margin:0;}
.contacts .col:last-of-type{float:right;margin:0;}
.menu-footer-social-menu-container{margin:4px 0 0 1px;vertical-align:top;}
.contacts h3{margin-bottom:13px;color:#3d3d3d;font-weight:300;font-size:28px;line-height:30px;font-family:"ProximaNova-300", Arial, sans-serif;text-transform:capitalize;}
.contacts div a{color:#3d3d3d;text-decoration:none;font-size:16px;line-height:26px;font-weight:400;font-family:"ProximaNova-300", Arial, sans-serif;}
.copyrights .menu li{padding:0 21px;border-right:1px solid #3d3d3d;line-height:15px;}
.copyrights .menu li:last-of-type{padding-right:0;border-right:0;}
.copyrights .menu li:first-of-type{padding-left:0;}
.copyrights .menu li a{color:#3d3d3d;text-decoration:none;font-family:ProximaNova-300;}
.copyrights .menu li a:hover{color:#0084ff;}
.contacts .col p,
.contacts .col p > a{font-size:16px;line-height:22px;color:#3d3d3d;font-family:"ProximaNova-300", Arial, sans-serif;}
.row1 address p:nth-of-type(2){margin:0;}
.row2 p:nth-child(even),
.row1 p:nth-child(even),
.row3 p:nth-child(even),
.col address{margin:0 0 12px;}
.col .row3 address{margin:0 1px 12px;}
.contact-number p:last-of-type{margin-bottom:0;}
.contacts div a:hover{color:#0084ff;;}
.menu-footer-social-menu-container ul li{margin-left:9px;}
.menu-footer-social-menu-container ul li:first-child{margin-left:0;}
.facebook a{width:33px;height:33px;display:inline-block;background:url(../images/fb.png) no-repeat;background-size:contain;text-indent:-9999px;}
.twitter a{width:33px;height:33px;display:inline-block;background:url(../images/twt.png) no-repeat;background-size:contain;text-indent:-9999px;}
.linked-in a{width:33px;height:33px;display:inline-block;background:url(../images/linkdin.png) no-repeat;background-size:contain;text-indent:-9999px;}
.google-plus a{width:32px;height:33px;display:inline-block;background:url(../images/google.png) no-repeat;background-size:contain;text-indent:-9999px;}
.youtube a{width:33px;height:33px;display:inline-block;background:url(../images/yt.png) no-repeat;background-size:contain;text-indent:-9999px;}
.instagram a{width:33px;height:33px;display:inline-block;background:url(../images/instagram.png) no-repeat;background-size:contain;text-indent:-9999px;}
.linked-in a:hover,
.twitter a:hover,
.google-plus a:hover,
.youtube a:hover,
.instagram a:hover,
.facebook a:hover{opacity:0.4;}
.copyrights{margin-top:30px;border-top:1px solid rgba(127,127,127,0.4);}
.copyrights .wrapper{width:85.7%;box-sizing:border-box;padding:20px 0 18px 0;}
.copyrights p{float:left;color:#3d3d3d;font:300 16px/16px ProximaNova-300;}
.copyrights ul{float:right;}
.form-wrapper{position:fixed;width:100%;top:71%;margin-top:-239px;}
.home .form-wrapper{top:50%;margin-top:-157px;}
.home .wrap-headings.load,
.home .slide2.load,
.home .slide3.load,
.home .hero-img-overlay.load{opacity:1;}
.home .wrap-headings,
.home .slide2,
.home .slide3,
.home .hero-img-overlay{opacity:0;-webkit-transition:opacity 2s ease-in;-moz-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;-ms-transition:opacity 2s ease-in;transition:opacity 2s ease-in;}
.hero-img-overlay{width:100%;height:110%;background:rgba(0, 0, 0, 0.4);position:absolute;top:0;left:0;}
.slide2{position:fixed;width:100%;bottom:0;}
.slide4,
.slide5,
.slide6{position:relative;}
.flexslider.gallery.slide5,
.flexslider.floorplan.slide6,
.flexslider.about-slider,
.residence-page-slider .flexslider{padding:0;margin:0;border:0;width:100%;border-radius:0;background:none;}
.flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-prev a{background:url('../images/Sprite.png') no-repeat 0 -63px;width:32px;height:50px;left:35px;top:47.5%;text-indent:-9999px;}
.flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a{background:url('../images/Sprite.png') no-repeat -42px -63px;width:32px;height:50px;right:35px;top:47.5%;text-align:left!important;text-indent:-9999px;}
.flexslider.gallery .flex-control-paging li a{width:18px;height:18px;background-color:#fff;}
.flexslider.gallery .flex-control-paging li a.flex-active,
.flexslider.gallery .flex-control-paging li a:hover{background-color:#a1a1a1;}
.flexslider.gallery.slide5 .flex-control-paging,
.flex-control-nav{display:none;}
.flexslider.floorplan.slide6 .flex-direction-nav li.flex-nav-prev a{background:url('../images/Sprite.png') no-repeat -84px -63px;width:32px;height:50px;left:36px;text-indent:-9999px;}
.flexslider.floorplan.slide6 .flex-direction-nav li.flex-nav-next a{background:url('../images/Sprite.png') no-repeat -126px -63px;width:32px;height:50px;right:36px;text-indent:-9999px;text-align:left!important;}
.video-wrap{width:100%;height:auto;}
.contact-bg-overlay{width:100%;height:100%;position:absolute;top:0;}
#hero-video{height:auto;width:100%;visibility:hidden;}
#hero-video.show-video{visibility:visible;}
.see-more-section{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
a:focus, a:active,
input::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner{border:0;outline:0;}
@-moz-document url-prefix(){select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}
h1.logo img{width:154px;}
.select-wrap select{padding-right:12%;}
}

.rera_ids {
    padding-top: 30px;
}
.contacts .rera_ids p {
    padding-bottom: 20px;
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){form select{height:34px;outline:none;border:none;padding:0 0 2px 5px;}
.about-info{padding:80px 0;}
form div:nth-of-type(even) input:-ms-input-placeholder,
form div:nth-of-type(odd) input:-ms-input-placeholder{color:#aaa;}
.requirements > select{width:98.2%;}
.select-wrap select{-webkit-appearance:none;-moz-appearance:none;background:url(../images/arrow-down.png) no-repeat #fff 94.5% center;}
form input[type= "submit"]{width:98.2%;}
.contacts .col div{padding:0 0 55px 14%;}
.menu-footer-social-menu-container ul li{margin:0 0 0 23px;}
.menu-footer-social-menu-container{margin:0 0 0 8%;}
.menu-footer-social-menu-container ul li:first-child{margin-left:23px;}
}
.error404 .page-not-found{background-color:#fff;}
.error404 .error-page h2{padding:60px 0 0 0;font-family:"ProximaNova-300", Arial, sans-serif;color:#3d3d3d;font-size:44px;line-height:46px;text-align:left;text-transform:uppercase;}
.error404 .error-page p{padding:18px 0 5px 0;font-family:"ProximaNova-300", Arial, sans-serif;color:#3d3d3d;font-size:16px;line-height:28px;}
.error404 .page-not-found .wrapper{width:85%;margin:0 auto;padding:80px 0;}
.error404 .error-page p > a{color:#3d3d3d;text-decoration:none;font-family:"ProximaNova-700", Arial, sans-serif;}
.error404 .error-page p > a:hover{text-decoration:underline;}
.page-template-thank-you header .menu-primary-navigation-container{display:none;}
.thankyou-page{background:#fff;}
.thankyou-page .wrapper p{padding:0 0 5px 0;font-family:"ProximaNova-300", Arial, sans-serif;color:#3d3d3d;font-size:16px;line-height:26px;}
.thankyou-page .wrapper{text-align:center;padding:100px 0 0 0;}
.thankyou-page .wrapper p > a{margin-top:35px;display:inline-block;color:#3d3d3d;text-decoration:none;font-family:"ProximaNova-300", Arial, sans-serif;font-size:14px;background:#84b54c;padding:6px 21px;color:#fff;text-transform:uppercase;}
.thankyou-page .wrapper p > a:hover{text-decoration:none;opacity:.8;}
.thankyou-page .wrapper h2{margin:10px 0 25px;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.thankyou-page .wrapper:after{content:"";display:block;}
.thankyou-page .wrapper:after{height:62px;}
.home .slide3 > .form-container{margin:100px 0;text-align:center;}
.black_overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.6);z-index:1;filter:alpha(opacity=80);z-index:1003;}
.white_content{width:81%;height:83.8%;display:none;position:absolute;top:58px;left:9.5%;overflow:auto;z-index:1005;}
.body-overflow{overflow:hidden;}
.close{width:40px;height:40px;display:none;position:absolute;right:7.5%;top:23px;cursor:pointer;z-index:1010;background:url(../images/close_button_green.png) no-repeat;}
.mobile-home-residence-info,
.mobile-map-container,
.mobile-home-our-partners{display:none;}
.the-trees .flex-direction-nav,
.slider-video .flex-direction-nav{display:block;}
.page-template-location .main{background:#fff;margin: 42px 0 0 0;}
.mobile-location-map{width:100%;display:none;}
.mobile-location-map img{max-width:100%;height:auto;}
.map-wrapper{width:100%;max-width:1680px;margin:0 auto;position:relative;overflow:hidden;}
.map-checkbox{width:360px;padding:15px 15px 15px 40px;position:absolute;right:-320px;top:0;background:rgba(255, 255, 255, .9);}
.height-wrapper{height:560px;overflow:auto;}
label,
.map{width:100%;position:relative;}
label{display:block;}
.map,
.map-checkbox{display:inline-block;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;vertical-align:top;}
.map img{max-width:100%;}
.map-img{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.map-img.show{opacity:1;}
.map-title{margin:20px 0;color:#3d3d3d;font-family:"ProximaNova-700", Arial, sans-serif;font-size:24px;text-transform:uppercase;}
.toggle-click{width:18px;height:31px;margin-left:-27px;display:block;background:url(../images/toggle-arrow.png) no-repeat center center;cursor:pointer;}
.checkbox label span{color:#3d3d3d;font-size:14px;line-height:20px;font-family:"ProximaNova-300", Arial, sans-serif;}
.select-title{margin-right:10px;color:#3d3d3d;font-family:"ProximaNova-300", Arial, sans-serif;font-size:14px;text-align:right;}
.hospital,
.hotels,
.office,
.retails,
.schools{padding-left:30px;margin-bottom:20px;position:relative;}
.schools:before,
.retails:before,
.office:before,
.hotels:before,
.hospital:before{width:19px;height:100%;position:absolute;z-index:10;left:0;background:url(../images/red-polygon.png) no-repeat 0 5px;content:'';}
.hotels:before{background:url(../images/green-polygon.png) no-repeat 0 5px;}
.office:before{background:url(../images/blue-polygon.png) no-repeat 0 5px;}
.main-checkbox label span{font-size:16px;line-height:28px;}
.toggle-click.flip{background:url(../images/toggle-arrow-flip.png) no-repeat center center;}
.toggle-click:hover{opacity:.8;}
.map-checkbox.adjust-right{right:0;}
input[type=checkbox]{display:none;}
label:after{width:12px;height:12px;margin-top:-6px;display:inline-block;position:absolute;right:20px;top:50%;background-color:#e1e1e1;color:#b7b7b7;content:'';text-align:center;vertical-align:middle;}
label.active:after{background:#0084ff;}
.jspTrack,
.jspDrag{width:8px !important;}
.jspTrack{right:2px !important;background-color:#e1e1e1 !important;}
.jspDrag{border-radius:0 !important;right:0 !important;background-color:#b7b7b7 !important;}
.video-block{display:block;}
.flexslider.transport-wrapper .slides li img{margin:0 auto;max-width:60% !important;width:auto;height:auto;}
.transport-slider{width:100%;background:#fff;position:relative;}
.transport-wrapper{width:100% !important;}
.transport-wrapper .flex-viewport{position:relative;width:86%;margin:0 auto;}
.transport-wrapper .flex-viewport:before,
.transport-wrapper .flex-viewport:after{position:absolute;content:'';background:url(../images/gradiancy-rtl.png) repeat-y;width:44px;height:100%;top:0;z-index:10;}
.transport-wrapper .flex-viewport:after{right:0;}
.transport-wrapper .flex-viewport:before{background:url(../images/gradiancy-ltr.png) repeat-y;left:0;}
.transport-wrapper.flexslider:hover .flex-direction-nav .flex-prev{margin:0;left:0;}
.transport-wrapper.flexslider:hover .flex-direction-nav .flex-next{margin:0;right:0;}
.transport-wrapper .slides{margin:30px 0 30px 0 !important;}
.transport-slider .flex-direction-nav{display:block;}
.transport-slider .flex-direction-nav .flex-prev{left:8%;opacity:1;}
.transport-slider .flex-direction-nav .flex-next{right:8%;opacity:1;}
.transport-slider .flex-nav-next,
.transport-slider .flex-nav-prev{margin:-23px 0 0;position:absolute;cursor:pointer;top:50%;}
.transport-slider .flex-nav-prev{left:4%;}
.transport-slider .flex-nav-next{right:4%;}
.transport-slider .flex-nav-next a,
.transport-slider .flex-nav-prev a{width:26px;height:45px;margin:0;display:block;background:url('../images/left.png') no-repeat center center;background-size:contain;text-indent:-9999px;}
.transport-slider .flex-nav-next a{background:url('../images/right.png') no-repeat center center;text-align:center;}
.transport-wrapper{position:relative;background:#fff;}
.textlink-info,
.home-our-partners{width:100%;position:relative;background:#fff;}
.textlink-info .wrapper{width:88%;margin:0 auto;}
.textlink-info p a{color:#0084ff;text-decoration:none;}
.textlink-info p a:hover{text-decoration:underline;}
.textlink-info p{padding:55px 0;color:#3d3d3d;font-size:24px;line-height:42px;font-family:"ProximaNova-300", Arial, sans-serif;text-align:center;}
.home-residence-info{width:100%;height:477px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-residence-info .ibg-bg{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);}
.home-residence-overlay,
.home-studio-img-overlay,
.home-masterplan-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.map-content-wrap{/*position:relative;cursor:url('../images/Hand.png'), */default;}
.home-residence-info .wrapper,
.home-masterplan-overlay .wrapper,
.home-studio-overlay .wrapper,
.map-content-wrap .map-content{height:100%;position:absolute;top:0;left:99px;}
.home-residence-info-overlay:hover,
.home-masterplan-overlay:hover,
.home-studio-overlay:hover{background:rgba(0,0,0,0.25);}
.home-residence-info-overlay,
.home-masterplan-overlay,
.home-studio-overlay{width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:background 0.8s ease-in;-moz-transition:background 0.8s ease-in;-o-transition:background 0.8s ease-in;transition:background 0.8s ease-in;}
.home-residence-info .wrapper p,
.home-masterplan .wrapper p,
.home-studio p,
.map-content-wrap .map-content p{padding:23px 0 20px 0;color:#fff;font-size:16px;line-height:28px;font-family:"ProximaNova-300", Arial, sans-serif;}
.home-residence-info .wrapper h2,
.home-masterplan .wrapper h2,
.home-studio .wrapper h2,
.map-content-wrap .map-content h2{padding:65px 0 16px 0;color:#fff;font-size:44px;line-height:28px;font-family:"ProximaNova-300", Arial, sans-serif;}
.home-residence-info .wrapper p > a,
.home-masterplan .wrapper p > a,
.home-studio .wrapper p > a,
.map-content-wrap .map-content p > a,
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:3px 21px 4px;display:inline-block;font-size:14px;color:#fff;background:#84b54c;text-decoration:none;font-family:"ProximaNova-300", Arial, sans-serif;box-sizing:border-box;text-transform:uppercase;}
.home-masterplan-studio{width:100%;position:relative;}
.home-masterplan{width:50%;float:left;}
.home-studio{width:50%;float:right;}
.home-masterplan,
.home-studio{height:477px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.home-residence-info{width:100%;height:480px;position:relative;}
.home-residence-info .layer-bg{width:100%;height:490px;position:relative;background-size:calc(100% + 50px);background-repeat:no-repeat;background-position:center center;}
.home-residence-info #scene{position:relative;overflow:hidden;width:1600px;height:480px;}
.scene{padding:0;margin:0;}
.layer{height:100%;width:100%;padding:0;margin:0;}
.home-residence-info #scene li{width:100%;margin:0;position:static;}
.ie9 .home-residence-info{height:440px;}
.home-residence-overlay,
.home-studio-img-overlay,
.home-masterplan-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.map-content-wrap{position:relative;cursor: default;}
.home-residence-info .wrapper,
.home-masterplan-overlay .wrapper,
.home-studio-overlay .wrapper,
.map-content-wrap .map-content{height:100%;position:absolute;top:0;left:99px;}
.home-residence-info-overlay:hover,
.home-masterplan-overlay:hover,
.home-studio-overlay:hover{background:rgba(0,0,0,0.25);}
.home-residence-info-overlay,
.home-masterplan-overlay,
.home-studio-overlay{width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:background 0.8s ease-in;-moz-transition:background 0.8s ease-in;-o-transition:background 0.8s ease-in;transition:background 0.8s ease-in;}
.home-residence-info #scene .content{position:absolute;height:100%;top:0;left:99px;}
.home-residence-info #scene p,
.home-masterplan #masterplan-scene p,
.home-studio #studio-scene p,
.map-content-wrap .map-content p{padding:23px 0 20px 0;color:#fff;font-size:16px;line-height:28px;font-family:"ProximaNova-300", Arial, sans-serif;}
.home-residence-info #scene h2,
.home-masterplan #masterplan-scene h2,
.home-studio #studio-scene h2,
.map-content-wrap .map-content h2{padding:65px 0 16px 0;display:inline-block;color:#fff;font-size:44px;line-height:28px;font-family:"ProximaNova-300", Arial, sans-serif;}
.home-residence-info #scene .content p > a,
.home-masterplan #masterplan-scene p > a,
.home-studio #studio-scene p > a,
.map-content-wrap .map-content p > a,
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:3px 21px 4px;display:inline-block;font-size:14px;color:#fff;background:#84b54c;text-decoration:none;font-family:"ProximaNova-300", Arial, sans-serif;box-sizing:border-box;text-transform:uppercase;}
.home-masterplan-studio{width:100%;height:460px;position:relative;}
.home-masterplan,
.home-studio{position:relative;}
.home-masterplan,
.home-masterplan #masterplan-scene{width:50%;float:left;height:480px;}
.home-masterplan #masterplan-scene{width:700px;position:relative;overflow:hidden;height:480px;}
.home-masterplan #masterplan-scene .content,
.home-studio #studio-scene .content{position:absolute;height:100%;top:0;left:99px;}
.home-studio,
.home-studio #studio-scene{width:50%;height:480px;float:right;}
.home-studio #studio-scene{width:675px;position:relative;overflow:hidden;height:480px;}
.home-residence-info{width:100%;height:480px;position:relative;}
.home-masterplan .layer-bg,
.home-studio .layer-bg{width:100%;height:485px;position:relative;background-size:calc(100% + 50px);background-repeat:no-repeat;background-position:center center;}
#studio-scene .layer-bg{width:700px;}
.home-residence-info #scene{position:relative;overflow:hidden;width:1600px;height:480px;}
.home-our-partners .content-wrapper h2{padding:102px 0 24px;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.home-our-partners p{margin:0;padding:0 0 15px 0;}
.home-our-partners .content-wrapper,
.home-our-partners .partners-wrapper{width:85.5%;margin:0 auto;padding:0 0 50px;}
.home-our-partners .partners-post{display:inline-block;width:98.5%;}
.home-our-partners .partners-post li,
.home-our-partners .hover-info{display:inline-block;width:20%;vertical-align:top;}
.home-our-partners .partners-post li{margin-left:6.5%;position:relative;}
.home-our-partners .hover-info{position:absolute;top:0;left:0;width:100%;height:220px;display:table;opacity:0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.home-our-partners .hover-info p{padding:20px;display:table-cell;vertical-align:bottom;width:100%;color:#fff;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;z-index:10;background:rgba(0,0,0,0.55);cursor:pointer;}
.home-our-partners .hover-info:hover{opacity:1;}
.home-our-partners .partners-post li:first-child{margin-left:0;}
.home-our-partners .partners-post li:nth-of-type(5n+0){margin-left:0;}
.home-our-partners .partners-post li img{width:100%;height:auto;}
.home-our-partners .partners-post h3{padding:17px 0 26px 6px;display:inline-block;color:#3d3d3d;font-size:18px;font-family:"ProximaNova-300", Arial, sans-serif;}
.drag-map-container{width:100%;height:600px;position:relative;background:#858384 url("../images/Simplified-home.jpg") no-repeat;background-position:-200px -100px;cursor: default;overflow:hidden;}
.zoomContainer{width:310px;height:310px;border:19px solid #fff;position:absolute;left:550px;top:110px;background:#CBE1A3 url("../images/DETAILED_MAP_Tree.jpg") no-repeat;background-position:-1100px, -300px;}
.zoomContainer .border{width:348px;height:99px;position:absolute;bottom:-108px;background:#fff;border:none;left:-19px;}
.zoomContainer > span{width:100%;height:100%;display:block;border:3px solid #676767;}
.map-content,
.map-content h2,
.map-content p,
.map-content-wrap{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;-webkit-user-drag:none;user-drag:none;}
.drag-image{position:absolute;left:50%;bottom:122px;text-align:center;cursor: default;}
.zoomContainer > p{width:265px;position:absolute;padding-top:10px;text-align:left;color:#3d3d3d;font-size:16px;line-height:24px;font-family:"ProximaNova-300", Arial, sans-serif;}
.then,
.now{width:50%;height:667px;float:left;position:relative;background-size:cover;}
.see-more-section.about .down-arrow{display:none;}
.see-more-section.about .see-more{top:50%;font-family:"ProximaNova-300", Arial, sans-serif;font-size:44px;text-decoration:none;}
.see-more-section.about .see-more:first-child{top:40%;left:46%;color:#ffffff;line-height:52px;text-indent:0;background:none;}
.see-more-section.about{padding-bottom:50px;margin:-52px 0 0 -50px;position:absolute;left:50%;top:50%;transition:none;}
.see-more-section.about{margin-left:-45px;}
.see-more-section.about:hover{opacity:.8;}
.see-more-section .see-more-text{margin-bottom:10px;position:relative;color:#fff;font-family:'ProximaNova-300', Arial, sans-serif;font-size:44px;line-height:54px;font-weight:600;text-decoration:none;}
.see-more-section.about span{font-size:44px;}
.about-page .about-info{padding-top:87px;}
.video{height:667px;overflow:hidden;position:relative;}
.video video{position:absolute;width:100%;height:100%;object-fit:cover;}
.about-content h2{padding:47px 0 22px 0;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.about-content p{margin-bottom:20px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.flexslider img{width:100%;height:auto;}
.see-more-section > a.see-more-text{width:100%;text-align:center;left:0;display:block;}
.see-more-section a.shift{left:49%;}
.desktop-thetrees-bgimage img{max-width:100%;width:100%;height:auto;}
.mobile-masterplan{width:100%;display:none;}
.mobile-masterplan img{max-width:100%;width:100%;height:auto;}
.masterplan-map,
.location-map{width:100%;height:auto;}
.masterplan-map{width:100%;margin:50px 0 0 0;}
.masterplan-map img{width:100%;height:auto;}
.desktop-thetrees-residence p > a,
.mobile-thetrees-residence .content p > a{margin:0 0 19px 0;background:#84b54c;text-decoration:none;color:#fff;padding:3px 21px 4px;display:inline-block;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;box-sizing:border-box;}
.desktop-thetrees-residence p > a{margin:22px 0 19px 0;}
.flexslider.commercial,
.flexslider.hospitality{margin:0;border:0;border-radius:0;}
.the-trees .flex-direction-nav{display:block;}
.the-trees .flex-direction-nav,
.slider-video .flex-direction-nav,
.videos .slider-video .flex-direction-nav{display:block;}
.flexslider.commercial{position:relative;}
.flexslider .flex-direction-nav li.flex-nav-prev,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev,
.slider-video .flex-direction-nav li.flex-nav-prev,
.videos .slider-video .flex-direction-nav li.flex-nav-prev{position:absolute;top:50%;left:31px;margin-top:-20px;}
.flex-direction-nav li.flex-nav-next,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next,
.slider-video .flex-direction-nav li.flex-nav-next,
.videos .slider-video .flex-direction-nav li.flex-nav-next{position:absolute;top:50%;right:31px;margin-top:-20px;}
.residence-page-slider .flexslider .flex-direction-nav li.flex-nav-next{position:absolute;top:94.5%;right:37px;margin-top:-20px;z-index:111;}
.residence-page-slider .flexslider .flex-direction-nav li.flex-nav-prev{position:absolute;top:94.5%;left:31px;margin-top:-20px;background:none;z-index:111;}
.residence-page-slider .flexslider .flex-direction-nav li.flex-nav-prev a{width:24px;height:41px;margin:0;display:inline-block;background:url(../images/flex-left-arrow.png) no-repeat;background-size:cover;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.residence-page-slider .flexslider .flex-direction-nav li.flex-nav-next a{width:24px;height:41px;margin:0;display:inline-block;background:url(../images/flex-right-arrow.png) no-repeat;background-size:cover;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.flex-direction-nav .flex-prev{left:0 !important;}
.flex-direction-nav .flex-next{right:0 !important;}
.flex-direction-nav li.flex-nav-prev a,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a,
.videos .slider-video .flex-direction-nav li.flex-nav-prev a{width:26px;height:41px;margin:0;display:inline-block;background:url(../images/left.png) no-repeat;background-size:cover;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.slider-video .flex-direction-nav li.flex-nav-prev a,
.residence-page-slider .flex-direction-nav li.flex-nav-prev a{width:26px;height:41px;margin:0;display:inline-block;background:url(../images/left-white.png) no-repeat;background-size:cover;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.slider-video .flex-direction-nav li.flex-nav-next a,
.residence-page-slider .flex-direction-nav li.flex-nav-next a{width:26px;height:41px;margin:0;display:inline-block;background:url(../images/right-white.png) no-repeat;background-size:cover;text-indent:-9999px;text-align:center;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.flex-direction-nav li.flex-nav-next a,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next a,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next a,
.videos .slider-video .flex-direction-nav li.flex-nav-next a{width:26px;height:41px;margin:0;display:inline-block;background:url(../images/right.png) no-repeat;background-size:cover;text-indent:-9999px;text-align:center;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.the-trees .flexslider .flex-direction-nav .flex-next,
.slider-video .flex-direction-nav .flex-next{text-align:justify;}
.mobile-home-masterplan-studio,
.mobile-home-studio,
.mobile-thetrees-residence,
.mobile-thetrees-sliders{display:none;}
.masterplan-wrapper{position:relative;background:#cbe1a3;text-align:center;}
.masterplan-wrapper img,
.about-us-img img{width:100% !important;height:auto;}
#fill-color,.mapify-polygon.custom-hover{fill:rgba(0,0,0,.5);}
.popup-overlay{width:100%;height:100%;display:none;position:fixed;z-index:1000;top:0;left:0;background:rgba(0, 0, 0, .8);}
#godrej-one{padding:30px;margin:-275px 0 0 -250px;display:none;position:fixed;z-index:9999;left:0;left:50%;top:0;top:50%;background-color:#fff;}
#godrej-one .wrapper{width:100%;max-width:500px;height:490px;margin:0 auto;overflow:auto;}
.video-wrapper{margin-bottom:25px;text-align:center;}
#godrej-one p{margin:0 7% 20px;color:#010000;font-size:16px;line-height:24px;}
.cta-button{padding:10px 20px;margin:0 0 0 7%;display:inline-block;background-color:#84b54c;color:#fff;font-size:14px;text-decoration:none;}
.cta-button:hover{opacity:.8;}
.popup-close{width:44px;height:44px;display:block;position:absolute;right:-22px;top:-22px;background:url(../images/pop-up-close.png) no-repeat center center;cursor:pointer;}
.popup-close:hover{opacity:.8;}
.video-slide{position:relative;}
.video-overlay{position:absolute;top:0;left:0;background:transparent;width:100%;height:100%;cursor:pointer;}
.main{margin:60px 0 0 0;background:#fff;}
.gallery-content h2,
.the-trees-content h2,
.desktop-thetrees-residence h2,
.location-content h2,
.videos .wrapper h2{padding:102px 0 24px 0;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.desktop-thetrees-residence h2{padding-top:84px;}
.the-trees .wrapper,
.location-content,
.about-us .wrapper{width:84%;margin:57px auto 50px;}
.about-page .wrapper{width:84%;margin:0 auto 50px;}
.desktop-thetrees-residence .content-wrap{width:84%;margin:14px auto 53px;}
.gallery .wrapper{width:84%;margin:57px auto 35px;}
.tab-container .etabs{width:84%;margin:0 auto;}
.tab-container .etabs li a{font-family:"ProximaNova-300", Arial, sans-serif;font-size:18px;line-height:28px;color:#3d3d3d;text-decoration:none;}
.gallery .tab-container{padding:0 0 46px 0;}
.tab-container .etabs .tab{padding:0 20px;}
.tab-container .etabs .tab:first-child{padding-left:3px;}
.tab-container .etabs .tab .active,
header li.active > a{color:#0084ff;}
.panel-container .flexslider,
.transport-slider .flexslider,
.slider-video .flexslider{border:none;border-radius:0;background:none;margin:0;}
.cust-prev,
.cust-next{display:none;}
.panel-container{height:100%;}
.gallery-tab{width:100%;}
.panel-container,
#tab-container{position:relative;}
.gallery-tab{position:absolute;z-index:-1;opacity:0;}
.panel-container iframe{width:100%;height:582px;}
.gallery-tab.z-index{opacity:1;z-index:100;}
.gallery-tab .flex-direction-nav{display:block;}
.page-template-gallery-php .gallery-tab .flex-direction-nav{display:none;}
.mobile-residences-content{display:none;}
.commercial .slider-content{width:50%;float:left;padding:110px 0 60px;}
.img-studio .slider-content{width:50%;float:left;padding:100px 0 25px;}
.residence,
.commercial-info-container{border-bottom:1px solid #ebebeb;}
.residence-panel-container{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.hospitality .slider-content{width:50%;float:right;padding:110px 0;}
.slider-image-content{width:50%;float:right;}
.slider-image-content img{width:100%;height:auto;}
.hospitality .img-wrap{width:50%;float:left;}
.residences-content,
.nri-form-container{width:49%;float:left;padding:101px 0 37px;}
.residences-content{padding-bottom:20px;}
.commercial-content{width:50%;float:left;padding:90px 0;}
.residences-content > .content,
.commercial .slider-content-wrap,
.hospitality .slider-content-wrap,
.commercial-content > div,
.nri-content > div{width:70%;margin:0 auto;padding:0 0 0 5px;}
.residences-content h2,
.floorplan-content h2,
.commercial-content h2,
.nri-content h2,
.slider-content-wrap h2{margin:0;padding:0 0 22px 0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.floorplan-content h2{padding:0 0 3px 0;}
.residences-content p {
text-align:justify;}
.residences-content p,
.floorplan-content p,
.slider-content-wrap p,
.mobile-residences-content .content p,
.mobile-thetrees-residence .content p,
.commercial-content p,
.nri-content p{margin:0 0 20px 2px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.residences-img,
.commercial .img-wrap,
.commercial-form-container,
.nri-content{width:50%;float:right;padding:0;}
.residences-img img,
.commercial-form-container img,
.nri-loan-form > img{width:100%;height:auto;}
.floorplan-content{width:84.5%;margin:0 auto;padding:31px 0;}
.residence-page .tab-container{padding:9px 0 46px 0;}
.print-email{position:absolute;bottom:120px;right:71px;}
.print-email .email,
.print-email .print{display:block;width:68px;height:68px;}
.print-email .print{right:0;}
.print-email .print a{width:100%;height:100%;display:block;background-size:cover;text-indent:-9999px;background:url(../images/pdf-icon.png) no-repeat;}
.print-email .email a{width:100%;height:100%;display:block;background-size:cover;text-indent:-9999px;background:url(../images/Mail.png) no-repeat;}
.testimonial-block{border-bottom:1px solid #ebebeb;background:#fff;}
.testimonial-block .wrap-block{width:78%;margin:0 auto;padding:62px 0;}
.testimonial-block .wrap-block p{font-family:"ProximaNova-300", Arial, sans-serif;font-style:italic;font-size:24px;line-height:42px;color:#3d3d3d;text-align:center;}
.testimonial-block .wrap-block p + p{font-size:18px;color:grey;text-transform:capitalize;}
.residence-slider .caption{text-transform:uppercase;}
.residence-slider .flex-direction-nav{display:none;;}
.residence-slider .cust-flex-prev,
.residence-slider .cust-flex-next{display:block;}
.flexslider.about-slider{background:-webkit-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);background:-moz-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);background:-o-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);background:-ms-linear-gradient(90deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);background:linear-gradient(0deg, #686767 0%, #4a4a4a 48%, #2e2e2e 100%);}
.about-slider .caption{width:50%;padding:50px 0;margin:0 auto;display:table;position:relative;background:none;}
.about-slider .about-flex-image{text-align:center;}
.about-slider .img-wrapper{display:inline-block;padding:25px 25px 80px 25px;margin:0 auto;background:#fff;}
.about-slider .img-wrapper img{width:auto !important;max-width:100%;margin:0 auto;}
.about-slider .flex-control-nav{padding:50px 0;display:block;position:relative;bottom:0;}
.about-slider .flex-control-nav li{width:45px;margin:0 0 0 33px;text-align:center;}
.about-slider .flex-control-nav li:first-child{margin:0;}
.about-slider .flex-control-nav li a{width:24px;height:24px;display:inline-block;background-color:#ccc;}
.about-slider .flex-control-nav li p{padding-top:10px;color:#fff;font-family:'ProximaNova-300', Arial, sans-serif;font-size:18px;text-align:center;cursor:pointer;}
.about-slider .flex-control-nav li a.flex-active + p{color:#84b54c;cursor:default;}
.about-slider .flex-control-paging li a.flex-active,
.about-slider .flex-control-paging li a:hover{background-color:#84b54c;}
.about-slider .caption h2{width:auto;padding:0 40px 0 0;display:table-cell;color:#fff;font-family:'ProximaNova-300', Arial, sans-serif;font-size:70px;line-height:normal;vertical-align:middle;}
.about-slider .caption h2{border-right:2px solid #fff;}
.about-slider .caption-text{width:100%;display:table-cell;vertical-align:middle;}
.about-slider .caption .caption-text div,
.about-slider .caption .caption-text p{padding:0 0 0 35px;color:#fff;font-size:18px;font-family:'ProximaNova-300', Arial, sans-serif;line-height:24px;}
.about-slider .flex-direction-nav{width:100%;margin-top:-23px;display:block;position:absolute;top:50%;}
.about-slider .flex-direction-nav li{width:26px;height:45px;margin:0;position:relative;}
.about-slider .flex-direction-nav li.flex-nav-prev{margin-left:40px;float:left;}
.about-slider .flex-direction-nav li.flex-nav-next{margin-right:40px;float:right;}
.about-slider .flex-direction-nav a{width:100%;height:100%;margin:0;display:block;display:inline-block;position:static;top:0;opacity:1;text-indent:-9999px;}
.about-slider .flex-direction-nav a.flex-next:before,
.about-slider .flex-direction-nav a.flex-prev:before{content:'';}
.about-slider .flex-direction-nav a.flex-next{background:url(../images/flex-right-arrow.png) no-repeat center center;text-align:center;}
.about-slider .flex-direction-nav a.flex-prev{background:url(../images/flex-left-arrow.png) no-repeat center center;}
.then-text,
.now-text{padding-right:40px;position:absolute;z-index:10;bottom:30px;right:30px;background:url(../images/now.png) no-repeat center right;color:#fff;font-family:'ProximaNova-300', Arial, sans-serif;font-size:34px;text-decoration:none;text-transform:capitalize;}
.then-text{padding-right:0;padding-left:40px;left:40px;right:auto;background:url(../images/then.png) no-repeat center left;}
.then-text:hover,
.now-text:hover{opacity:.8;}
.about-slider-wrapper{position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;display:none;}
#then,
#now{position:absolute;z-index:-1;left:0;top:0;}
#then.z-index,
#now.z-index{z-index:10;}
.then,
.now{-webkit-transition:all 1200ms ease-in;-moz-transition:all 1200ms ease-in;-o-transition:all 1200ms ease-in;transition:all 1200ms ease-in;}
.hot-spot-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.hot-spot1,
.hot-spot2,
.hot-spot3,
.hot-spot4,
.hot-spot5{position:absolute;z-index:100;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.three-bhk .hot-spot1{left:0%;top:16%;}
.three-bhk .hot-spot2{left:32%;top:45%;}
.three-bhk .hot-spot3{left:60%;top:30%;}
.three-bhk .hot-spot4{right:0;top:35%;}
.dot{width:75px;display:block;margin:0 auto;padding:30px 0 0;}
.circle{width:15px;height:15px;margin:0 auto;border-radius:15px;display:block;background:#fff;}
.line{width:2px;height:0;margin:0 auto;display:block;background-color:#fff;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94) .3s;-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94) .3s;-o-transition:all .3s cubic-bezier(.25,.46,.45,.94) .3s;transition:all .3s cubic-bezier(.25,.46,.45,.94) .3s;}
.text,
.second-text{width:150px;display:inline-block;position:relative;overflow:hidden;vertical-align:bottom;}
.text-wrapper{margin-top:-80px;position:relative;z-index:-1;overflow:hidden;}
.text p{margin-left:100%;text-align:right;}
.second-text p{margin-left:-100%;}
.second-text p,
.text p{width:100%;padding:10px;background-color:rgba(0, 0, 0, .2);color:#fff;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.dot-1:hover + .line,
.dot-2:hover + .line,
.dot-3:hover + .line,
.dot-4:hover + .line,
.dot-5:hover + .line{height:180px;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.dot-1:hover + .line + .text-wrapper > .text p,
.dot-1:hover + .line + .text-wrapper > .second-text p,
.dot-2:hover + .line + .text-wrapper > .text p,
.dot-2:hover + .line + .text-wrapper > .second-text p,
.dot-3:hover + .line + .text-wrapper > .text p,
.dot-3:hover + .line + .text-wrapper > .second-text p,
.dot-4:hover + .line + .text-wrapper > .text p,
.dot-4:hover + .line + .text-wrapper > .second-text p,
.dot-5:hover + .line + .text-wrapper > .text p,
.dot-5:hover + .line + .text-wrapper > .second-text p{margin-left:0;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94) .3s;-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94) .3s;-o-transition:all .5s cubic-bezier(.25,.46,.45,.94) .3s;transition:all .5s cubic-bezier(.25,.46,.45,.94) .3s;}
.overlay.visible{opacity:1;}
#videos-slider iframe{width:100%;height:586px;}
#videos-slider{margin:0 0 -4px 0;}
.commercial-form-container{background-size:cover !important;height:565px;padding:0;background-position:center center;}
.nri-form-container{background-size:cover;height:620px;padding:0;background-position:center center;}
.nri-content{padding:90px 0;}
#converter-container{background:none !important;position:absolute;top:160px;left:87px;}
.commercial-form-container,
.nri-info-container{position:relative;background:#fff;}
.info-page .commercial-form-container > form{padding:0;max-width:500px;position:absolute;top:115px;left:12%;background:none;box-sizing:border-box;padding:33px 37px 33px 38px;}
.nri-info-container .nri-form-container form{padding:0;max-width:500px;position:absolute;top:58px;left:0;background:none;box-sizing:border-box;padding:33px 37px 33px 38px;}
.nri-overlay,
.commercial-overlay{width:100%;height:100%;background:rgba(0, 0, 0, .3);}
.info-page .nri-loan-form > form input,
.commercial-form-container > form input,
.nri-loan-form > form select,
.commercial-form-container > form select{width:98%;padding:7px;max-width:240px;border:none;border-radius:0;float:right;outline:none;}
.nri-loan-form > form select{width:98%;padding:7px;max-width:240px;float:right;border:none;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background:url(../images/arrow-down.png) no-repeat #fff 95% center;}
.nri-loan-form > form select{padding:7px 4px;}
.info-page form input[type="submit"],
.info-page .nri-loan-form button{float:right;}
.info-page .nri-loan-form button{width:96%;max-width:240px;padding:8px;box-sizing:border-box;}
.info-page .nri-loan-form button{border:none;outline:none;background:#84b54c;color:#fff;font-size:15px;text-transform:uppercase;font-family:"ProximaNova-300", Arial, sans-serif;}
.info-page form > div,
#converter-container > div{width:100%;height:auto;min-height:35px;margin:0 0 20px;}
.info-page form > div:last-child{margin:0;}
.info-page form label,
.nri-info-container form label{display:inline-block;width:130px;color:#fff;font-family:"ProximaNova-300", Arial, sans-serif;;font-size:16px;line-height:28px;}
.nri-info-container form label:after,
.nri-info-container form label:before{width:0;height:0;margin-top:0;display:inline-block;position:absolute;right:0;top:0;}
.info-page #converted-output{width:100%;max-width:240px;margin:27px 0 0;float:right;clear:both;color:#fff;}
.info-page .error,
.nri-form-container .error,
#currency_converter_result{width:219px;float:right;margin:2px 7% 0 0;font-family:"ProximaNova-300", Arial, sans-serif;}
#converted-output{width:74%;float:right;margin:12px 0 0 0;color:#fff;}
.info-page form option:disabled{background:#ccc;}
.info-page .commercial-form-container label:after{display:none;}
#convert-it,
#value-to-convert{float:right;width:56.5%;}
.videos .wrapper{width:84%;margin:57px auto 0;padding-bottom:50px;}
.email-popup-overlay,
.overlay-zoom{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.40);z-index:100;display:none;}
.popup-email{z-index:105;position:absolute;left:31.5%;top:18%;display:none;}
.zoom-img-popup{z-index:105;position:absolute;left:-200px;top:18%;display:none;background:#fff;border:3px solid #4B4B4C;width:100%;height:600px;}
.panzoom .buttons{display:none;margin:40px 0 0;}
.residence-email-share{width:100%;max-width:553px;padding:33px 27px 33px 38px;margin:0 auto;background:rgba(0, 0, 0, .70);background-size:cover;box-sizing:border-box;}
.page-template-residences .residence-email-share div{width:100%;float:none;margin:0 0 29px 0;}
.page-template-residences .residence-email-share input[type= "text"],
.page-template-residences .residence-email-share textarea{width:98%;padding:8px;margin:0 0 26px;box-sizing:border-box;outline:none;font-size:15px;border:0;border-radius:0;font-family:"ProximaNova-300", Arial, sans-serif;}
.page-template-residences .residence-email-share div input[type= "email"]{width:98%;padding:8px;margin:0;box-sizing:border-box;outline:none;font-size:15px;border:0;border-radius:0;font-family:"ProximaNova-300", Arial, sans-serif;}
.residence-email-share textarea{resize:none;height:76px;}
.residence-email-share input[type= "submit"]{width:97.9%;height:auto;padding:8px;margin:0;box-sizing:border-box;background:#84b54c;color:#fff;font-size:15px;text-transform:uppercase;font-family:"ProximaNova-300", Arial, sans-serif;border:none;outline:none;float:none;}
.residence-email-share .error-msg{display:block;padding:0 0 0 9px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:14px;color:#ff0000;}
#response{font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;color:#fff;}
.floorpan-wrapper{width:100%;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;background-color:#f8f8f8;}
.floorplan-image-wrapper{position:relative;width:calc(100% - 398px);float:right;background:#fff;text-align:center;padding:50px 0 122px;}
.floorpan-wrapper img{width:100%;height:auto;}
.floorplan{display:inline-block;vertical-align:top;}
.floorplan img{width:100%;max-width:85%;height:auto;}
.key-location{width:100%;max-width:398px;margin:0 -4px 0 0;float:left;}
.floorplan-info{width:100%;max-width:397px;margin-top:66px;background-color:#f8f8f8;text-align:center;float:left;}
.floorplan-info h3{padding:0 10px 0 0;font-family:"ProximaNova-300", Arial, sans-serif;font-size:21px;color:#6d6e70;}
.floorplan-info p{width:260px;margin:0 auto;padding:0 0 0 13px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:15px;line-height:29px;color:#000;text-align:left;}
.direction-img{position:absolute;top:20px;right:82px;}
.hide, .hide-filter,
.print-image{display:none;}
.media-page{background:#fff;margin:40px 0 0 0;}
.release-blog .wrapper{width:86%;max-width:1160px;margin:0 auto 0;padding:60px 0 10px 0;}
.release-blog .wrapper.removeCSSPadding{padding:0;}
.blog-info[class=".jan.2016"]:last-child{background:red;}
.blog-info{width:30%;max-width:340px;margin-bottom:70px;display:inline-block;vertical-align:top;border:1px solid lightgrey;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap-search-filter{width:100%;position:relative;display:none;border-bottom:1.5px solid lightgrey;}
.wrap-search-filter.removeBorder{border-bottom:none;}
.filter{width:100%;display:inline-block;text-align:center;}
.s-hidden{visibility:hidden;padding-right:10px;}
.filter .select{display:inline-block;position:relative;font-family:"ProximaNova-300", Arial, sans-serif;font-size:15px;line-height:18px;color:#3d3d3d;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:120px;text-align:left;}
.filter .select + .select:before{border-left:2px solid lightgrey;height:19px;content:'';position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:1;}
.filter .select:nth-of-type(odd){border-left:none;margin-right:14px;}
.blog-info.hide{display:none;}
.styledSelect{height:20px;padding:21px 18px 18px 18px;position:absolute;top:50%;right:0;bottom:0;left:0;background-color:#fff;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.styledSelect:after{content:"";width:0;height:0;position:absolute;top:9px;right:6px;}
.styledSelect:active, .styledSelect.active,
.active-color{background-color:#fff;color:#0084ff;}
.styledSelect{background:url(../images/arrow-down.png) no-repeat right center;text-transform:uppercase;}
.options{display:none;width:131px;position:absolute;top:60px;right:0;bottom:0;left:-9px;z-index:9;margin:0 0;padding:0 0;list-style:none;background-color:#fff;border-right:1px solid lightgrey;border-left:1px solid lightgrey;border-bottom:1px solid lightgrey;}
.options li{display:block;background:#fff;margin:0;padding:13px 15px;text-transform:uppercase;text-align:left;width:101px;border-right:1px solid lightgrey;border-bottom:1px solid lightgrey;border-left:1px solid lightgrey;}
.options li:hover,
.filter .styledSelect:hover{color:#0084ff;}
.filter .styledSelect.active,
.filter .styledSelect.active-color,
.filter .styledSelect:hover{background:url(../images/arrow-down-hover.png) no-repeat right center;}
.filter select:nth-of-type(odd){padding:0 38px 0 0;border:none;}
.filter .select + .select{width:103px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.select .year + .styledSelect{width:55px;padding:21px 10px 18px 18px;}
.select .year + .styledSelect + ul{left:-2px;}
.filter select:first-child{border:none;margin:0 0 0 0;}
.filter select{height:60px;-webkit-appearance:none;border:none;}
.filter{display:inline-block;border-bottom:1.5px solid lightgrey;}
.filter select:hover{color:#0084ff;}
.media-page .search{width:5%;display:inline-block;vertical-align:top;}
.media-page .searchbox{position:absolute;top:0px;right:0;display:inline-block;width:4.3%;height:60px;overflow:hidden;padding:0;margin:0;background:none;z-index:2;}
.media-page .searchbox form{padding:0;width:100%;max-width:100%;position:absolute;top:0px;right:0;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-ms-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s;}
.media-page .searchbox-input{width:100%;padding:0 0 0 70px;text-align:left;color:#fff;height:60px;font-size:16px !important;border:0;background:#373535;margin:0;display:none;font-family:"ProximaNova-300", Arial, sans-serif;font-size:14px;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
.media-page .searchbox.show{width:100%;}
.searchbox-input.showsearchboxinput{opacity:0;}
.searchbox-input input[type="search"]::-webkit-search-decoration,
.searchbox-input input[type="search"]::-webkit-search-cancel-button,
.searchbox-input input[type="search"]::-webkit-search-results-button,
.searchbox-input input[type="search"]::-webkit-search-results-decoration{display:none;}
.media-page .searchbox .searchbox-submit{display:none;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-icon{top:0;right:0;border:0;outline:0;width:100%;height:60px;margin:0;}
.media-page .searchbox-icon{font-size:0;display:block;position:absolute;top:0;right:0;padding:0;margin:0;border:0;outline:0;cursor:pointer;background:url(../images/page_search_icon.png) no-repeat 0 center;}
.media-page .searchbox-white-icon{width:25px;height:60px;font-size:0;display:block;position:absolute;top:1px;left:27px;padding:0;margin:0;border:0;outline:0;cursor:pointer;background:url(../images/search-copy-white.png) no-repeat 0 center;}
.media-page .searchbox-underline{display:inline-block;width:91%;position:absolute;top:39px;left:71px;border-bottom:1px solid #fff;}
.blog-info:nth-child(3n+1){margin-left:0;}
.blog-title{width:90%;margin:0 auto;}
.blog-content{width:89%;margin:0 auto;}
.blog-content{margin-top:24px;}
.blog-info img{width:100%;height:auto;}
.blog-img{width:94%;margin:9px auto 0;}
.blog-title > ul{width:170px;margin:12px auto 7px;text-align:center;}
.blog-content p{margin-bottom:20px;display:inline-block;font-family:"ProximaNova-300", Arial, sans-serif;font-size:14px;line-height:24px;color:#3d3d3d;}
/*.blog-content p:first-child{text-transform:capitalize;}*/
.wrap-url-sharethis{width:87%;margin:0 auto 40px;}
.wrap-url-sharethis p{float:left;}
.wrap-url-sharethis p > a{padding:6px 12px 8px;display:inline-block;font-size:14px;color:#fff;background:#84b54c;text-decoration:none;font-family:"ProximaNova-300", Arial, sans-serif;box-sizing:border-box;text-transform:uppercase;}
.blog-title h3{margin:0;color:#3d3d3d;font-size:22px;line-height:28px;font-family:"ProximaNova-700", Arial, sans-serif;text-align:center;text-transform:uppercase;}
.blog-title p{margin:10px 0 0 0;text-align:center;}
.blog-date{color:#0084ff;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;}
.blog-date > span{text-transform:uppercase;vertical-align:middle;}
.blog-date > span:first-child{cursor:pointer;}
.blog-title p > a{color:#0084ff;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;text-decoration:none;}
.blog-date > span:first-child:hover,
.blog-title p > a:hover{text-decoration:underline;}
.content-seperator{width:56px;margin:20px auto 0;border-bottom:1.5px solid lightgrey;}
.blog-content nav{margin:0 0 0 10%;display:inline-block;vertical-align:middle}
.blog-content nav ul li a{width:32px;height:33px;}
.more-posts{width:118px;margin:0 auto;text-align:center;padding:10px 0 12px 3px;cursor:pointer;color:#3d3d3d;border:1.5px solid lightgray;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;text-transform:uppercase;}
.more-posts:hover{border:1px solid #84b54c;color:#fff;background:#84b54c;}
.loadmore-wrapper{display:none; padding:0 0 44px;}
.loadmore-wrapper,
.filter-msg-wrapper{width:84%;margin:0 auto;}
.filter-msg-wrapper p{margin:20px 0 0 0;padding:40px 0 50px;display:inline-block;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:24px;color:#3d3d3d;}
/*.page-template-media .blog-info{
display:none;}*/

.blog-info .news{height:27px;width:28px;display:inline-block;margin:0 0 -4px 20px;background:url(../images/new_icon.png) no-repeat;background-size:contain;}
.blog-info .pdf{height:18px;width:31px;display:inline-block;margin:0 0 0 20px;background:url(../images/pfd_icon.png) no-repeat;background-size:contain;vertical-align:bottom;}
.addthis_sharing_toolbox{width:125px;margin:3px 0 0 12%;float:left;}
.addthis_sharing_toolbox .at-share-btn svg,
.addthis_sharing_toolbox .at-share-btn > span,
.addthis_button_facebook,
.addthis_button_twitter{display:none;}
.addthis_sharing_toolbox .at-svc-facebook{width:22px;height:23px;display:inline-block;background:url(../images/fb.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.addthis_sharing_toolbox .at-svc-linkedin{width:22px;height:22px;display:inline-block;background:url(../images/in.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.addthis_sharing_toolbox .at-svc-twitter{width:22px;height:22px;display:inline-block;background:url(../images/twt.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.addthis_sharing_toolbox .at-svc-google_plusone_share{width:22px;height:22px;display:inline-block;background:url(../images/g+.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.addthis_sharing_toolbox .at-svc-email{width:22px;height:22px;display:inline-block;background:url(../images/Mail.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;-webkit-transition-property:left, top, -webkit-transform, opacity;-moz-transition-property:left, top, -moz-transform, opacity;transition-property:left, top, transform, opacity;-ms-transition-property:left, top, -ms-transform, opacity;-o-transition-property:left, top, -o-transform, opacity;}
.detail-page .wrapper{margin-top:60px;}
.detail-page .wrapper img{width:100%;height:auto;}
.detail-page .wrapper h2{padding:24px 0 10px 0;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.detail-page p{margin-bottom:20px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.videos .wrapper h2{padding:35px 0 0px 0;}
.videos .wrapper{padding-bottom:35px;}
.gallery-content h2{padding:25px 0 20px 0;}
.addthis_sharing_toolbox{width:135px;}
.about-us .wrapper{margin:35px auto 35px;}
.about-content h2{padding:0px 0 22px 0;}
.the-trees-content h2{padding:35px 0 22px 0;}
/*.addthis_sharing_toolbox .at-svc-twitter,.addthis_sharing_toolbox .at-svc-linkedin,.addthis_sharing_toolbox .at-svc-facebook,.addthis_sharing_toolbox .at-svc-google_plusone_share,.addthis_sharing_toolbox .at-svc-email{background-color:inherit !important;}*/
.big-txt {display: block; text-align: center;font-size: 66px; font-weight: bold;padding: 40px 0;text-transform: uppercase; color: #333;}
.clear {content:'';display: table; clear: both}
.our-part-img {float: right}
.op .residences-content {width: 50%}
.home .wrap-headings {opacity: 1}

/* -----------------------------  Media page ---------------------------------*/
        @media only screen and (min-width: 1200px) {

          .media-page .options {
           height: 225px;
           border: 0;
           display: none;
           background: transparent;
           overflow-x: hidden;
         }
       }
       .blog-info {
        font-size: 14px;
        font-family : "ProximaNova-300", Arial, sans-serif;
        line-height: 24px;
      }

      .filter-msg-wrapper { padding-bottom: 67px; }

      .blog-content li {
        display: list-item;
        font-size: 14px;
        font-family : "ProximaNova-300", Arial, sans-serif;
        line-height: 24px;
        list-style-position: inside;
        color : #3d3d3d;
      }

      .media-page {
        background: #fff;
        margin: 40px 0 0 0;
        /*  padding: 0 0 71px; Uncomment this code when load more is added */
      }

      .release-blog .wrapper {
        width: 86%;
        max-width: 1160px;
        margin: 0 auto 0;
        padding: 60px 0 10px 0;
      }

      .release-blog .wrapper.CSSPadding { padding: 0; }

      .blog-info[class=".jan.2016"]:last-child { background: red; }

      .blog-info {
        width: 30%;
        max-width: 340px;
        margin: 0 0 70px 0;
        display: inline-block;
        vertical-align: top;
        border: 1px solid lightgrey;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .blog-info .initLoad { margin-left: 3%; }

    /*.blog-info:nth-last-child(-n+3) {
      margin-bottom: 0;
      }*/

      /*.blog-info:nth-of-type(even) { margin-left: 5.5%; }*/

      .wrap-search-filter {
        width: 100%;
        position: relative;
        display: none;
        border-bottom: 1.5px solid lightgrey;
      }

      .wrap-search-filter .wrapper { position: relative; }

      .wrap-search-filter.removeBorder {
        border-bottom: 1.5px solid lightgrey;
      }
      .filter {
        width:100%;
        display: inline-block;
        text-align: center;
      }

      .s-hidden {
        visibility:hidden;
        padding-right:10px;
      }

      .currentSelector {
        padding: 21px 18px 18px 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        text-transform: uppercase;
        opacity: 0;
        z-index: -1;
      }

      .filter .select {
        display:inline-block;
        position:relative;
        font-family: "ProximaNova-300", Arial, sans-serif;
        font-size: 15px;
        line-height: 18px;
        color: #3d3d3d;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        outline: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        width: 120px;
        text-align: left;
      }

      .filter .select + .select:before {
        border-left: 2px solid lightgrey;
        height: 19px;
        content: '';
        position: absolute;
        left: -18px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        z-index: 1;
      }

      .filter .select:nth-of-type(odd){
        border-left: none;
        margin-right: 16px;
      }

      .blog-info.hide { display: none; }

      .styledSelect {
        height: 20px;
        padding: 21px 22px 18px 0;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
      }
      .styledSelect:after {
        content:"";
        width:0;
        height:0;
        position:absolute;
        top:9px;
        right:6px;
      }
      .styledSelect:active, .styledSelect.active,
      .active-color {
        background-color:#fff;
        color: #0084ff;
      }

      .styledSelect:hover { cursor: pointer;  }

      .styledSelect {
        background: url(../images/arrow-down.png) no-repeat right center;
        text-transform: uppercase;
      }

      .options {
        display:none;
        width: 131px;
        position: absolute;
        top: 61px;
        right: 0;
        bottom: 0;
        left: -14px;
        z-index: 9;
        margin:0 0;
        padding:0 0;
        list-style:none;
        background-color:#fff;
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
      }
      .options li {
        display: block;
        background: #fff;
        margin: 0;
        padding: 13px 15px;
        text-transform: uppercase;
        text-align: left;
        width: 88px;
        border-right: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        cursor: pointer;
      }
      .options li:hover,
      .filter .styledSelect:hover {
        color: #0084ff;
      }

      .filter .styledSelect.active,
      .filter .styledSelect.active-color,
      .filter .styledSelect:hover {
        background: url(../images/arrow-down-hover.png) no-repeat right center;
      }


      .filter select:nth-of-type(odd) { padding: 0 38px 0 0; }

      .filter .select + .select {
        width: 103px;
        margin: 0px 0 0 17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .select .year + .styledSelect {
        width: 55px;
        padding: 21px 22px 18px 0;
      }

      .select .year + .styledSelect + ul { left: -18px; }

      .filter select:first-child {
        border-left: none;
        margin: 0 0 0 0;
      }

      .filter select:first-child:hover { cursor: pointer; }

      .filter select { height: 60px; }

      .filter { display: inline-block; }

      .filter select:hover { color: #0084ff; }

      .search {
        width: 5%;
        display: inline-block;
        vertical-align: top;
      }

    /*.media-page .searchbox-icon {
      height: 25px;
      width: 25px;
      margin: -3px 0 0 0;
      display: inline-block;
      background: url(../images/page_search_icon.png) no-repeat ;
      }*/

      .searchbox {
        position: absolute;
        top: 0px;
        right: 0;
        display: inline-block;
        width: 58px;
        height: 60px;
        overflow:hidden;
        padding: 0;
        margin: 0;
        background: none;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
      }

      .searchbox form {
        padding: 0;
        width: 58px;
        height: 60px;
        position:absolute;
        top: 0;
        left: 0;
        background: #373535;
        z-index: -1;
      }

      .searchbox-input {
        width: 100%;
        max-width: 100%;
        padding: 0 0 0 70px;
        text-align: left;
        color: #fff;
        height: 60px;
        font-size: 16px !important;
        border: 0;
        outline: none;
        background: #373535;
        margin: 0;
        font-family: "ProximaNova-300", Arial, sans-serif;
        font-size: 14px;
        -webkit-border-radius:0;
        border-radius:0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        z-index: 2;
      }
      #txtSearch::-webkit-search-cancel-button { display: none; }
    /*
    .media-page {
      -webkit-transition: margin .3s;
      -moz-transition: margin .3s;
      -ms-transition: margin .3s ;
      -o-transition: margin .3s ;
      transition: margin .3s ;
      } */

      .show { display: block!important ; }

/*   #filter-post-content,
{
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  -ms-transition: left .3s ;
  -o-transition: left .3s ;
  transition: left .3s ;
  } */

  .searchbox-input.showsearchboxinput { opacity: 0; }

  .searchbox-input input[type="search"]::-webkit-search-decoration,
  .searchbox-input input[type="search"]::-webkit-search-cancel-button,
  .searchbox-input input[type="search"]::-webkit-search-results-button,
  .searchbox-input input[type="search"]::-webkit-search-results-decoration {
    display: none;
  }

  .searchbox form.open {
    width:100%;
    max-width: 100%;
    z-index: 5;
  }

  .searchbox .searchbox-submit { display: none; }

  .searchbox-open{ width:100%; }

  .searchbox-icon {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 2;
  }

  /*.media-page .searchbox-input::-webkit-input-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input:-moz-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input::-moz-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input:-ms-input-placeholder {
  color: #d74b4b;
  }*/

  .searchbox-icon {
    font-size: 0;
    display:block;
    position:absolute;
    top:0;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    cursor:pointer;
    background: url(../images/page_search_icon.png) no-repeat 0 center;
    z-index: 6;
  }

  .searchbox-white-icon {
    width: 58px;
    height: 60px;
    font-size: 0;
    display:block;
    position:absolute;
    top: 1px;
    left: 12px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    cursor:pointer;
    background: url(../images/search-copy-white.png) no-repeat center center;
    z-index: 6;
  }

  .searchbox form,
  .searchbox .searchbox-input { display: none; }

  .searchbox form.open { display: block; }

  .searchbox .open .searchbox-input { display: inline-block; }

  /*hilight {
    background-color: yellow;
    font-weight: bold;
    }*/

    /*.blog-info:nth-of-type(odd) { margin-left: 0; }

    .blog-info:nth-of-type(even) { margin-left: 9%; }*/
    /*
    .blog-info:nth-child(3n+1) { margin-left: 0; }*/

    .blog-title{
      width: 90%;
      margin: 0 auto;
    }

    .blog-content {
      width: 89%;
      margin: 0 auto;
    }

    .blog-content {
      margin-top: 24px;
    }

    .blog-info img {
      width: 100%;
      height: auto;
    }

    .blog-img {
      width: 94%;
      margin: 9px auto 0;
    }

    .blog-img.no-blog-img { margin-top: 0; }

    .blog-title > ul {
      width: 170px;
      margin: 12px auto 7px;
      text-align: center;
    }

    .blog-title h3 a {
      color: #3d3d3d;
      text-decoration: none;
    }

    .blog-title h3 a:hover { text-decoration: underline; }

    .blog-content ul { margin-left: 5px; }

    .blog-content p {
      margin-bottom: 20px;
      display: inline-block;
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      color: #3d3d3d;
      position:relative;
    }

    /*.blog-content p:first-child { text-transform: capitalize; }*/
    /*.blog-content p:last-child:after*/
    .slider-overlay-content .content-seperator + p:after {
        font-size: 12px;
        content: "...";
    }

    .wrap-url-sharethis {
      width: 87%;
      margin: 0 auto 40px;
    }

    .wrap-url-sharethis p { font-size: 0; }

    .wrap-url-sharethis p > a {
     padding: 8px 12px 7px;
     /* margin: 21px 0 3px 0; */
     display: inline-block;
     font-size: 14px;
     line-height: 17px;
     color: #fff;
     background: #84b54c ;
     text-decoration: none;
     font-family: "ProximaNova-300", Arial, sans-serif;
     box-sizing: border-box;
     text-transform: uppercase;
   }

   .win .wrap-url-sharethis p > a { padding: 6px 12px 8px; }

   .back-btn {
    height: 60px;
    padding: 10px 0 0 0;
    /*  margin: 21px 0 3px 0;*/
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-size: 16px;
    font-weight: 400;
    color: #3d3e3d;
    /*background: #84b54c;*/
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .back-btn img {
    /*  width: 100%;
    height: auto;*/
    margin: -1px 19px 0 0;
    /*       margin-right: 19px; */
  }

  .back-btn {
    /*float: right;*/
  }

  .blog-title h3 > a,
  .blog-title h3 {
    margin: 0;
    color: #3d3d3d;
    font-size: 22px;
    line-height: 28px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
  }

  .blog-title h3 > a:hover { text-decoration: underline; }

  .blog-title p {
    margin: 10px 0 0 0;
    text-align: center;
  }

  .blog-date {
    color: #0084ff;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }


  .single-singleblog .blog-date .article-date,
  .page-template-blog .blog-date .article-date { color: #3d3d3d; }

  .blog-date > span {
    text-transform: uppercase;
    vertical-align: middle;
  }

  .blog-date > span:first-child { cursor: pointer; }

  .single-singleblog .blog-date > span:first-child { cursor: text; }

    /*.blog-title > ul > li:first-child {
  border-right: 1.5px solid #ebebeb;
  padding-right: 7px;
  margin-right: 7px;
  line-height: 16px;
  }*/
  .blog-content li > a,
  .blog-content p > a,
  .blog-title p > a {
    color: #0084ff;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    text-decoration: none;
  }

  .blog-content li > a:hover,
  .blog-content p > a:hover,
  .blog-date > span:first-child:hover,
  .blog-title p > a:hover { text-decoration: underline; }

  .content-seperator {
    /*  width: 8.5%;*/
    width: 56px;
    margin: 20px auto 0;
    border-bottom: 1.5px solid lightgrey;
  }

  .blog-content nav {
    margin: 0 0 0 10%;
    display: inline-block;
    vertical-align: middle;
  }

  .blog-content nav ul li a {
    width: 32px;
    height: 33px;
  }

  .more-posts {
    width: 118px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 8px;
    cursor: pointer;
    color: #3d3d3d;
    border: 1.5px solid lightgray;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    text-transform: uppercase;
  }

  .more-posts:hover {
    border: 1px solid #84b54c;
    color: #fff;
    background: #84b54c;
  }

  .loadmore-wrapper {
    display: none;
    padding: 0 0 44px;
  }


  .loadmore-wrapper,
  .filter-msg-wrapper {
    width: 84%;
    margin: 0px auto;
  }

  .filter-msg-wrapper{ margin: 0 auto; }

  .filter-msg-wrapper p {
    margin: 13px auto;
    display: inline-block;
    float: left;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
  }

  .blog-info .news {
    height: 27px;
    width: 28px;
    display: none;
    margin: 0 0 -4px 20px;
    background: url(../images/new_icon.png) no-repeat ;
    background-size: contain;
  }

  .blog-info .pdf {
    height: 18px;
    width: 31px;
    display: none;
    margin: 0 0 0 20px;
    background: url(../images/pfd_icon.png) no-repeat;
    background-size: contain;
    vertical-align: bottom;
  }

  .addthis_sharing_toolbox {
    width: auto;
    margin: 25px 0 0;
  }

  .addthis_sharing_toolbox .at-share-btn svg,
  .addthis_sharing_toolbox .at-share-btn > span,
  .addthis_button_facebook,
  .addthis_button_twitter { display: none; }

  .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 0 0 13px; }

  .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:first-child { margin-left: 0; }

  .addthis_sharing_toolbox .at-share-tbx-element.addthis_20x20_style .at-share-btn,
  .addthis_sharing_toolbox .at-share-tbx-element.addthis_20x20_white_style .at-share-btn {
    max-width: 35px;
    max-height: 37px;
  }

  .addthis_sharing_toolbox .at-svc-facebook {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_fb.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-facebook:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_fb.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-linkedin {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_linkdin.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-linkedin:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_linkdin.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-twitter {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_twitter.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-twitter:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_twitter.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-google_plusone_share {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_g+.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-google_plusone_share:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_g+.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-email {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_mail.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-email:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_mail.png) no-repeat;
  }

  /*   .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: left, top, -webkit-transform, opacity;
    -moz-transition-property: left, top, -moz-transform, opacity;
    transition-property: left, top, transform, opacity;
    -ms-transition-property: left, top, -ms-transform, opacity;
    -o-transition-property: left, top, -o-transform, opacity;
  }
  */
  .detail-page .wrapper {
    margin-top: 60px;
  }

  .detail-page .wrapper img {
    width: 100%;
    height: auto;
  }

  .detail-page .wrapper h2 {
    padding: 24px 0 10px 0;
    margin: 0;
    color: #3d3d3d;
    font-size: 44px;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }

  .detail-page p {
    margin-bottom: 20px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #3d3d3d;
  }


  /* -----------------------------  blog page ---------------------------------*/

  .blog-page {
    background: #fff;
    margin: 60px 0 0 0;
  }

  .blog-page .wrap-search-filter { height: 60px; }

  /*.blog-page .searchbox {
    position:absolute;
    top: 0px;
    right: 0;
    display: inline-block;
    width: 4.3%;
    max-width: 100%;
    height: 60px;
    overflow:hidden;
    padding: 0;
    margin: 0;
    background: none;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    z-index: 2;
  }

  .blog-page .searchbox-input {
    width: 100%;
    padding: 0 0 0 70px;
    text-align: left;
  color: #fff;
  height: 60px;
  font-size: 16px !important;
  border: 0;
  background: #373535;
  margin: 0;
  display: none;
  font-family: "ProximaNova-300", Arial, sans-serif;
  font-size: 14px;
  -webkit-border-radius:0;
  border-radius:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-transition:width  0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.searchbox-input.showsearchboxinput { opacity: 0; }

.searchbox-input input[type="search"]::-webkit-search-decoration,
.searchbox-input input[type="search"]::-webkit-search-cancel-button,
.searchbox-input input[type="search"]::-webkit-search-results-button,
.searchbox-input input[type="search"]::-webkit-search-results-decoration { display: none; }

.blog-page .searchbox .searchbox-submit { display: none; }

.blog-page .searchbox-open{ width:100%; }

.blog-page .searchbox-icon {
  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  width: 100%;
  height: 60px;
  margin: 0;
}

.blog-page .searchbox-icon {
  font-size: 0;
  display:block;
  position:absolute;
  top:0;
  right:0;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  cursor:pointer;
  background: url(../images/page_search_icon.png) no-repeat 0 center;
}

.blog-page .searchbox-white-icon {
  width: 25px;
  height: 60px;
  font-size: 0;
  display:block;
  position:absolute;
  top: 1px;
  left: 27px;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  cursor:pointer;
  background: url(../images/search-copy-white.png) no-repeat 0 center;
}

.blog-page .searchbox-underline {
  display: inline-block;
  width: 91%;
  position: absolute;
  top: 39px;
  left: 71px;
  border-bottom: 1px solid #fff;
  }*/

  .blog-slides div { display: none; }

  .blog-slider img {
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    border-top: 0;
  }

  .jssor-leftarrow {
    display: block;
    position: absolute;
    top: 0;
    left: 87px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url(../images/left_arrow_blog.png) no-repeat;
    background-size: contain;
    overflow: hidden;
  }

  .jssor-rightarrow {
    display: block;
    position: absolute;
    top: 0;
    right: 84px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url(../images/right_arrow_blog.png) no-repeat;
    background-size: contain;
    overflow: hidden;
  }

  .blog-slider {
    position: relative;
    bottom: 1px;
  }

  .overlay-slider {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 40%;
    background: rgba(255, 255, 255, 0.85);
  }

  .slider-overlay-content h3 {
    padding: 17px 0 0 0;
    margin: 0 5px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #3d3d3d;
    text-align: center;
  }

  .slider-overlay-content .content-seperator {
    width: 38px;
    margin: 12px auto 4px;
    border-bottom: 1px solid lightgrey;
  }

  .slider-overlay-content .content-seperator + p {
    width: 85%;
    margin: 0 auto;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 9px;
    line-height: 15px;
    color: #3d3d3d;
  }

  .slider-overlay-content .slider-detail-page {
    text-align: center;
    margin: 13px 0 18px 0;
  }

  .slider-overlay-content .slider-detail-page > a {
    padding: 4px 6px 3px;
    display: inline-block;
    font-size: 8px;
    color: #fff;
    background: #84b54c;
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .win .slider-overlay-content .slider-detail-page > a { padding: 2px 6px 3px; }

  .blog-categories > .wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 35px 0;
  }

  .blog-categories ul {
    padding-left: 14px;
    text-align: center;
  }

  /* .blog-categories li:first-child { padding-left: 0; } */

  .blog-categories li { padding: 0 20px; }

  .blog-categories li:hover { text-decoration: underline; }

  .blog-categories li a {
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3d3d3d;
  }

  .blog-categories li .active-section { color: #0084ff; }

  .blog-page .filter-msg-wrapper p { padding: 0 0 50px;}

  .blog-page .release-blog .wrapper { padding: 0; }

  .blog-page .blog-title > ul { width: auto; }

  .blog-info .category-name {
    border-right: 1.5px solid lightgray;
    padding: 0 10px 0 0;
    margin: 0 7px 0 0;
    color: #3d3d3d;
  }

  .blog-title .blog-date .section1:hover {
    color: #36C1DB;
    text-decoration: underline;
  }

  .single-singleblog .section1 { color: #36C1DB; }

  .single-singleblog .section2 { color: #E2782F; }

  .single-singleblog .section3 { color: #018944; }

  .single-singleblog .blog-title .blog-date span:hover { text-decoration: none; }

  .single-singleblog .blog-info { max-width: 355px; }

  .blog-categories .section1:hover {
    color: #36C1DB;
    text-decoration: underline;
    }*/

    .blog-categories .section2:hover,
    .blog-categories .section4:hover {
      color: #E2782F;
      text-decoration: underline;
    }

    .blog-categories .section3:hover {
      color: #018944;
      text-decoration: underline;
    }

    .section1,
    .section2,
    .section3 { color: #3d3d3d; }

    .section2:hover,
    .section4 { color: #E2782F; }

    .section3:hover { color: #018944; }

    .single-blog-page .blog-page .blog-date > span:first-child { cursor: default; }

    .single-blog-page .blog-page .blog-date > span:first-child:hover { text-decoration: none; }

    .mobile-slider-content { display: none; }

    /* -----------------------------  Detail blog page ---------------------------------*/

    .single-blog-page { background: #fff; margin-top:60px; }

    .single-blog-page .wrap-search-filter { height: 60px; }

    .searchbox-input input[type="search"]::-webkit-search-decoration,
    .searchbox-input input[type="search"]::-webkit-search-cancel-button,
    .searchbox-input input[type="search"]::-webkit-search-results-button,
    .searchbox-input input[type="search"]::-webkit-search-results-decoration { display: none; }
    .video-detail-blog {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
    .video-detail-blog iframe#player1 {
    width: 86%;
    }
    .image-detail-blog img {
      width: 100%;
      height: auto;
    }

    .single-blog-page .wrapper {
      width: 86%;
      margin: 0 auto;
      border: 1px solid lightgrey;
      border-top: 0;
    }

    .detail-content-wrap,
    .single-blog-page .image-detail-blog {
      width: 96.5%;
      margin: 0 auto;
      padding: 18px 0;
    }

    .detail-blog-content .blogs-detail-img {
      width: 39.5%;
      float: right;
      height: 406px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    .detail-blog-content .blogs-featured-img {
      width: 100%;
      height: 406px;
      float: left;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
    }

    .detail-content-wrap .blog-title > ul {
      width: auto;
      margin: 16px auto 15px;
      text-align: center;
    }

    .detail-content-wrap .blog-date > span:first-child {
      padding: 1px 17px 1px 0;
      margin: 0 13px 0 0;
      border-right: 2px solid lightgrey;
      cursor: default;
    }

    .detail-content-wrap .blog-date { font-size: 16px; }

    .detail-content-wrap .blog-title h3 {
      font-size: 44px;
      line-height: 50px;
    }

    .single-blog-page .content-seperator {
      width: 31%;
      margin: 22px auto 0;
      border-bottom: 1.5px solid #7f7f7f;
    }

    .detail-content-wrap .wrap-url-sharethis { margin: 40px auto;}

    .detail-content-wrap .addthis_sharing_toolbox {
      width: auto;
      margin: 30px 0 0 0;
      float: none;
      text-align: center;
    }

    .detail-content-wrap .addthis_sharing_toolbox .at-svc-facebook,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-linkedin,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-twitter,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-google_plusone_share,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-email {
      width: 42px;
      height: 43px;
    }

    .detail-content-wrap .at-share-tbx-element.addthis_20x20_style .at-share-btn,
    .detail-content-wrap .at-share-tbx-element.addthis_20x20_white_style .at-share-btn { margin: 0 8px; }

    .detail-content-wrap .blog-content p {
      margin: 20px 0 25px 0;
      font-size: 16px;
      line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    }
    .detail-content-wrap .blog-content p img {
        max-width:450px;
        width: 100%;
        height:auto;
        display:block;
    }

    .single-blog-page .blog-quote-wrap p {
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-style: italic;
      font-size: 24px;
      line-height: 42px;
      color: #3d3d3d;
      text-align: center;
    }

    #comments #wpcomm { max-width: 100%; }

    .blog-quote img {
      width: 45px;
      height: 31px;
    }

    .blog-quote .left-forma {
      display: inline-block;
      vertical-align: top
    }

    .blog-quote {
      border-top: 1px solid lightgrey;
      border-bottom: 1px solid lightgrey;
      background: #f2f3f3;
  /*  background: -webkit-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -moz-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -o-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -ms-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: linear-gradient(0deg, #FDFDFD 0%, #DFF1F4 100%);*/
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 42px;
    color: #3d3d3d;
  }

  .blog-quote .wrapper {
    width: 86%;
    margin: 35px auto;
    padding: 18px 0;
    border: 0;
    position: relative;
  }

  .blog-quote-wrap {
    width: 84%;
    display: inline-block;
    margin: 6px 0 0 14px;
  }

  img.right-forma {
    position: absolute;
    bottom: 25px;
    right: 38px;
  }

  .mobile-related-posts { display: none; }

  .recent-posts .related-post-wrapper,
  .insta-twitter-wrapper {
    width: 86%;
    margin: 0 auto;
  }
  .single-blog-page .insta-twitter-wrapper .instagram-package{
      margin-left: 0;
  }


  .related-post-wrapper > h3,
  .discus-blog > h3 {
    color: #3d3d3d;
    font-size: 26px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    text-transform: uppercase;
  }

  .related-post-wrapper > h3 { margin: 22px 0 10px 0; }

  .discus-blog > h3 { margin: 40px 0 10px 0; }

  .related-post-wrapper .blog-info .blog-date > span { font-size: 10px; }

  .related-post-wrapper .blog-info .blog-title h3 {
    margin: 15px 0 25px;
    font-size: 17px;
  }

  .related-post-wrapper .blog-title > ul { width: auto; }

  .related-post-wrapper .blog-info { margin: 0 0 0 4.5%; }

  .related-post-wrapper .blog-info:nth-of-type(3n+1) { margin-left: 0; }

  .blog-author-info,
  .twitter-feeds,
  .instagram-package {
    width: 30%;
    max-width: 355px;
    margin: 40px 0 40px 3.5%;
    display: inline-block;
    vertical-align: top;
    /*  border: 1px solid lightgrey;*/
  }

  .twitter-feeds,
  .instagram-package { margin: 30px 0 46px 4%; }

  .blog-author-info { margin: 30px 0 30px 0; }


  .blog-author-info h4 + p {
    width: 63%;
/*     margin: 0 0 0 3.5%; */
    display: inline-block;
  }

  .blog-author-info p + p {
    margin: 15px 8% 40px 0;
    display: inline-block;
    width: auto;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #3d3d3d;
  }

  .blog-author-info h4,
  .twitter-feeds h4,
  .instagram-package h4 {
    margin: 15px 0 15px 3.5%;
    font-family: "ProximaNova-700", Arial, sans-serif;
    color: #3d3d3d;
    font-size: 17px;
    text-transform: uppercase;
  }

  .blog-author-info h4 { margin: 15px 0 15px 0; }

  .blog-author-info h4 + p > img,
  .instagram-package img {
    width: 100%;
    height: auto;
    max-height: 162px;
  }

  .instagram-package div {
    width: 28.1%;
    display: inline-block;
    margin: 6px;
  }

  .instagram-package div:nth-of-type(3n+1) { margin-left: 11px; }

  .twitter-feeds ol.h-feed .tweet.with-expansion { border-bottom: 1px solid lightgrey !important; }

  .back-btn {
    height: 60px;
    padding: 11px 0 0 0;
    /* margin: 21px 0 3px 0; */
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-size: 16px;
    font-weight: 400;
    color: #3d3e3d;
    /* background: #84b54c; */
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .single-blog-page .wrap-search-filter .wrapper {
    width: 96%;
    margin: 0 auto;
    border: 0;
  }

  .discus-blog {
    width: 86%;
    margin: 0 auto;
  }


/* Desktop */

@media only screen and (min-width:1366px){.header-img-overlay h2{font-size:75px;}
.mobile-thetrees-residence,
.mobile-home-our-partners{display:none;}
}
@media only screen and (max-width:1200px) and (min-height: 769px){
.residences-content {padding-top:0}
}
@media only screen and (min-width:1681px){.menu-primary-navigation-container li a{padding:15px 15px 14px;}
.header-chatlinks > input.clickme{padding:10px 30px 11px;margin:0 26px 0 0;}
.header-img-overlay h2{font-size:95px;}
form div:nth-of-type(even) input,
form div:nth-of-type(odd) input{padding:9px;}
span.site-home a{padding:16px 15px 8px;}
.requirements > select,
form input[type= "submit"]{width:97.5%;}
.contacts .col div{padding:0 0 60px 18.5%;}
.content-form form div{margin:0 0 32px 0;}
.mobile-thetrees-residence{display:none;}
.close{right:133px;top:26px;}
.white_content{width:80.5%;height:72.3%;}
.drag-image{left:39.5%;}
header li > ul{top:53px;}
.home-our-partners .hover-info{left:0;height:272px;top:0;}
.print-email{right:66px;}
.floorplan-image-wrapper{width:75.4%;padding:70px 0 0;min-height:750px;box-sizing:border-box;}
.key-location,
.floorplan-info{max-width:400px;}
.floorplan img{max-width:95%;}
.floorplan-info h3{padding:0;font-size:23px;}
.floorplan-info p{font-size:18px;line-height:34px;width:300px;}
.mobile-home-our-partners{display:none;}
.home-residence-info #scene{width:2000px;}
.home-masterplan #masterplan-scene{width:815px;}
.home-studio #studio-scene{width:795px;}
#studio-scene .layer-bg,
#masterplan-scene .layer-bg{width:825px;}
.filter select{background:url(../images/arrow-down.png) no-repeat 68px 3px;}
.filter select:nth-of-type(even){background:url(../images/arrow-down.png) no-repeat 64px 3px;}
.blog-title h3{font-size:30px;line-height:35px;}
.wrap-url-sharethis p > a{padding:8px 12px 7px;}
.blog-info .article{margin:0 0 5px 20px;}
.blog-info .pdf{margin:0 0 1px 20px;}
.styledSelect{background:url(../images/arrow-down.png) no-repeat right 3px;}
.options li{width:120px;}
.options{top:32px;}
.more-posts{padding:10px 0 8px 3px;}
.wrap-search-filter{padding:22px 0 15px;}
.styledSelect{background:url(../images/arrow-down.png) no-repeat right 3px;}
.media-page .searchbox-icon{background:url(../images/page_search_icon.png) no-repeat 0 14px;}
.media-page .searchbox{width:3.3%;top:4px;height:52px;}
@-moz-document url-prefix(){.options{top:37px;}
.wrap-search-filter{padding:15px 0 13px;}
}
}
@media only screen and (min-width:1600px){.drag-map-container{background-position:-60px -200px;}
.zoomContainer{left:630px;background-position:-960px -400px;}
.mac .close{right:133px;top:26px;}
.mac .white_content{width:80.5%;height:72.3%;}
.mac .slider-video .residence-slider .video-slide iframe{width:100%;height:500px;}
.mac .drag-image{left:39.5%;}
.mac header li > ul{top:54px;}
.mac .menu-primary-navigation-container li a{padding:17px 15px 12px;}
h1.logo a{padding:12px 0;}
.header-chatlinks{margin:11px 0;}
span.site-home a{padding:19px 15px 8px;background:url(../images/nav-divider.png) no-repeat left 17px;}
.mac .header-chatlinks > input.clickme{padding:11px 30px 8px;margin:0 3px 0 0;}
.contacts .col{width:28%;max-width:450px;margin:0 0 0 5.6%;}
.copyrights .wrapper{width:87.2%;}
.contacts .col div{padding:0 0 0 14.5%;}
.copyrights{margin-top:25px;}
.sitemap .wrapper,
.disclaimer .wrapper{width:87.2%;}
.contacts .col .row3{padding:0;}
.contacts .col .row2{padding:0 0 0 16.5%;}
.contacts .col .row1 > div{padding:0 0 0 0;}
.mac .header-img-overlay h2{font-size:95px;}
.content-form h3{font-size:38px;}
.slide2{padding:5% 0 0 0;}
form div:nth-of-type(even) input,
form div:nth-of-type(odd) input{width:95%;}
.mac form div:nth-of-type(even) input,
.mac form div:nth-of-type(odd) input,
.mac .select-wrap select,
.mac .requirements > select,
.mac form input[type= "submit"]{padding:11px 10px 8px;}
nav{margin-top:2px;}
.content-form form div{margin:0 0 36px;}
.error-message{padding:1px 0 0 10px;}
.select-wrap select{width:95%;background:url(../images/arrow-down.png) no-repeat #fff 95.5% center;}
.about-info{padding:130px 0;}
.select-requirements{background:url(../images/arrow-down.png) no-repeat #fff 97.8% center;}
.requirements > select,
form input[type= "submit"]{width:97.5%;}
.contacts{width:95%;}
.home-our-partners .hover-info{left:0;height:272px;top:0;}
.info-page form > div{margin:0 0 20px;}
.info-page .commercial-form-container > form{top:75px;left:18%;}
#converter-container{left:144px;}
.mac .main.info-page,
.mac .main{margin:60px 0 0 0;}
.mac .print-email{right:66px;}
.mac .floorplan-image-wrapper{width:75.4%;padding:70px 0 0;min-height:750px;box-sizing:border-box;}
.mac .key-location,
.mac .floorplan-info{max-width:400px;}
.mac .floorplan img{max-width:95%;}
.mac .floorplan-info h3{padding:0;font-size:23px;}
.mac .floorplan-info p{font-size:18px;line-height:34px;width:300px;}
.mac .mobile-home-our-partners{display:none;}
.mac .home-residence-info #scene{width:2000px;}
.mac .home-masterplan #masterplan-scene{width:815px;}
.mac .home-studio #studio-scene{width:795px;}
.mac #studio-scene .layer-bg,
.mac #masterplan-scene .layer-bg{width:825px;}
.mac .filter select{background:url(../images/arrow-down.png) no-repeat 68px 3px;}
.mac .filter select:nth-of-type(even){background:url(../images/arrow-down.png) no-repeat 64px 3px;}
.mac .blog-title h3{font-size:30px;line-height:35px;}
.mac .wrap-url-sharethis p > a{padding:8px 12px 7px;}
.mac .blog-info .article{margin:0 0 5px 20px;}
.mac .blog-info .pdf{margin:0 0 1px 20px;}
.mac .media-page .searchbox{width:3.3%;max-width:100%;}
.mac .media-page .searchbox-open{width:100%;}
.mac .options li{width:110px;}
.mac .options{top:60px;}
.mac .more-posts{padding:10px 0 8px 3px;}
.mac .searchbox-input input[type="search"]::-webkit-search-decoration,
.mac .searchbox-input input[type="search"]::-webkit-search-cancel-button,
.mac .searchbox-input input[type="search"]::-webkit-search-results-button,
.mac .searchbox-input input[type="search"]::-webkit-search-results-decoration{display:none;}
}
@media only screen and (max-width:1280px){.about-info{padding:74px 0;}
.content-wrapper h2{margin:0 0 25px;}
.zoomContainer{left:68%;}
.mobile-home-our-partners{display:none;}
}
@media only screen and (min-width:1025px){.mac h1.logo a{padding:12px 0;}
.mac .header-chatlinks{margin:11px 0;}
.mac .menu-primary-navigation-container li a{padding:16px 15px 13px;}
.mac .header-chatlinks > input.clickme{padding:11px 21px 9px;}
.mac .godrej{padding:3px 0 0 11px;}
.mac .about-info{padding:76px 0;}
.mac form div:nth-of-type(even) input,
.mac form div:nth-of-type(odd) input,
.mac .select-wrap select,
.mac .requirements > select,
.mac form input[type= "submit"]{padding:12px 10px 9px;}
.mac form input[type= "submit"]{padding:11px 10px 8px;}
.hide-floorplan,
.mobile-home-our-partners{display:none;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.blog-date > span:first-child:hover,
.blog-title p > a:hover{text-decoration:none;}
.godrej-logo-mob img{width:100%;height:auto;}
header.scrolled li.active-page > a,
header.scrolled .menu-primary-navigation-container li a:hover,
header.scrolled .menu-primary-navigation-container li a.active-menu{color:#3d3d3d;}
#menu-primary-navigation li.overview-menu li:last-of-type{padding-bottom:0;}
.hide-floorplan{display:block;}
.menu-primary-navigation-container li a{padding:17px 15px 14px;}
.mobile-map h2{display:none;}
nav{margin:1px 0 0 0;max-width:100%;}
header li > ul{width:100%;position:static;border-left:none;border-right:none;display:block;border-top:1px solid lightgrey;border-bottom:none;}
header li > ul li{border-bottom:none!important;}
.menu-primary-navigation-container li > ul li a{padding:5px 40px;}
.header-chatlinks > input.clickme{padding:11px 16px;margin:0 20px -3px 0;}
.godrej{padding:0 0 0 19px;}
.header-img-overlay h2{font-size:75px;}
.about-info > .content,
.residences-content > .content,
.commercial-content > div,
.nri-content > div{width:89%;}
.floorplan-content{width:92.5%;}
.tab-container .etabs{width:80%;}
footer{padding:32px 0 25px;}
footer .contacts{width:90%;margin:0 auto;padding:0;}
.contacts .col{margin:0 0 0 11.6%;}
.copyrights .wrapper{width:91%;}
.contacts .col .row2{padding-bottom:15px;}
.contacts .col:last-of-type, .contacts .col{margin-left:13.70%;max-width:100%;float:left;}
.contacts .col .row2{padding-bottom:0;}
.contacts .col:last-of-type{margin:0 0 20px 0;}
.contacts h3{font-size:25px;}
.contacts div a{font-size:18px;}
.linked-in a,
.google-plus a,
.youtube a,
.facebook a{width:45px;height:46px;}
.menu-footer-social-menu-container{margin:0;}
.header-img-overlay{padding:0;}
.copyrights .wrapper{width:90%;}
.copyrights ul li{margin-top:-7px;}
.select-wrap select{padding:8px;}
.background-video{height:100% !important;}
.requirements > select,
form input[type= "submit"]{width:98%;}
.about-image{vertical-align:top;}
.about-info,
.residences-content{padding:28px 0 28px 7px;}
.content-wrapper h2{margin:0;font-size:35px;}
.residences-content p{margin:0 0 18px 2px;}
form input[type= "submit"]{border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;}
.select-wrap select{background:url(../images/arrow-down.png) no-repeat #fff 94.9% center;}
.header-img-overlay,
.slide2,
.slide3{position:relative;width:100%;}
.contacts h3{font-size:25px;}
.contacts div a{font-size:18px;}
.background-video,
.contact-wrapper{position:relative;}
.form-wrapper{position:absolute;top:58%;}
.slide2,
.slide7{display:none;}
.header-chatlinks > input.clickme{-webkit-border-radius:0;-webkit-appearance:none;}
.mac form div:nth-of-type(even) input,
.mac form div:nth-of-type(odd) input,
.mac .requirements > select,
.mac form input[type= "submit"]{padding:9px 8px 7px;}
.mac.select-wrap select{padding:9px 8px 6px;}
h1.logo a > img:first-child{display:inline;}
h1.logo a .white-logo{display:none;}
header .menu-primary-navigation-container li a{color:#3d3d3d;}
header .godrej{background:url(../images/nav-divider.png) no-repeat left center;}
header{border-bottom:1px solid lightgrey;background:rgba(255, 255, 255, .9);}
.page-template-location .content-wrapper .then,
.page-template-location .content-wrapper .now,
.map,
.map-checkbox,
.masterplan-wrapper,
.divider,
.menu-primary-navigation-container,
.godrej,
span.site-home,
.map-content-wrap,
header.scrolled .godrej{display:none;}
.wrapper{width:94%;}
.godrej-logo-mob{display:inline-block;}
#menu-nav-toggle,
.home-residence-info{display:block;}
.home-residence-info-overlay{background:rgba(0,0,0,0.15);}
#menu-nav-toggle{margin:13px 0;float:right;}
.mobile-home-residence-info{display:none;}
@-moz-document url-prefix(){#nav-toggle{padding:0 3% 0 0;margin:0;}

}
header .primary-wrapper{float:none;display:table;width:100%;}
.logo,
.godrej-logo-mob{vertical-align:middle;display:table-cell;float:none;width:154px;}
.godrej-logo-mob{width:173px;}
.godrej-logo-mob a{display:inline-block;}
.menu-primary-navigation-container{position:absolute;width:100%;left:0;top:86px;margin:0;background-color:#fff;border-top:1px solid #ccc;z-index:10;}
span.site-home a,
.menu-primary-navigation-container li a,
header.scrolled .menu-primary-navigation-container li a{background:none;}
.menu-primary-navigation-container ul{margin:0;}
#menu-primary-navigation li{display:block;border-left:none;width:100%;padding:10px 0 10px 3%;margin:0;border-bottom:1px solid lightgrey;}
#menu-primary-navigation li.overview-menu a{padding:0;}
#menu-primary-navigation li.overview-menu > a{padding:0px 0 11px 0;}
.menu-primary-navigation-container li a{width:100%;margin:0;padding:0;}
header{position:fixed;padding:15px 0;}
.header-chatlinks{width:4%;display:inline-block;margin:0;position:absolute;right:31px;text-align:right;padding:30px 0 0;}
.header-chatlinks > input.clickme{margin:0;padding-left:15px;padding-right:15px;}
.div-seperator{width:30px;display:table-cell;}
.white_content{width:78.5%;height:52.1%;top:87px;left:11%;}
.close{right:7.5%;top:50px;}
.transport-wrapper .slides{margin:40px 0 !important;}
.transport-wrapper .slides li:first-child{margin-left:8px;}
.transport-slider .flex-nav-next, .transport-slider .flex-nav-prev{top:85px;}
.transport-wrapper{width:100% !important;}
.transport-wrapper .flex-viewport{width:100%;}
.home-residence-info #scene .content,
.home-masterplan #masterplan-scene .content,
.home-studio #studio-scene .content,
.map-content-wrap .map-content{left:51px;}
.home-studio #studio-scene{width:520px;}
.zoomContainer{width:270px;height:270px;left:667px;top:258px;}
.textlink-info .wrapper{width:90%;}
.home-our-partners .content-wrapper,
.home-our-partners .partners-wrapper{width:90.5%;}
.mobile-map-container{display:block;position:relative;}
.mobile-home-residence-img{display:block;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mobile-map{display:block;}
.mobile-map img{max-width:100%;height:auto;}
.mobile-map-content h2,
.mobile-home-residence-content h2{position:absolute;bottom:190px;left:43px;color:#fff;font-size:35px;}
.mobile-map-content,
.mobile-home-residence-content{position:relative;border-bottom:1px solid #ebebeb;padding:0 0 40px;}
.mobile-map-content p,
.mobile-home-residence-content p{padding:29px 0 0 4%;}
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:12px 21px 10px;}
.home-residence-info #scene .content p > a,
.home-masterplan #masterplan-scene .content p > a,
.home-studio #studio-scene .content p > a,
.desktop-thetrees-residence p > a{padding:5px 21px 3px;}
.gallery .wrapper{width:80%;}
.mobile-masterplan,
.mobile-location-map{display:block;}
.main{margin:62px 0 0 0;}
.info-page .commercial-form-container > form{top:87px;left:1%;}
#converter-container{top:124px;left:5px;}
.hospitality .slider-content,
.commercial .slider-content{padding:40px 0;}
.slider-content-wrap h2,
.commercial-content h2,
.desktop-thetrees-residence h2,
.the-trees-content h2{font-size:35px;}
.desktop-thetrees-residence h2{padding:40px 0 18px 0;}
.commercial .slider-content-wrap,
.hospitality .slider-content-wrap{width:80%;}
#menu-primary-navigation .location.menu-item > a:after,
#menu-primary-navigation .overview-menu > a:after{position:relative;z-index:0;}
.hide-floorplan,
.mobile-home-our-partners{display:none;}
.about-content h2{padding:45px 0 17px 0;}
.home-our-partners .hover-info{position:relative;width:98%;height:auto !important;display:inline-block;opacity:1;}
.home-our-partners .hover-info p{padding:10px 0 0 3%;color:#3d3d3d;background:none;display:inline-block;}
.home-our-partners .partners-post h3{padding:9px 0 26px 6px;}
.page-template-location .main{background:#fff;margin:87px 0 0 0;}
.popup-email{left:27.5%;}
.caption p, .caption h2{padding:5px 40px 0 7.5%;}
#videos-slider{margin:0 0 -6px 0;}
.floorplan-image-wrapper{width:65.8%;padding:70px 0 0;min-height:650px;box-sizing:border-box;}
.key-location,
.floorplan-info{max-width:350px;}
.direction-img{right:29px;}
.print-email{right:14px;}
.floorplan img{max-width:75%;}
.release-blog .wrapper{width:78%;max-width:1000px;}
.blog-info{width:394px;max-width:394px;margin-bottom:40px;}
.media-page{margin:87px 0 0 0;}
.addthis_sharing_toolbox{margin:3px 0 0 22%;}
.options{top:60px;right:0;left:0;}
.more-posts{padding:10px 0 10px 0;}
.styledSelect{padding:1px 18px 0;}
.media-page .searchbox{width:11%;max-width:100%;top:0px;right:0;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-underline{width:84%;}
.wrap-url-sharethis p > a{padding:9px 12px 7px;}
.media-page .searchbox-icon{background:url(../images/page_search_icon.png) no-repeat 0 center;}
.options{-webkit-box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);-moz-box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);}
.disclaimer .wrapper{width:90%;}
}
@media only screen and (min-width:1024px) and (max-width:1024px) and (orientation:landscape){.contacts .col{margin:0 13% 0 14.2%;}
.copyrights .wrapper{padding:30px 0 0 0;}
}
@media only screen and (max-width:959px){
.flexslider.transport-wrapper .slides li img{max-width:62% !important;}
.close{right:43px;top:166px;}
.white_content{top:200px;height:31%;width:80.5%;}
header.scrolled li.active-page > a,
header.scrolled .menu-primary-navigation-container li a:hover,
header.scrolled .menu-primary-navigation-container li a.active-menu{color:#3d3d3d;}
.background-video{background:url(../images/background-home.jpg) no-repeat center center;background-size:cover;}
.hide-floorplan{display:block;}
#menu-primary-navigation .location.menu-item > a:after,
#menu-primary-navigation .overview-menu > a:after{position:relative;z-index:0;}
.tab-container .etabs{width:73%;margin:0 auto;}
.gallery .tab-container{border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding:20px 0 18px;}
.cust-prev > a,
.cust-next > a{width:26px;height:auto;display:block;background:url('../images/left.png') no-repeat center center;background-size:contain;text-indent:-9999px;}
.cust-next > a:hover,
.cust-prev > a:hover{opacity:1;}
.cust-next > a{background:url('../images/right.png') no-repeat center center;background-size:contain;}
.cust-prev{display:inline-block;position:absolute;top:25px;left:39px;}
.cust-next{display:inline-block;position:absolute;top:25px;right:48px;}
.gallery-content h2,
.the-trees-content h2,
.location-content h2{padding:44px 0 18px 0;}
.textlink-info p{padding:30px 0;line-height:35px;}
.mobile-home-our-partners .partners-post h3{width:100%;max-width:227px;text-align:left;}
.mobile-home-our-partners{width:100%;position:relative;background:#fff;}
.mobile-home-masterplan-studio,
.mobile-home-studio,
.mobile-home-residence-info,
.mobile-home-our-partners{display:block;}
.mobile-home-our-partners .partners-post{display:inline-block;width:98.5%;text-align:center;}
.mobile-home-our-partners .partners-wrapper,
.mobile-home-our-partners .content-wrapper{width:85.5%;margin:0 auto;padding:0 0 50px;}
.mobile-home-our-partners .content-wrapper h2{padding:50px 0 24px;margin:0;color:#3d3d3d;font-size:44px;font-family:"ProximaNova-300", Arial, sans-serif;}
.mobile-home-our-partners .hover-info p{padding:10px 0 0 3%;color:#3d3d3d;background:none;display:inline-block;text-align:left;}
.mobile-home-our-partners .partners-post li img{max-width:100%;width:auto;}
.mobile-home-our-partners .partners-post li{width:auto;margin:0 auto 40px;max-width:227px;vertical-align:top;}
.mobile-home-our-partners .partners-post li:nth-of-type(2n){margin-left:40px;}
.main,
.page-template-location .main{margin:60px 0 0;}
.residences-content{padding-bottom:37px;}
.residences-content .content h2{padding-bottom:0;}
.header-img-overlay{width:93%;margin:0 auto;top:0;}
.div-seperator{width:20px;display:table-cell;}
.contact-wrapper{height:100%;}
.background-video .video-wrap #hero-video{display:none;}
.header-img-overlay h4,
.header-img-overlay h2,
.header-img-overlay h3{text-shadow:none;}
h1.logo a{padding:0;}
.header-img-overlay h2{font-size:60px;line-height:60px;}
.header-img-overlay h3{font-size:22px;margin:10px 0 15px;}
.mac .header-chatlinks > input.clickme{padding:9px 21px 8px;}
.android .header-chatlinks > input.clickme{padding:10px 21px 7px;}
form input{height:32px;}
form select{height:32px;}
.requirements > select,
form input[type= "submit"]{width:98%;}
.see-more-section{display:none;}
form div:nth-of-type(even) input{padding:0px 0 1px 8px;}
form input[type= "submit"]{border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;}
.select-wrap select{width:96%;background:url(../images/arrow-down.png) no-repeat #fff 95.3% center;}
.header-chatlinks > input.clickme{-webkit-border-radius:0;-webkit-appearance:none;}
.header-img-overlay,
.slide2,
.slide3{position:static;width:100%;}
.about-info,
.about-image{width:100%;padding:0;display:block;}
.about-info > .content{width:87%;padding:49px 0 30px;}
.content-wrapper h2{font-size:29px;line-height:30px;}
.bottom-section{margin:-20px 0 0 0;}
footer{padding:36px 0 19px;}
.copyrights .wrapper{width:91%;box-sizing:border-box;padding:19px 0 0 0;}
.contacts{width:89%;position:relative;}
.contacts .col{width:87%;margin:0 auto;display:block;}
.contacts .col{width:33%;margin:0;display:block;}
.contacts .col:last-of-type,
.contacts .col:first-child{width:60%;margin:0;float:none;}
.copyrights{margin-top:39px;}
.linked-in a,
.google-plus a,
.youtube a,
.facebook a{width:33px;height:33px;}
.contacts{width:90%;position:relative;}
.col address{margin:0;}
.contacts .col .row3{width:100%;padding:0 0 20px 0;}
.contacts .col.col4 {padding-bottom: 50px}
.copyrights p{margin-left:5px;}
.contacts .col > div{padding-bottom:20px;}
.contacts .col .row1{padding-bottom:17px;}
.contacts .col .row2{padding-bottom:28px;}
.copyrights ul{margin:16px 0 0 9px;clear:left;float:left;}
.menu-footer-social-menu-container{width:100%;max-width:none;position:absolute;bottom:0;}
.wrapper{width:94%;}
.sitemap .wrapper{width:90.25%;}
.disclaimer .wrapper{width:90%;}
.about-page .wrapper{width:84%;margin-top:20px;}
.header-chatlinks > input.clickme{display:inline-block;}
.home-masterplan-studio,
.home-residence-info,
.divider,
.menu-primary-navigation-container,
.godrej,
span.site-home,
header.scrolled .godrej,
.floorpan-wrapper{display:none;}
.godrej-logo-mob{display:inline-block;}
.godrej-logo-mob img{width:100%;height:auto;}
#menu-nav-toggle{display:block;}
.header-chatlinks{width:7%;display:inline-block;margin:0;position:absolute;right:13px;text-align:right;padding:15px 0 0;}
.header-chatlinks > input.clickme{margin:0;padding-left:15px;padding-right:15px;}
#menu-nav-toggle{margin:13px 0;float:right;}
@-moz-document url-prefix(){#nav-toggle{padding:0 3% 0 0;margin:0;}
.op .residences-content {width: 100%}
}
header .primary-wrapper{float:none;display:table;width:100%;}
.logo,
.godrej-logo-mob{vertical-align:middle;display:table-cell;float:none;width:154px;}
.godrej-logo-mob{width:173px;}
header{position:fixed;padding:15px 0;}
.menu-primary-navigation-container{position:absolute;width:100%;left:0;top:86px;margin:0;background-color:#fff;border-top:1px solid #ccc;z-index:10;-webkit-box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);-moz-box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);box-shadow:0px 5px 10px -5px rgba(0,0,0,0.75);}
.menu-primary-navigation-container ul{width:100%;}
nav{max-width:100%;}
span.site-home a,
.menu-primary-navigation-container li a,
header.scrolled .menu-primary-navigation-container li a{background:none;}
.menu-primary-navigation-container ul{margin:0;}
#menu-primary-navigation li{display:block;border-left:none;width:97%;padding:10px 0 10px 3%;margin:0;border-bottom:1px solid lightgrey;}
#menu-primary-navigation li a[href*='#enquire-now']{opacity:1;margin-left:0;display:block;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.menu-primary-navigation-container li a{width:100%;margin:0;padding:0;}
header li > ul li{border-bottom:none!important;}
header li > ul{width:100%;position:static;border-left:none;border-right:none;display:block;border-top:1px solid lightgrey;border-bottom:none;}
#menu-primary-navigation li.overview-menu a{padding:0;}
#menu-primary-navigation li.overview-menu > a{padding:0px 0 11px 0;}
#menu-primary-navigation li.overview-menu li:last-of-type{padding-bottom:0;}
.menu-primary-navigation-container li > ul li a{padding:5px 40px;}
.background-video,
.contact-wrapper{position:relative;}
.form-wrapper{position:absolute;top:0;margin:0;padding:64px 0 45px;}
.slide2,
.slide7{display:none;}
.video-wrap .overlay{background:rgba(0, 0, 0, 0.5);}
.wbf-screen.active{overflow-y:scroll;}
.mac form div:nth-of-type(even) input,
.mac form div:nth-of-type(odd) input,
.mac form input[type= "submit"]{padding:9px 8px 7px;}
.mac .requirements > select
.mac.select-wrap select{padding:10px 8px 6px;}
.page-template-thank-you #menu-nav-toggle{visibility:hidden;}
h1.logo a > img:first-child{display:inline;}
h1.logo a .white-logo{display:none;}
.menu-primary-navigation-container li a{color:#3d3d3d;}
.gallery .wrapper{width:87%;}
.desktop-residence,
.mobile-thetrees-residence,
.desktop-thetrees-residence,
.desktop-thetrees-bgimage,
.desktop-thetrees-sliders{display:none;}
.desktop-residence.mobile-location,
.mobile-residences-content,
.mobile-thetrees-residence,
.mobile-thetrees-sliders{display:block;}
.mobile-location .residences-content,
.mobile-location .residences-img{float:none;width:100%;}
.mobile-residences-content{border-bottom:1px solid lightgrey;padding:0 0 10px;}
.testimonial-block{border-top:1px solid lightgrey;border-bottom:none;}
.mobile-location .residences-content .content{width:84%;}
.mobile-residences-content .residences-img{width:100%;height:400px;margin:0 0 35px 0;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mobile-residences-content .content,
.mobile-thetrees-residence .content{width:87%;margin:0 auto;}
.mobile-residences-content .residences-img h2{bottom:40px;position:absolute;left:48px;line-height:32px;color:#fff;font-size:32px;}
.floorplan-content h2,
.about-content h2,
.gallery-content h2,
.the-trees-content h2,
.desktop-thetrees-residence h2,
.location-content h2{font-size:32px;line-height:32px;}
.floorplan-content h2{padding:0 0 20px 0;}
.about-content h2{padding:0 0 22px;}
.gallery-content h2,
.the-trees-content h2,
.location-content h2,
.videos .wrapper h2,
.residences-content{padding:50px 0 22px 0;}
.testimonial-block .wrap-block p{font-size:24px;}
.testimonial-block .wrap-block p{text-align:center;}
.testimonial-block .wrap-block{width:88%;margin:0 auto;padding:35px 0;}
.floorplan-content{width:88%;padding:31px 0 14px 0;}
.residence-tab-container,
.residence-panel-container{display:none;}
.content-form{background:#fff;}
.mobile-thetrees-residence .residences-img{width:100%;height:470px;margin-bottom:26px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mobile-thetrees-residence{position:relative;}
.mobile-thetrees-residence .content h2{top:62%;position:absolute;left:48px;color:#fff;font-size:32px;}
.mobile-thetrees-residence .content h2 + p{padding-top:10px;}
.mobile-thetrees-sliders .commercial h2,
.mobile-thetrees-sliders .hospitality h2,
.mobile-thetrees-sliders .imagine-studio h2{padding:15px 0 15px 6%;font-family:"ProximaNova-300", Arial, sans-serif;font-size:32px;color:#3d3d3d;white-space:nowrap;word-break:break-word;border-top:1px solid lightgrey;border-bottom:1px solid lightgrey;}
.mobile-thetrees-sliders .commercial img{width:100%;height:auto;}
.mobile-thetrees-sliders .slides li p{margin-bottom:26px;font-family:"ProximaNova-300", Arial, sans-serif;font-size:16px;line-height:28px;color:#3d3d3d;}
.mobile-thetrees-sliders .slides .slider-info{width:66%;margin:25% auto;}
.video,
.then,
.now{height:auto;position:static;}
.then,
.now{width:50% !important;}
.see-more-section.about{margin:0;display:block;position:relative;left:0;top:0;}
.see-more-section.about a{padding:10px 0;margin:0;font-size:20px;line-height:normal;}
.see-more-section .see-more{width:100%;height:auto;margin-top:0!important;margin-left:0;display:block;position:static;color:#000;}
.content-wrapper .see-more-section.about .control{color:#040404;}
.see-more-section.about .control.active{color:#0084ff;}
.content-wrapper .now{border-left:1px solid #ebebeb;}
.content-wrapper .see-more-section{padding:0;}
.content-wrapper .see-more-section > a.see-more{font-family:'ProximaNova-300', Arial, sans-serif;font-size:18px;}
.control,
.see-more-section.about .down-arrow,
#about-video-bg,
#about-video-bg2{display:none;}
.about-slider.flexslider .caption{width:75%;}
.about-slider .caption h2{font-size:60px;}
.page-template-location .content-wrapper .then,
.page-template-location .content-wrapper .now,
.map,
.map-checkbox,
.masterplan-wrapper,
.hot-spot1,
.hot-spot2,
.hot-spot3,
.hot-spot4,
.hot-spot5{display:none;}
.transport-slider .flex-nav-prev{margin-left:0;}
.mobile-map-content h2,
.map-content-wrap{display:none;}
.mobile-map-content{position:relative;border-bottom:1px solid #ebebeb;padding:0 0 40px;}
.mobile-map-content p{padding:29px 0 0 5.5%;}
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:12px 21px 10px;}
.mobile-thetrees-residence .content p > a{padding:6px 21px 3px;}
#videos-slider{margin:0 0 -6px 0;}
.mobile-masterplan,
.mobile-location-map,
.mobile-map-container{display:block;}
.mobile-map{display:block;position:relative;}
.mobile-map h2{position:absolute;bottom:0;color:#fff;font-size:30px;text-transform:capitalize;padding:0 5.5% 5.5%;z-index:10;}
.mobile-map img{max-width:100%;height:auto;}
.map-overlay{position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, .5);top:0;left:0;}
.commercial-content > div,
.nri-content > div{width:89%;margin:0 auto;}
.commercial-content,
.nri-content{margin:0;padding:80px 0 45px;}
.nri-content{padding:55px 0 50px;}
.commercial-content,
.nri-form-container,
.commercial-form-container,
.nri-content{width:100%;float:none;}
.info-page .commercial-form-container > form{top:75px;left:115px;}
#converter-container{top:86px;left:115px;}
.commercial-form-container,
.nri-form-container{height:460px;}
.about-us-img .caption h2{padding:0 20px;}
.caption p,
.caption h2{padding:6px 40px 0 11.5%;}
.mobile-home-our-partners .hover-info{position:relative;width:100%;height:auto !important;display:inline-block;opacity:1;}
.mobile-home-our-partners h3 + p{width:100%;max-width:227px;padding:10px 0 0 3%;color:#3d3d3d;background:none;display:inline-block;text-align:left;font-size:14px;font-family:"ProximaNova-300", Arial, sans-serif;}
.mobile-home-our-partners .partners-post h3{display:inline-block;margin-bottom:0;color:#3d3d3d;font-size:18px;font-family:"ProximaNova-300", Arial, sans-serif;padding:9px 0 0 6px;}
.mobile-home-our-partners .partners-post li:first-child{margin-left:0;}
.home-our-partners{display:none;}
.release-blog .wrapper{max-width:1000px;}
.media-page{margin:81px 0 0 0;}
.addthis_sharing_toolbox{margin:3px 0 0 1%;}
.more-posts{padding:10px 0 9px 0;}
.wrap-url-sharethis p > a{padding:9px 12px 7px;}
.blog-content{width:86%;}
.wrap-url-sharethis{width:85%;}
.blog-date > span:first-child:hover,
.blog-title p > a:hover{text-decoration:none;}
.blog-info{width:302px;max-width:302px;margin-bottom:56px;}
.release-blog .wrapper{width:75%;max-width:1000px;}
.media-page .searchbox{top:0;width:15%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-underline{width:79%;}
.media-moblie-hide{display:none !important;}
.big-txt {font-size: 50px }
}
@media only screen and (min-width:320px) and (max-width:640px) and (orientation:portrait){header,
.background-video,
.form-wrapper{position:static;}
.menu-primary-navigation-container li a{padding:0;}
.slide3{padding:0;}
.header-img-overlay{padding:0;}
#hero-video{visibility:hidden;}
.background-video{position:static;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#menu-primary-navigation li{padding:12px 3%;}
.form-wrapper{margin:0;position:absolute;top:0;top:60px;}
span#menu-nav-toggle{padding:0;}
h1.logo img{width:100%;height:auto;}
.godrej{padding:0;margin:0;}
.menu-primary-navigation-container{top:109px;z-index:1;}
.header-img-overlay h2{font-size:35px;line-height:40px;}
.header-img-overlay h3{font-size:17px;padding:8px 7px;}
form{width:85%;padding:50px 4%;}
.error-message{padding:2px 0 0 10px;}
.content-form form div{width:100%;}
form select{width:96%;padding:0 0 0 7px;}
.requirements > select{padding:0 0 0px 5px;}
.mac .requirements > select,
.mac .select-wrap select{padding:0 0 0px 8px;}
form .requirements > select,
form input[type= "submit"]{width:100%;}
.select-wrap select{width:100%;background:url(../images/arrow-down.png) no-repeat #fff 96% center;}
.select-requirements{background:url(../images/arrow-down.png) no-repeat #fff 95.5% center;}
.error-message{font-size:13px;}
.about-info,
.about-image{width:100%;display:block;}
.about-info > .content{width:86%;padding:30px 0 22px;}
.content-wrapper h2{margin:10px 0 15px;}
form div:nth-of-type(odd) input,
form div:nth-of-type(even) input{width:100%;padding:0px 0 1px 8px;}
.flexslider.gallery .flex-control-paging li a{width:12px;height:12px;}
.flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a{width:32px;height:50px;}
.flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a{right:19px;top:45%;}
.flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-prev a{left:23px;top:45%;}
.contacts{width:90%;}
.contacts .col{width:100%;}
footer{padding:25px 0;}
.contacts h3{font-size:25px;line-height:28px;}
.menu-footer-social-menu-container,
footer nav ul{margin:0;}
.menu-footer-social-menu-container ul li{margin-left:15px;}
.bottom-section,
.floorpan-wrapper{display:none;}
.big-txt {font-size: 30px }
}
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape){#hero-video{visibility:hidden;}
.godrej{padding:0;margin:0;}
.menu-primary-navigation-container{top:104px;z-index:1;}
.menu-primary-navigation-container li a{padding:0;}
.form-wrapper{margin:0;position:absolute;top:36px;}
.background-video{position:static;height:580px;}
.slide3{padding:0 0 35px 0;}
.header-img-overlay h2{font-size:35px;line-height:40px;}
.header-img-overlay h3{font-size:17px;padding:0 7px;}
.content-form form div{width:100%;}
form select,
form .select-requirements{padding:0 0 0 8px;}
form{width:85%;padding:33px 3% 33px 6%;}
form select,
form .requirements > select,
form input[type= "submit"]{width:96.3%;}
.select-wrap select,
.select-requirements{background:url(../images/arrow-down.png) no-repeat #fff 96% center;}
.error-message{padding:2px 0 0 9px;font-size:13px;}
.slide2{display:none;}
.contacts h3{font-size:25px;line-height:28px;}
.content-wrapper h2{margin:10px 0 18px;}
footer{padding:25px 0;}
.contacts{width:90%;}
.contacts .col{width:100%;}
.contacts .col div{padding:0;}
.contacts .col .row3{padding:17px 0 53px 0;}
.menu-footer-social-menu-container{margin:0;}
.contacts .col .row2{padding-bottom:12px;}
.menu-footer-social-menu-container ul li{margin-left:15px;}
.bottom-section{display:none;}
.info-page .commercial-form-container > form,
#converter-container{left:35px;}
#convert-it, #value-to-convert{width:58.5%;}
.white_content{width:70%;height:60%;left:15%;}
.close{right:52px;}
.mobile-thetrees-residence .content h2{left:40px;}
.close{right:54px;}
.cust-flex-next{right:70px;}
.flexslider.transport-wrapper .slides li img{max-width:35% !important;}
}
@media only screen and (max-width:800px){#menu-primary-navigation li#menu-item-525{display:none;}
}
@media only screen and (max-width:767px){header{border-bottom:1px solid lightgrey;}
.close{right:6%;top:44px;}
.home .main{margin-top:0;}
.gallery .tab-container{padding:20px 0 16px;}
.tab-container .etabs .tab{margin:0;}
.tab-container .etabs{margin:0 auto;text-align:center;}
.tab-container .etabs .tab:first-child{padding-left:0;}
.tab-container .etabs li a{border:none;}
.cust-prev,
.cust-next{margin-top:-10px;top:50%;}
.main{margin:0;}
.residences-content{padding-top:30px;}
header,
.caption{position:relative;}
.home-our-partners{display:none;}
.mobile-home-our-partners{display:block;}
.mobile-home-our-partners .partners-post h3{width:100%;max-width:227px;text-align:left;}
.mobile-home-our-partners .partners-post{text-align:center;}
.mobile-home-our-partners .partners-post li img{max-width:100%;width:auto;}
.mobile-home-our-partners .partners-post li{width:auto;display:block;margin:0 auto;}
.mobile-home-our-partners .partners-post li:nth-of-type(2n){margin-left:auto;}
.mobile-home-our-partners .partners-post li:nth-of-type(2n+1){margin-left:auto;}
.mobile-home-our-partners h3 + p{padding:10px 0 45px 3%;}
.header-img-overlay h2{font-size:35px;}
.cust-flex-next,
.cust-flex-prev{width:20px;height:20px;margin-top:-10px;}
.cust-flex-prev{left:10px;}
.wbf-footer{text-align:center;}
.wbf-footer > div{float:none !important;margin-bottom:10px;}
.wbf-poweredby{width:auto;height:auto;margin:0;float:unset;clear:both;}
.wbf-poweredby img{margin:auto;display:block;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.cust-flex-prev > a{background:url(../images/left.png) no-repeat center center;background-size:contain;}
.cust-flex-next > a{background:url(../images/right.png) no-repeat center center;background-size:contain;}
.contacts h3{font-size:30px;line-height:30px;}
.content-wrapper h2,
.thankyou-page .wrapper h2,
.commercial-content h2,
.nri-content h2{font-size:32px;line-height:32px;}
.caption{padding:15px 0;background:rgba(0, 0 ,0 , .60);}
.about-us-img .caption{background:rgba(204, 204, 204, 0.2);}
.caption p,
.caption h2{font-size:14px;line-height:18px;color:#fff;}
.mac #menu-primary-navigation li,
.android #menu-primary-navigation li{padding:14px 0 11px 5%;width:95%;}
.android .select-wrap select,
.android form .requirements > select{padding:3px 0 1px 4px;}
.error404 .error-page h2{font-size:32px;line-height:32px;}
.error404 .error-page p{padding:10px 0 5px 0;}
.error404 .page-not-found .wrapper{width:81%;padding:30px 0;}
.testimonial-block .wrap-block p + p{font-size:16px;line-height:28px;text-align:center;}
.testimonial-block .wrap-block{width:74%;}
.mobile-thetrees-sliders .slides .slider-info{width:66%;margin:2% auto;}
.mobile-thetrees-sliders .slides li p{margin-bottom:10px;}
.about-info > .content{width:86%;padding:30px 0 22px;}
.about-us .about-content h2,
.videos .wrapper h2{padding:0 0 18px 0;}
.about-us .wrapper{width:84%;margin:40px auto 50px;}
.the-trees .wrapper{margin:14px auto 50px;}
.mobile-thetrees-sliders .commercial h2,
.mobile-thetrees-sliders .hospitality h2,
.mobile-thetrees-sliders .imagine-studio h2{white-space:normal;padding-right:19px;}
.videos .wrapper{margin:32px auto 0;}
.gallery .wrapper{margin:14px auto 35px;}
.about-content h2,
.gallery-content h2,
.the-trees-content h2,
.location-content h2,
.residences-content{padding:32px 0 22px 0;}
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:12px 21px 10px;}
.mobile-thetrees-residence .content p > a{padding:6px 21px 3px;}
.header-chatlinks{right:15px;display:inline-block;width:32px;}
.media-page{margin:0;padding:0 0 20px;}
.filter{width:100%;text-align:left;}
.filter select:nth-of-type(odd){padding:0;}
.filter .select:nth-of-type(odd){margin-right:0px;}
.filter .select{width:108px;}
.select .year + .styledSelect{background:none;padding:2px 0 0 12px;}
.styledSelect{background:none;padding:2px 8px 0 12px;}
.filter .styledSelect.active,
.filter .styledSelect.active-color,
.filter .styledSelect:hover{background:none;}
.release-blog .wrapper{padding:50px 0 10px 0;}
.blog-info{max-width:605px;width:100%;margin-bottom:30px;}
.blog-content{width:84%;}
.blog-title{width:74%;}
.options{top:58px;}
.filter .select + .select{width:82px;}
.addthis_sharing_toolbox .at-svc-facebook{width:26px;height:27px;display:inline-block;background:url(../images/fb.png) no-repeat;background-size:cover;text-indent:-9999px;cursor:pointer;}
.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{margin:0 3px;}
.addthis_sharing_toolbox{width:auto;margin:3px 0 0 36.5%;}
.wrap-url-sharethis{width:84%;}
.filter{text-align:left;}
.filter{width:67%;}
.media-page .searchbox-icon{background:url(../images/search_icon_responsiv.png) no-repeat 0 center;}
.media-page .searchbox-white-icon{left:20px;background:url(../images/white_small_search.png) no-repeat 0 center;}
.media-page .searchbox{top:0;width:12%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-input{padding:0 0 0 50px;}
.media-page .searchbox-underline{width:81%;top:39px;left:50px;}
.media-moblie-hide{display:none !important;}
footer{padding:36px 0 30px;}
.contacts .col:first-child,
.contacts .col:last-of-type{width:100%;}
.contacts h3{font-size:28px;line-height:28px;margin-bottom:11px;}
.contact-number p:nth-child(even){margin:0 0 10px;}
.contacts .col{width:100%;max-width:372px;}
footer .copyrights{margin-top:38px;}
.copyrights .wrapper{padding:32px 0 0;width:92%;}
.copyrights .menu li{padding:0 14px;}
}
@media only screen and (max-width:667px){#menu-primary-navigation li{width:95%;padding:14px 0% 11px 5%;}
.close{right:50px;}
.hide-floorplan{display:block;}
.android #lead-form-submit{padding-top:10px;}
.android .header-img-overlay h3{margin-top:1px;}
.error-message{font-size:13px;padding:2px 0 0 10px;}
.android::-webkit-input-placeholder{line-height:21px;}
.thankyou-page .wrapper{width:80%;}
.thankyou-page .wrapper h2 + p{padding-bottom:10px;}
.mobile-residences-content .residences-img h2{left:36px;}
.testimonial-block .wrap-block p{font-size:16px;line-height:28px;text-align:center;}
.testimonial-block .wrap-block{width:74%;}
.about-slider .caption p{padding-left:15px;}
.about-slider .caption h2{padding-right:20px;font-size:24px;}
.about-slider .caption p{font-size:12px;line-height:13px;}
.about-slider .flex-direction-nav li{width:11px;height:18px;}
.about-slider .flex-control-nav li{width:35px;margin-left:15px;}
.about-slider .flex-direction-nav li.flex-nav-prev{margin-left:15px;}
.about-slider .flex-direction-nav li.flex-nav-next{margin-right:15px;}
.about-slider .flex-direction-nav a.flex-next,
.about-slider .flex-direction-nav a.flex-prev{background-size:contain;}
.about-slider .flex-direction-nav{margin-top:-9px;}
.about-slider .img-wrapper{width:100%;max-width:300px;padding:10px 10px 35px 10px;}
.about-slider .caption h2{border-width:2px;}
.about-slider .flex-control-nav{padding:25px 0;}
.about-slider.flexslider .caption{max-width:300px;padding:20px 0;}
.about-slider .flex-control-nav li p{padding-top:5px;font-size:15px;}
.about-slider .flex-control-nav li a{width:15px;height:15px;background-size:contain;}
.about-us-img .caption h2{padding:5px 18px 0;color:#fff;}
.about-us-img .caption{padding:9px 5% 12px;background:rgba(0, 0 ,0 , .60);position:static;}
.cust-flex-next{right:25px;}
.flexslider.transport-wrapper .slides li img{max-width:35% !important;max-width:60% !important;}
.cust-flex-prev{left:20px;}
.caption p,
.caption h2{width:73%;padding:4px 57px 0;}
#videos-slider iframe{height:328px;}
.page-template-location .main{margin:15px 0 0;}
.header-chatlinks{top:79px !important;right:15px;display:inline-block;width:32px;}
.media-page{margin:0;padding:0 0 20px;}
.filter select:nth-of-type(odd){padding:0;}
.filter .select:nth-of-type(odd){margin-right:0;}
.release-blog .wrapper{padding:50px 0 10px 0;}
.blog-info{max-width:510px;width:100%;margin-bottom:30px;}
.blog-info .article{margin:0 0 -3px 20px;}
.blog-date > span{vertical-align:bottom;}
.blog-content{width:84%;}
.blog-title{width:74%;}
body .addthis_sharing_toolbox .at-svc-email,
body .addthis_sharing_toolbox .at-svc-google_plusone_share,
body .addthis_sharing_toolbox .at-svc-twitter,
body .addthis_sharing_toolbox .at-svc-linkedin,
body .addthis_sharing_toolbox .at-svc-facebook{width:30px !important;height:31px !important;}
.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{margin:0 3px;}
.addthis_sharing_toolbox{width:auto;margin:6px 0 0 0;}
.wrap-url-sharethis{width:84%;}
.more-posts{padding:10px 0 8px 0;}
.filter{width:67%;margin:0;text-align:left;}
.media-page .searchbox-icon{background:url(../images/search_icon_responsiv.png) no-repeat 0 center;}
.media-page .searchbox-white-icon{left:20px;}
.media-page .searchbox{top:0;width:16%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-input{padding:0 0 0 50px;}
.media-page .searchbox-underline{width:78%;left:50px;}
.media-moblie-hide{display:none !important;}
}
@media only screen and (min-width:568px) and (max-width:1024px){.header-chatlinks{top:-4px !important;right:90px !important;padding:30px 0 0 !important;}
.op .residences-content {padding-top: 40px}
.op.content-wrapper h2 {font-size: 32px; margin-bottom: 0;}
}
@media only screen and (max-width:414px){.header-chatlinks{right:10px;display:inline-block;width:32px;}
.media-page{margin:0;padding:0 0 20px;}
.filter select:nth-of-type(odd){padding:0;}
.styledSelect{background:none;}
.release-blog .wrapper{width:100% !important;padding:0;margin:0 auto;}
.blog-info{width:100% !important;border:none;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;margin-bottom:30px;padding-bottom:30px;}
.blog-img{width:100%;margin:0 auto;}
.blog-title{width:74%;}
.addthis_sharing_toolbox .at-svc-email,
.addthis_sharing_toolbox .at-svc-google_plusone_share,
.addthis_sharing_toolbox .at-svc-twitter,
.addthis_sharing_toolbox .at-svc-linkedin,
.addthis_sharing_toolbox .at-svc-facebook{width:30px;height:31px;}
.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{margin:0 3px;}
.addthis_sharing_toolbox{width:auto;margin:3px 0 0 26%;}
.wrap-url-sharethis{margin:0 auto;}
.loadmore-wrapper{margin:0 auto;padding:0 0 30px;}
.filter{width:67%;text-align:left;margin:0;}
.media-page .searchbox-white-icon{left:14px;}
.media-page .searchbox{top:0;width:20%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-input{padding:0 0 0 42px;}
.wrap-search-filter{border-bottom:none;}
.media-page .searchbox-underline{width:74%;left:44px;}
}
@media only screen and (max-width:384px){.form-wrapper{top:41px;}
.hide-floorplan{display:block;}
.close{right:0px;top:145px;background-size:contain;width:30px;height:30px;}
.white_content{height:27.2%;width:89.2%;left:5.5%;top:175px;}
h1.logo{width:34%;}
.godrej-logo-mob img,
h1.logo img{width:100%;height:auto;}
.godrej-logo-mob{width:43%;}
#menu-nav-toggle{margin:0;}
.android form div:nth-of-type(odd) input,
.android form div:nth-of-type(even) input{width:100%;padding:0px 0 1px 8px;}
.header-img-overlay h3{margin:5px 0;}
.android .header-img-overlay h3{font-size:17px;padding:8px 7px;}
.thankyou-page .wrapper h2 + p{padding-bottom:20px;}
.cust-prev{display:inline-block;position:absolute;top:34px;left:13px;}
.cust-next{display:inline-block;position:absolute;top:34px;right:13px;}
.tab-container .etabs li a{font-size:16px;border-left:none;border-right:none;padding:0 20px;}
.tab-container .etabs .tab{padding:0;}
.tab-container{position:relative;border-bottom:1px solid lightgrey;border-top:1px solid lightgrey;padding:0;}
.tab-container .etabs li:first-child a{padding:0 20px;border-right:none;}
.tab-container .etabs li a.godrej3{padding:0 20px;border-right:none;}
.tab-container .etabs{width:73%;margin:0 auto;}
.cust-prev > a,
.cust-next > a{width:26px;height:auto;display:block;background:url('../images/left.png') no-repeat center center;background-size:contain;text-indent:-9999px;}
.cust-next > a:hover,
.cust-prev > a:hover{opacity:1;}
.cust-next > a{background:url('../images/right.png') no-repeat center center;background-size:contain;}
.mobile-residences-content .residences-img h2{left:22px;bottom:28px;}
.testimonial-block .wrap-block p{font-size:16px;line-height:28px;}
.testimonial-block .wrap-block{width:74%;}
.mobile-thetrees-residence .residences-img{height:226px;}
.mobile-thetrees-residence .content h2{top:33%;left:27px;}
.mobile-thetrees-sliders .slides li p{margin-bottom:10px;}
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a,
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next a,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next a{width:14px;height:23px;}
.mobile-thetrees-sliders .slides .slider-info{width:66%;margin:1% auto;}
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next{right:14px;top:59%;}
.the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev{left:19px;top:59%;}
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next,
.the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev{top:66%;}
.header-chatlinks{right:0;}
.gallery-content h2,
.the-trees-content h2,
.location-content h2{padding:25px 0 18px 0;}
.commercial-form-container form,
.info-page .commercial-form-container > form,
#converter-container{width:85%;left:7%;top:55px;}
.info-page .error,
.nri-form-container .error,
#currency_converter_result{margin:2px 12% 0 0;}
.info-page form > div, #converter-container > div{margin:0 0 12px;}
.commercial-form-container,
.nri-form-container{height:520px;}
.info-page form label, .nri-info-container form label{margin:0 0 0 4px;}
.commercial-form-container > form input[type= "submit"],
#convert-it{margin:11px 0 0 0;}
#convert-it, #value-to-convert{width:97.5%;}
.android .info-page .commercial-form-container > form,
.android #converter-container{left:26px;}
.info-page .error{margin:2px 9% 0 0;}
.android .nri-form-container .error{margin:2px 6.5% 0 0;}
.android #currency_converter_result{margin:2px 3% 0 0;}
.android .commercial-form-container > form input[type= "submit"]{padding:8px;}
.about-info > .content{width:86%;padding:30px 0 22px;}
.about-us .about-content h2,
.videos .wrapper h2{padding:0 0 18px 0;}
.about-us .wrapper{width:84%;margin:40px auto 50px;}
.the-trees .wrapper{margin:14px auto 50px;}
.mobile-thetrees-sliders .commercial h2,
.mobile-thetrees-sliders .hospitality h2,
.mobile-thetrees-sliders .imagine-studio h2{white-space:normal;padding-right:19px;}
.videos .wrapper{margin:32px auto 0;margin:20px auto 0;padding-bottom:10px;}
.gallery .wrapper{margin:14px auto 35px;}
.about-content h2{padding:32px 0 22px 0;}
.gallery-content h2{padding:12px 0 22px 0;}
.about-us-img .caption h2{padding:5px 18px 0;color:#fff;}
.about-us-img .caption{padding:9px 5% 12px;background:rgba(0, 0 ,0 , .60);position:static;}
.cust-flex-next{right:16px;}
.flexslider.transport-wrapper .slides li img{max-width:50% !important;max-width:60% !important;}
.caption p,
.caption h2{padding:4px 46px 0;}
.cust-flex-prev{left:12px;}
#videos-slider iframe{height:328px;}
.header-chatlinks{right:10px;display:inline-block;width:32px;top:60px !important;}
.media-page{margin:0;padding:0 0 20px;}
.filter select:nth-of-type(odd){padding:0;}
.release-blog .wrapper{width:100% !important;padding:0;margin:0 auto;}
.blog-info{width:100% !important;margin-bottom:60px;}
.blog-img{width:100%;margin:0 auto;}
.blog-title{padding-right:2%;}
.addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{margin:0 3px;}
.addthis_sharing_toolbox{width:auto;margin:3px 0 0 17%;}
.wrap-url-sharethis{margin:0 auto;}
.wrap-url-sharethis p > a{padding:11px 12px 8px;}
.blog-info .pdf{vertical-align:top;margin-bottom:2px;}
.blog-date > span{vertical-align:bottom;}
.loadmore-wrapper{margin:35px auto 0;}
.filter{text-align:left;}
.filter{width:67%;}
.media-page .searchbox-white-icon{left:9px;}
.media-page .searchbox{top:0;width:22%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-input{padding:0 0 0 38px;}
.media-page .searchbox-underline{width:70%;top:35px;left:38px;}
.page-template-location .main{margin:-1px 0 0;}
.gallery .tab-container{padding:20px 0 18px;}
.mobile-map-content p > a,
.mobile-home-residence-content p > a{padding:12px 21px 10px;}
.mobile-thetrees-residence .content p > a{padding:6px 21px 3px;}
.media-moblie-hide{display:none !important;}
}
@media only screen and (max-width:320px){.about-slider .img-wrapper{max-width:250px;}
.about-slider.flexslider .caption{max-width:250px;}
.mobile-residences-content .residences-img h2{left:21px;font-size:32px;}
.mobile-thetrees-residence .content h2{top:39%;left:20px;}
.gallery-content h2,
.the-trees-content h2,
.location-content h2{padding:25px 0 18px 0;}
.commercial-form-container form{width:99%;left:0;top:35px;}
.info-page .error{width:181px;}
.nri-form-container .error{width:178px;}
#currency_converter_result{width:175px;}
.info-page form > div, #converter-container > div{margin:0 0 12px;}
.commercial-form-container,
.nri-form-container{height:520px;}
.info-page .commercial-form-container > form{top:55px;left:22px;}
#converter-container{left:18px;}
#convert-it,
#value-to-convert{width:98.5%;}
#value-to-convert{padding:0 0 0 12px;}
.header-chatlinks{right:10px;top:55px!important;display:inline-block;width:32px;}
.media-page{margin:0;padding:0 0 20px;}
.filter{text-align:left;}
.filter{width:67%;}
.media-page .searchbox-white-icon{left:9px;}
.media-page .searchbox{top:0;width:24%;max-width:100%;}
.media-page .searchbox-open{width:100%;}
.media-page .searchbox-underline{width:68%;top:35px;left:38px;}
.filter select:nth-of-type(odd){padding:0;}
.more-posts{padding:10px 0 9px 0;}
.release-blog .wrapper{max-width:320px;padding:0;margin:-1px auto 0;}
.blog-info{border:none;margin-bottom:60px;}
.blog-img{width:100%;margin:0 auto;}
.addthis_sharing_toolbox{margin:9px 0 0 0;}
.wrap-url-sharethis{margin:0 auto;}
.media-page .searchbox-input{padding:0 0 0 37px;}
.loadmore-wrapper{margin:35px auto 0;}
.media-moblie-hide > a{display:none !important;}
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.home-residence-info,
.home-masterplan,
.home-studio{height:440px;}
}
.floorplan-content,
.residence-page .tab-container,
.residence-panel-container{display:none;}
a.back-to-top{display:none;width:50px;height:50px;text-indent:-9999px;position:fixed;z-index:999;right:10px;bottom:20px;background:url("../images/top-but.png") no-repeat center center;background-size:cover;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;transition:all ease 0.2s;-moz-transition:all ease 0.2s;-webkit-transition:all ease 0.2s;}
a:hover.back-to-top{margin-bottom:6px}
.filter{display:none !important}


#disc-bg
 {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: block
}
#disc-bg .content {
    width: 50%;
    background: #fff;
    height: auto;
    color: #434343;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 5px;
    right: 0;
    margin: 0 auto;
    padding: 2%;
   font-size: 13px;
   font-family: Arial; text-align: center;
  
}
#disc-bg .content p {
   text-align: justify
}
.agree-popup {   
    cursor: pointer;
    background: #3397d1;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff; text-decoration: none; display: inline-block;
    margin-top: 15px;
}
#disc-bg .content h2 {
    font-size: 23px;
    margin-bottom: 20px;
    display: block;color: #3397d1;
    font-weight: bold
}
#disc-bg .content-view {
    height: 500px;
    overflow-y: scroll;
}

@media screen and (max-width: 800px) {
    #disc-bg .content {width: 90%;}
    .content-view{ max-height: 270px; overflow: auto}
}
@media screen and (max-width: 1370px) {
.contacts .col{max-width:255px;margin:0 3%;display:inline-block;text-align:left;vertical-align:top;}
}




/*dev media query style.css start*/
        /* -----------------------------  Media page ---------------------------------*/
        @media only screen and (min-width: 1200px) {

          .media-page .options {
           height: 225px;
           border: 0;
           display: none;
           background: transparent;
           overflow-x: hidden;
         }
       }
       .blog-info {
        font-size: 14px;
        font-family : "ProximaNova-300", Arial, sans-serif;
        line-height: 24px;
      }

      .filter-msg-wrapper { padding-bottom: 67px; }

      .blog-content li {
        display: list-item;
        font-size: 14px;
        font-family : "ProximaNova-300", Arial, sans-serif;
        line-height: 24px;
        list-style-position: inside;
        color : #3d3d3d;
      }

      .media-page {
        background: #fff;
        margin: 40px 0 0 0;
        /*  padding: 0 0 71px; Uncomment this code when load more is added */
      }

      .release-blog .wrapper {
        width: 86%;
        max-width: 1160px;
        margin: 0 auto 0;
        padding: 60px 0 10px 0;
      }

      .release-blog .wrapper.CSSPadding { padding: 0; }

      .blog-info[class=".jan.2016"]:last-child { background: red; }

      .blog-info {
        width: 30%;
        max-width: 340px;
        margin: 0 0 70px 0;
        display: inline-block;
        vertical-align: top;
        border: 1px solid lightgrey;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .blog-info .initLoad { margin-left: 3%; }

    /*.blog-info:nth-last-child(-n+3) {
      margin-bottom: 0;
      }*/

      /*.blog-info:nth-of-type(even) { margin-left: 5.5%; }*/

      .wrap-search-filter {
        width: 100%;
        position: relative;
        display: none;
        border-bottom: 1.5px solid lightgrey;
      }

      .wrap-search-filter .wrapper { position: relative; }

      .wrap-search-filter.removeBorder {
        border-bottom: 1.5px solid lightgrey;
      }
      .filter {
        width:100%;
        display: inline-block;
        text-align: center;
      }

      .s-hidden {
        visibility:hidden;
        padding-right:10px;
      }

      .currentSelector {
        padding: 21px 18px 18px 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        text-transform: uppercase;
        opacity: 0;
        z-index: -1;
      }

      .filter .select {
        display:inline-block;
        position:relative;
        font-family: "ProximaNova-300", Arial, sans-serif;
        font-size: 15px;
        line-height: 18px;
        color: #3d3d3d;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        outline: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        width: 120px;
        text-align: left;
      }

      .filter .select + .select:before {
        border-left: 2px solid lightgrey;
        height: 19px;
        content: '';
        position: absolute;
        left: -18px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        z-index: 1;
      }

      .filter .select:nth-of-type(odd){
        border-left: none;
        margin-right: 16px;
      }

      .blog-info.hide { display: none; }

      .styledSelect {
        height: 20px;
        padding: 21px 22px 18px 0;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
      }
      .styledSelect:after {
        content:"";
        width:0;
        height:0;
        position:absolute;
        top:9px;
        right:6px;
      }
      .styledSelect:active, .styledSelect.active,
      .active-color {
        background-color:#fff;
        color: #0084ff;
      }

      .styledSelect:hover { cursor: pointer;  }

      .styledSelect {
        background: url(../images/arrow-down.png) no-repeat right center;
        text-transform: uppercase;
      }

      .options {
        display:none;
        width: 131px;
        position: absolute;
        top: 61px;
        right: 0;
        bottom: 0;
        left: -14px;
        z-index: 9;
        margin:0 0;
        padding:0 0;
        list-style:none;
        background-color:#fff;
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
      }
      .options li {
        display: block;
        background: #fff;
        margin: 0;
        padding: 13px 15px;
        text-transform: uppercase;
        text-align: left;
        width: 88px;
        border-right: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        cursor: pointer;
      }
      .options li:hover,
      .filter .styledSelect:hover {
        color: #0084ff;
      }

      .filter .styledSelect.active,
      .filter .styledSelect.active-color,
      .filter .styledSelect:hover {
        background: url(../images/arrow-down-hover.png) no-repeat right center;
      }


      .filter select:nth-of-type(odd) { padding: 0 38px 0 0; }

      .filter .select + .select {
        width: 103px;
        margin: 0px 0 0 17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .select .year + .styledSelect {
        width: 55px;
        padding: 21px 22px 18px 0;
      }

      .select .year + .styledSelect + ul { left: -18px; }

      .filter select:first-child {
        border-left: none;
        margin: 0 0 0 0;
      }

      .filter select:first-child:hover { cursor: pointer; }

      .filter select { height: 60px; }

      .filter { display: inline-block; }

      .filter select:hover { color: #0084ff; }

      .search {
        width: 5%;
        display: inline-block;
        vertical-align: top;
      }

    /*.media-page .searchbox-icon {
      height: 25px;
      width: 25px;
      margin: -3px 0 0 0;
      display: inline-block;
      background: url(../images/page_search_icon.png) no-repeat ;
      }*/

      .searchbox {
        position: absolute;
        top: 0px;
        right: 0;
        display: inline-block;
        width: 58px;
        height: 60px;
        overflow:hidden;
        padding: 0;
        margin: 0;
        background: none;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
      }

      .searchbox form {
        padding: 0;
        width: 58px;
        height: 60px;
        position:absolute;
        top: 0;
        left: 0;
        background: #373535;
        z-index: -1;
      }

      .searchbox-input {
        width: 100%;
        max-width: 100%;
        padding: 0 0 0 70px;
        text-align: left;
        color: #fff;
        height: 60px;
        font-size: 16px !important;
        border: 0;
        outline: none;
        background: #373535;
        margin: 0;
        font-family: "ProximaNova-300", Arial, sans-serif;
        font-size: 14px;
        -webkit-border-radius:0;
        border-radius:0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        z-index: 2;
      }
      #txtSearch::-webkit-search-cancel-button { display: none; }
    /*
    .media-page {
      -webkit-transition: margin .3s;
      -moz-transition: margin .3s;
      -ms-transition: margin .3s ;
      -o-transition: margin .3s ;
      transition: margin .3s ;
      } */

      .show { display: block!important ; }

/*   #filter-post-content,
{
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  -ms-transition: left .3s ;
  -o-transition: left .3s ;
  transition: left .3s ;
  } */

  .searchbox-input.showsearchboxinput { opacity: 0; }

  .searchbox-input input[type="search"]::-webkit-search-decoration,
  .searchbox-input input[type="search"]::-webkit-search-cancel-button,
  .searchbox-input input[type="search"]::-webkit-search-results-button,
  .searchbox-input input[type="search"]::-webkit-search-results-decoration {
    display: none;
  }

  .searchbox form.open {
    width:100%;
    max-width: 100%;
    z-index: 5;
  }

  .searchbox .searchbox-submit { display: none; }

  .searchbox-open{ width:100%; }

  .searchbox-icon {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 2;
  }

  /*.media-page .searchbox-input::-webkit-input-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input:-moz-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input::-moz-placeholder {
  color: #d74b4b;
}
.media-page .searchbox-input:-ms-input-placeholder {
  color: #d74b4b;
  }*/

  .searchbox-icon {
    font-size: 0;
    display:block;
    position:absolute;
    top:0;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    cursor:pointer;
    background: url(../images/page_search_icon.png) no-repeat 0 center;
    z-index: 6;
  }

  .searchbox-white-icon {
    width: 58px;
    height: 60px;
    font-size: 0;
    display:block;
    position:absolute;
    top: 1px;
    left: 12px;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    cursor:pointer;
    background: url(../images/search-copy-white.png) no-repeat center center;
    z-index: 6;
  }

  .searchbox form,
  .searchbox .searchbox-input { display: none; }

  .searchbox form.open { display: block; }

  .searchbox .open .searchbox-input { display: inline-block; }

  /*hilight {
    background-color: yellow;
    font-weight: bold;
    }*/

    /*.blog-info:nth-of-type(odd) { margin-left: 0; }

    .blog-info:nth-of-type(even) { margin-left: 9%; }*/
    /*
    .blog-info:nth-child(3n+1) { margin-left: 0; }*/

    .blog-title{
      width: 90%;
      margin: 0 auto;
    }

    .blog-content {
      width: 89%;
      margin: 0 auto;
    }

    .blog-content {
      margin-top: 24px;
    }

    .blog-info img {
      width: 100%;
      height: auto;
    }

    .blog-img {
      width: 94%;
      margin: 9px auto 0;
    }

    .blog-img.no-blog-img { margin-top: 0; }

    .blog-title > ul {
      width: 170px;
      margin: 12px auto 7px;
      text-align: center;
    }

    .blog-title h3 a {
      color: #3d3d3d;
      text-decoration: none;
    }

    .blog-title h3 a:hover { text-decoration: underline; }

    .blog-content ul { margin-left: 5px; }

    .blog-content p {
      margin-bottom: 20px;
      display: inline-block;
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      color: #3d3d3d;
      position:relative;
    }

    /*.blog-content p:first-child { text-transform: capitalize; }*/
    /*.blog-content p:last-child:after*/
    .slider-overlay-content .content-seperator + p:after {
        font-size: 12px;
        content: "...";
    }

    .wrap-url-sharethis {
      width: 87%;
      margin: 0 auto 40px;
    }

    .wrap-url-sharethis p { font-size: 0; }

    .wrap-url-sharethis p > a {
     padding: 8px 12px 7px;
     /* margin: 21px 0 3px 0; */
     display: inline-block;
     font-size: 14px;
     line-height: 17px;
     color: #fff;
     background: #84b54c ;
     text-decoration: none;
     font-family: "ProximaNova-300", Arial, sans-serif;
     box-sizing: border-box;
     text-transform: uppercase;
   }

   .win .wrap-url-sharethis p > a { padding: 6px 12px 8px; }

   .back-btn {
    height: 60px;
    padding: 10px 0 0 0;
    /*  margin: 21px 0 3px 0;*/
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-size: 16px;
    font-weight: 400;
    color: #3d3e3d;
    /*background: #84b54c;*/
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .back-btn img {
    /*  width: 100%;
    height: auto;*/
    margin: -1px 19px 0 0;
    /*       margin-right: 19px; */
  }

  .back-btn {
    /*float: right;*/
  }

  .blog-title h3 > a,
  .blog-title h3 {
    margin: 0;
    color: #3d3d3d;
    font-size: 22px;
    line-height: 28px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
  }

  .blog-title h3 > a:hover { text-decoration: underline; }

  .blog-title p {
    margin: 10px 0 0 0;
    text-align: center;
  }

  .blog-date {
    color: #0084ff;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }


  .single-singleblog .blog-date .article-date,
  .page-template-blog .blog-date .article-date { color: #3d3d3d; }

  .blog-date > span {
    text-transform: uppercase;
    vertical-align: middle;
  }

  .blog-date > span:first-child { cursor: pointer; }

  .single-singleblog .blog-date > span:first-child { cursor: text; }

    /*.blog-title > ul > li:first-child {
  border-right: 1.5px solid #ebebeb;
  padding-right: 7px;
  margin-right: 7px;
  line-height: 16px;
  }*/
  .blog-content li > a,
  .blog-content p > a,
  .blog-title p > a {
    color: #0084ff;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    text-decoration: none;
  }

  .blog-content li > a:hover,
  .blog-content p > a:hover,
  .blog-date > span:first-child:hover,
  .blog-title p > a:hover { text-decoration: underline; }

  .content-seperator {
    /*  width: 8.5%;*/
    width: 56px;
    margin: 20px auto 0;
    border-bottom: 1.5px solid lightgrey;
  }

  .blog-content nav {
    margin: 0 0 0 10%;
    display: inline-block;
    vertical-align: middle;
  }

  .blog-content nav ul li a {
    width: 32px;
    height: 33px;
  }

  .more-posts {
    width: 118px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 8px;
    cursor: pointer;
    color: #3d3d3d;
    border: 1.5px solid lightgray;
    font-size: 14px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    text-transform: uppercase;
  }

  .more-posts:hover {
    border: 1px solid #84b54c;
    color: #fff;
    background: #84b54c;
  }

  .loadmore-wrapper {
    display: none;
    padding: 0 0 44px;
  }


  .loadmore-wrapper,
  .filter-msg-wrapper {
    width: 84%;
    margin: 0px auto;
  }

  .filter-msg-wrapper{ margin: 0 auto; }

  .filter-msg-wrapper p {
    margin: 13px auto;
    display: inline-block;
    float: left;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
  }

  .blog-info .news {
    height: 27px;
    width: 28px;
    display: none;
    margin: 0 0 -4px 20px;
    background: url(../images/new_icon.png) no-repeat ;
    background-size: contain;
  }

  .blog-info .pdf {
    height: 18px;
    width: 31px;
    display: none;
    margin: 0 0 0 20px;
    background: url(../images/pfd_icon.png) no-repeat;
    background-size: contain;
    vertical-align: bottom;
  }

  .addthis_sharing_toolbox {
    width: auto;
    margin: 25px 0 0;
  }

  .addthis_sharing_toolbox .at-share-btn svg,
  .addthis_sharing_toolbox .at-share-btn > span,
  .addthis_button_facebook,
  .addthis_button_twitter { display: none; }

  .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 0 0 13px; }

  .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:first-child { margin-left: 0; }

  .addthis_sharing_toolbox .at-share-tbx-element.addthis_20x20_style .at-share-btn,
  .addthis_sharing_toolbox .at-share-tbx-element.addthis_20x20_white_style .at-share-btn {
    max-width: 35px;
    max-height: 37px;
  }

  .addthis_sharing_toolbox .at-svc-facebook {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_fb.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-facebook:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_fb.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-linkedin {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_linkdin.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-linkedin:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_linkdin.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-twitter {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_twitter.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-twitter:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_twitter.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-google_plusone_share {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_g+.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-google_plusone_share:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_g+.png) no-repeat;
  }

  .addthis_sharing_toolbox .at-svc-email {
    width: 35px;
    height: 37px;
    display: inline-block;
    background: url(../images/icon_hover_mail.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    cursor: pointer;
  }

  .addthis_sharing_toolbox .at-svc-email:hover {
    width: 35px;
    height: 37px;
    background: url(../images/icon_mail.png) no-repeat;
  }

  /*   .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: left, top, -webkit-transform, opacity;
    -moz-transition-property: left, top, -moz-transform, opacity;
    transition-property: left, top, transform, opacity;
    -ms-transition-property: left, top, -ms-transform, opacity;
    -o-transition-property: left, top, -o-transform, opacity;
  }
  */
  .detail-page .wrapper {
    margin-top: 60px;
  }

  .detail-page .wrapper img {
    width: 100%;
    height: auto;
  }

  .detail-page .wrapper h2 {
    padding: 24px 0 10px 0;
    margin: 0;
    color: #3d3d3d;
    font-size: 44px;
    font-family: "ProximaNova-300", Arial, sans-serif;
  }

  .detail-page p {
    margin-bottom: 20px;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #3d3d3d;
  }


  /* -----------------------------  blog page ---------------------------------*/

  .blog-page {
    background: #fff;
    margin: 60px 0 0 0;
  }

  .blog-page .wrap-search-filter { height: 60px; }

  /*.blog-page .searchbox {
    position:absolute;
    top: 0px;
    right: 0;
    display: inline-block;
    width: 4.3%;
    max-width: 100%;
    height: 60px;
    overflow:hidden;
    padding: 0;
    margin: 0;
    background: none;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    z-index: 2;
  }

  .blog-page .searchbox-input {
    width: 100%;
    padding: 0 0 0 70px;
    text-align: left;
  color: #fff;
  height: 60px;
  font-size: 16px !important;
  border: 0;
  background: #373535;
  margin: 0;
  display: none;
  font-family: "ProximaNova-300", Arial, sans-serif;
  font-size: 14px;
  -webkit-border-radius:0;
  border-radius:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  -webkit-transition:width  0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.searchbox-input.showsearchboxinput { opacity: 0; }

.searchbox-input input[type="search"]::-webkit-search-decoration,
.searchbox-input input[type="search"]::-webkit-search-cancel-button,
.searchbox-input input[type="search"]::-webkit-search-results-button,
.searchbox-input input[type="search"]::-webkit-search-results-decoration { display: none; }

.blog-page .searchbox .searchbox-submit { display: none; }

.blog-page .searchbox-open{ width:100%; }

.blog-page .searchbox-icon {
  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  width: 100%;
  height: 60px;
  margin: 0;
}

.blog-page .searchbox-icon {
  font-size: 0;
  display:block;
  position:absolute;
  top:0;
  right:0;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  cursor:pointer;
  background: url(../images/page_search_icon.png) no-repeat 0 center;
}

.blog-page .searchbox-white-icon {
  width: 25px;
  height: 60px;
  font-size: 0;
  display:block;
  position:absolute;
  top: 1px;
  left: 27px;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  cursor:pointer;
  background: url(../images/search-copy-white.png) no-repeat 0 center;
}

.blog-page .searchbox-underline {
  display: inline-block;
  width: 91%;
  position: absolute;
  top: 39px;
  left: 71px;
  border-bottom: 1px solid #fff;
  }*/

  .blog-slides div { display: none; }

  .blog-slider img {
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    border-top: 0;
  }

  .jssor-leftarrow {
    display: block;
    position: absolute;
    top: 0;
    left: 87px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url(../images/left_arrow_blog.png) no-repeat;
    background-size: contain;
    overflow: hidden;
  }

  .jssor-rightarrow {
    display: block;
    position: absolute;
    top: 0;
    right: 84px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url(../images/right_arrow_blog.png) no-repeat;
    background-size: contain;
    overflow: hidden;
  }

  .blog-slider {
    position: relative;
    bottom: 1px;
  }

  .overlay-slider {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 40%;
    background: rgba(255, 255, 255, 0.85);
  }

  .slider-overlay-content h3 {
    padding: 17px 0 0 0;
    margin: 0 5px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #3d3d3d;
    text-align: center;
  }

  .slider-overlay-content .content-seperator {
    width: 38px;
    margin: 12px auto 4px;
    border-bottom: 1px solid lightgrey;
  }

  .slider-overlay-content .content-seperator + p {
    width: 85%;
    margin: 0 auto;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 9px;
    line-height: 15px;
    color: #3d3d3d;
  }

  .slider-overlay-content .slider-detail-page {
    text-align: center;
    margin: 13px 0 18px 0;
  }

  .slider-overlay-content .slider-detail-page > a {
    padding: 4px 6px 3px;
    display: inline-block;
    font-size: 8px;
    color: #fff;
    background: #84b54c;
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .win .slider-overlay-content .slider-detail-page > a { padding: 2px 6px 3px; }

  .blog-categories > .wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 35px 0;
  }

  .blog-categories ul {
    padding-left: 14px;
    text-align: center;
  }

  /* .blog-categories li:first-child { padding-left: 0; } */

  .blog-categories li { padding: 0 20px; }

  .blog-categories li:hover { text-decoration: underline; }

  .blog-categories li a {
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #3d3d3d;
  }

  .blog-categories li .active-section { color: #0084ff; }

  .blog-page .filter-msg-wrapper p { padding: 0 0 50px;}

  .blog-page .release-blog .wrapper { padding: 0; }

  .blog-page .blog-title > ul { width: auto; }

  .blog-info .category-name {
    border-right: 1.5px solid lightgray;
    padding: 0 10px 0 0;
    margin: 0 7px 0 0;
    color: #3d3d3d;
  }

  .blog-title .blog-date .section1:hover {
    color: #36C1DB;
    text-decoration: underline;
  }

  .single-singleblog .section1 { color: #36C1DB; }

  .single-singleblog .section2 { color: #E2782F; }

  .single-singleblog .section3 { color: #018944; }

  .single-singleblog .blog-title .blog-date span:hover { text-decoration: none; }

  .single-singleblog .blog-info { max-width: 355px; }

  .blog-categories .section1:hover {
    color: #36C1DB;
    text-decoration: underline;
    }*/

    .blog-categories .section2:hover,
    .blog-categories .section4:hover {
      color: #E2782F;
      text-decoration: underline;
    }

    .blog-categories .section3:hover {
      color: #018944;
      text-decoration: underline;
    }

    .section1,
    .section2,
    .section3 { color: #3d3d3d; }

    .section2:hover,
    .section4 { color: #E2782F; }

    .section3:hover { color: #018944; }

    .single-blog-page .blog-page .blog-date > span:first-child { cursor: default; }

    .single-blog-page .blog-page .blog-date > span:first-child:hover { text-decoration: none; }

    .mobile-slider-content { display: none; }

    /* -----------------------------  Detail blog page ---------------------------------*/

    .single-blog-page { background: #fff; }

    .single-blog-page .wrap-search-filter { height: 60px; }

    .searchbox-input input[type="search"]::-webkit-search-decoration,
    .searchbox-input input[type="search"]::-webkit-search-cancel-button,
    .searchbox-input input[type="search"]::-webkit-search-results-button,
    .searchbox-input input[type="search"]::-webkit-search-results-decoration { display: none; }
    .video-detail-blog {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
    .video-detail-blog iframe#player1 {
    width: 86%;
    }
    .image-detail-blog img {
      width: 100%;
      height: auto;
    }

    .single-blog-page .wrapper {
      width: 86%;
      margin: 0 auto;
      border: 1px solid lightgrey;
      border-top: 0;
    }

    .detail-content-wrap,
    .single-blog-page .image-detail-blog {
      width: 96.5%;
      margin: 0 auto;
      padding: 18px 0;
    }

    .detail-blog-content .blogs-detail-img {
      width: 39.5%;
      float: right;
      height: 406px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    .detail-blog-content .blogs-featured-img {
      width: 100%;
      height: 406px;
      float: left;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
    }

    .detail-content-wrap .blog-title > ul {
      width: auto;
      margin: 16px auto 15px;
      text-align: center;
    }

    .detail-content-wrap .blog-date > span:first-child {
      padding: 1px 17px 1px 0;
      margin: 0 13px 0 0;
      border-right: 2px solid lightgrey;
      cursor: default;
    }

    .detail-content-wrap .blog-date { font-size: 16px; }

    .detail-content-wrap .blog-title h3 {
      font-size: 44px;
      line-height: 50px;
    }

    .single-blog-page .content-seperator {
      width: 31%;
      margin: 22px auto 0;
      border-bottom: 1.5px solid #7f7f7f;
    }

    .detail-content-wrap .wrap-url-sharethis { margin: 40px auto;}

    .detail-content-wrap .addthis_sharing_toolbox {
      width: auto;
      margin: 30px 0 0 0;
      float: none;
      text-align: center;
    }

    .detail-content-wrap .addthis_sharing_toolbox .at-svc-facebook,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-linkedin,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-twitter,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-google_plusone_share,
    .detail-content-wrap .addthis_sharing_toolbox .at-svc-email {
      width: 42px;
      height: 43px;
    }

    .detail-content-wrap .at-share-tbx-element.addthis_20x20_style .at-share-btn,
    .detail-content-wrap .at-share-tbx-element.addthis_20x20_white_style .at-share-btn { margin: 0 8px; }

    .detail-content-wrap .blog-content p {
      margin: 20px 0 25px 0;
      font-size: 16px;
      line-height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    }
    .detail-content-wrap .blog-content p img {
        max-width:450px;
        width: 100%;
        height:auto;
        display:block;
    }

    .single-blog-page .blog-quote-wrap p {
      font-family: "ProximaNova-300", Arial, sans-serif;
      font-style: italic;
      font-size: 24px;
      line-height: 42px;
      color: #3d3d3d;
      text-align: center;
    }

    #comments #wpcomm { max-width: 100%; }

    .blog-quote img {
      width: 45px;
      height: 31px;
    }

    .blog-quote .left-forma {
      display: inline-block;
      vertical-align: top
    }

    .blog-quote {
      border-top: 1px solid lightgrey;
      border-bottom: 1px solid lightgrey;
      background: #f2f3f3;
  /*  background: -webkit-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -moz-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -o-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: -ms-linear-gradient(90deg, #FDFDFD 0%, #DFF1F4 100%);
    background: linear-gradient(0deg, #FDFDFD 0%, #DFF1F4 100%);*/
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 42px;
    color: #3d3d3d;
  }

  .blog-quote .wrapper {
    width: 86%;
    margin: 35px auto;
    padding: 18px 0;
    border: 0;
    position: relative;
  }

  .blog-quote-wrap {
    width: 84%;
    display: inline-block;
    margin: 6px 0 0 14px;
  }

  img.right-forma {
    position: absolute;
    bottom: 25px;
    right: 38px;
  }

  .mobile-related-posts { display: none; }

  .recent-posts .related-post-wrapper,
  .insta-twitter-wrapper {
    width: 86%;
    margin: 0 auto;
  }
  .single-blog-page .insta-twitter-wrapper .instagram-package{
      margin-left: 0;
  }


  .related-post-wrapper > h3,
  .discus-blog > h3 {
    color: #3d3d3d;
    font-size: 26px;
    font-family: "ProximaNova-700", Arial, sans-serif;
    text-transform: uppercase;
  }

  .related-post-wrapper > h3 { margin: 22px 0 10px 0; }

  .discus-blog > h3 { margin: 40px 0 10px 0; }

  .related-post-wrapper .blog-info .blog-date > span { font-size: 10px; }

  .related-post-wrapper .blog-info .blog-title h3 {
    margin: 15px 0 25px;
    font-size: 17px;
  }

  .related-post-wrapper .blog-title > ul { width: auto; }

  .related-post-wrapper .blog-info { margin: 0 0 0 4.5%; }

  .related-post-wrapper .blog-info:nth-of-type(3n+1) { margin-left: 0; }

  .blog-author-info,
  .twitter-feeds,
  .instagram-package {
    width: 30%;
    max-width: 355px;
    margin: 40px 0 40px 3.5%;
    display: inline-block;
    vertical-align: top;
    /*  border: 1px solid lightgrey;*/
  }

  .twitter-feeds,
  .instagram-package { margin: 30px 0 46px 4%; }

  .blog-author-info { margin: 30px 0 30px 0; }


  .blog-author-info h4 + p {
    width: 63%;
/*     margin: 0 0 0 3.5%; */
    display: inline-block;
  }

  .blog-author-info p + p {
    margin: 15px 8% 40px 0;
    display: inline-block;
    width: auto;
    font-family: "ProximaNova-300", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #3d3d3d;
  }

  .blog-author-info h4,
  .twitter-feeds h4,
  .instagram-package h4 {
    margin: 15px 0 15px 3.5%;
    font-family: "ProximaNova-700", Arial, sans-serif;
    color: #3d3d3d;
    font-size: 17px;
    text-transform: uppercase;
  }

  .blog-author-info h4 { margin: 15px 0 15px 0; }

  .blog-author-info h4 + p > img,
  .instagram-package img {
    width: 100%;
    height: auto;
    max-height: 162px;
  }

  .instagram-package div {
    width: 28.1%;
    display: inline-block;
    margin: 6px;
  }

  .instagram-package div:nth-of-type(3n+1) { margin-left: 11px; }

  .twitter-feeds ol.h-feed .tweet.with-expansion { border-bottom: 1px solid lightgrey !important; }

  .back-btn {
    height: 60px;
    padding: 11px 0 0 0;
    /* margin: 21px 0 3px 0; */
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-size: 16px;
    font-weight: 400;
    color: #3d3e3d;
    /* background: #84b54c; */
    text-decoration: none;
    font-family: "ProximaNova-300", Arial, sans-serif;
    box-sizing: border-box;
    text-transform: uppercase;
  }

  .single-blog-page .wrap-search-filter .wrapper {
    width: 96%;
    margin: 0 auto;
    border: 0;
  }

  .discus-blog {
    width: 86%;
    margin: 0 auto;
  }


  .copyrights {
    margin-top: 44px;
    border-top: 1px solid rgba(127,127,127,0.4);
  }

  .copyrights .wrapper {
    width: 85.7%;
    box-sizing: border-box;
    padding: 19px 0;
  }

  .copyrights p {
    margin-top: -1px;
    float: left;
    color:  #3d3d3d;
    font: 300 16px/24px ProximaNova-300 ;
  }

  .copyrights ul { float: right; }

  /* ==========================================================================
  Site map
  ========================================================================== */
  .sitemap .wrapper { width: 80.25%; }

  .sitemap ul li {
    display: block;
    margin: 0;
    padding: 21px;
    border-top: 1px solid #ebebeb;
    text-transform: uppercase;
  }

  .sitemap ul li.overview-content > a {
    display: inline-block;
    margin-bottom: 24px;
  }

  .sitemap ul li.overview-content a:nth-last-child {
    display: inline-block;
    margin-bottom: 21px;
  }

  .sitemap ul.sub-menu { padding: 0 0 0 34px; }

  .sitemap ul.sub-menu li {
    border-top: none;
    padding: 25px 0 0;
  }

  .sitemap ul.sub-menu li:first-child { padding-top: 0; }

  .sitemap li a {
    color:  #3d3d3d;
    font: 500 16px/24px ProximaNova-300;
    text-decoration: none;
  }

  .sitemap li a:hover { text-decoration: underline; }

  .sitemap .menu-site-map-links-container { padding: 0 0 50px; }

  .menu-site-map-links-container > ul { border-bottom: 1px solid #ebebeb; }

  /* -----------------------------  Media Queries Start here ---------------------------------*/

  @media only screen and (min-width : 1366px) {
    .header-img-overlay h2 { font-size: 75px; }

    .mobile-thetrees-residence,
    .mobile-home-our-partners { display: none; }

  }

  @media only screen and (min-width : 1200px) {

    /*    .floorplan-info { max-width: 390px; }

    .floorplan-image-wrapper { width: 68%; }*/
  }


  @media only screen and (min-width : 1681px) {

    .menu-primary-navigation-container li a { padding: 15px 15px 14px; }

    .header-chatlinks > input.clickme {
      padding: 10px 30px 11px;
      margin: 0 26px 0 0;
    }

    .header-img-overlay h2 { font-size: 95px; }

    form div:nth-of-type(even) input,
    form div:nth-of-type(odd) input { padding: 9px; }

    span.site-home a { padding: 16px 15px 8px; }

    .requirements > select,
    form input[type= "submit"] { width: 97.5%; }

    .menu-footer-social-menu-container { margin: 0 0 0 18%; }

    .content-form form div { margin: 0 0 32px 0; }

    .mobile-thetrees-residence { display: none; }

    /*  .slider-video .residence-slider .video-slide iframe {
      width: 100%;
      height: 500px;
      }*/

      .close {
        right: 133px;
        top: 26px;
      }

      .white_content {
        width: 80.5%;
        height: 72.3%;
      }

      .drag-image { left: 39.5%; }

      header li > ul { top: 53px; }

      .home-our-partners .hover-info {
        left: 0;
        height: 272px;
        top: 0;
      }

      .print-email { right: 66px; }

      .floorplan-image-wrapper {
        width: 75.4%;
        padding: 70px 0 0;
        min-height: 750px;
        box-sizing: border-box;
      }

      .key-location,
      .floorplan-info { max-width: 400px; }

      .floorplan img { max-width: 95%; }

      .floorplan-info h3 {
        padding: 0;
        font-size: 23px;
      }

      .floorplan-info p {
        font-size: 18px;
        line-height: 34px;
        width: 300px;
      }

      .mobile-home-our-partners { display: none; }

      .home-residence-info #scene { width: 2000px; }

      .home-masterplan #masterplan-scene { width: 815px; }

      .home-studio #studio-scene { width: 795px; }

      #studio-scene .layer-bg,
      #masterplan-scene .layer-bg {  width: 825px; }

      .filter select {
        background: url(../images/arrow-down.png) no-repeat right center;
      }


      .filter select:nth-of-type(even) {
        background: url(../images/arrow-down.png) no-repeat right center;
      }

      .blog-title h3 {
        font-size: 30px;
        line-height: 35px;
      }

      .wrap-url-sharethis p > a { padding: 8px 12px 7px; }

      .blog-info .article { margin: 0 0 5px 20px; }

      .blog-info .pdf { margin: 0 0 1px 20px; }

      .styledSelect {
        background: url(../images/arrow-down.png) no-repeat right center;
      }

      .options li { width: 120px; }

      .options { top: 60px; }

      .more-posts { padding: 10px 0 8px 3px; }


      /*  .wrap-search-filter { padding: 22px 0 15px; }*/



      .media-page .searchbox-icon { background: url(../images/page_search_icon.png) no-repeat 0 14px; }

      .media-page .searchbox {
        width: 3.3%;
        top: 4px;
        height: 52px;
      }

      @-moz-document url-prefix() {
        .options { top: 60px; }

        .wrap-search-filter {
          padding: 15px 0 13px;
        }
      }

      /*  .filter { padding: 21px 0 14px; }*/

      .slider-overlay-content h3 {
        font-size: 14px;
        line-height: 19px;
      }

      #wpcomm { max-width: 1370px; }

      .single-blog-page .blog-info { max-width: 378px; }

      .mobile-slider-content,
      .mobile-related-posts { display: none; }


    }

    @media only screen and (min-width : 1600px) {


      .drag-map-container { background-position: -60px -200px; }

      .zoomContainer {
        left: 630px;
        background-position: -960px -400px;
      }

      .mac .close {
        right: 133px;
        top: 26px;
      }

      .mac .white_content {
        width: 80.5%;
        height: 72.3%;
      }

      .mac .slider-video .residence-slider .video-slide iframe {
        width: 100%;
        height: 500px;
      }

      .mac .drag-image { left: 39.5%; }

      .mac header li > ul { top: 54px; }

      .mac .menu-primary-navigation-container li a { padding: 17px 15px 12px; }

      h1.logo a { padding: 12px 0; }

      .header-chatlinks { margin: 11px 0; }

      span.site-home a {
        padding: 19px 15px 8px;
        background: url(../images/nav-divider.png) no-repeat left 17px;
      }


      .mac .header-chatlinks > input.clickme {
        padding: 11px 30px 8px;
        margin: 0 3px 0 0;
      }

      .mac .header-img-overlay h2 { font-size: 95px; }

      .content-form h3 { font-size: 38px; }

      .slide2 { padding: 5% 0 0 0; }

      form div:nth-of-type(even) input,
      form div:nth-of-type(odd) input { width: 95%; }

      .mac form div:nth-of-type(even) input,
      .mac form div:nth-of-type(odd) input,
      .mac .select-wrap select,
      .mac .requirements > select,
      .mac form input[type= "submit"] { padding: 11px 10px 8px; }

      nav { margin-top: 2px; }

      .content-form form div { margin: 0 0 36px; }

      .error-message { padding: 1px 0 0 10px; }

      .select-wrap select {
        width: 95%;
        background: url(../images/arrow-down.png) no-repeat #fff 95.5% center;
      }

      /*  .content-wrapper { padding: 19% auto; }*/

      .about-info { padding: 130px 0; }

      .select-requirements { background: url(../images/arrow-down.png) no-repeat #fff 97.8% center; }

      .requirements > select,
      form input[type= "submit"] { width: 97.5%; }

      .menu-footer-social-menu-container { margin: 20px 0 0; }

      .copyrights .wrapper,
      .contacts { width: 88%; }

      .contacts .col { max-width: 375px; }

      .home-our-partners .hover-info {
        left: 0;
        height: 272px;
        top: 0;
      }

      .info-page form > div { margin: 0 0 20px; }

      .info-page .commercial-form-container > form {
        top: 75px;
        left: 18%;
      }

      #converter-container { left: 144px; }

      .mac .main.info-page,
      .mac .main { margin: 60px 0 0 0; }

      .mac .print-email { right: 66px; }

      .mac .floorplan-image-wrapper {
        width: 75.4%;
        padding: 70px 0 0;
        min-height: 750px;
        box-sizing: border-box;
      }

      .mac .key-location,
      .mac .floorplan-info { max-width: 400px; }

      .mac .floorplan img { max-width: 95%; }

      .mac .floorplan-info h3 {
        padding: 0;
        font-size: 23px;
      }

      .mac .floorplan-info p {
        font-size: 18px;
        line-height: 34px;
        width: 300px;
      }

      .mac .mobile-home-our-partners { display: none; }

      .mac .home-residence-info #scene { width: 2000px; }

      .mac .home-masterplan #masterplan-scene { width: 815px; }

      .mac .home-studio #studio-scene { width: 795px; }

      .mac #studio-scene .layer-bg,
      .mac #masterplan-scene .layer-bg {  width: 825px; }

      .mac .filter select {
        background: url(../images/arrow-down.png) no-repeat 68px 3px;
      }


      .mac .filter select:nth-of-type(even) {
        background: url(../images/arrow-down.png) no-repeat 64px 3px;
      }

      .mac .blog-title h3 {
        font-size: 30px;
        line-height: 35px;
      }

      .mac .wrap-url-sharethis p > a { padding: 10px 12px 7px; }

      .mac .blog-info .article{ margin: 0 0 5px 20px; }

      .mac .blog-info .pdf { margin: 0 0 1px 20px; }

      .mac .media-page .searchbox {
        width: 3.3%;
        max-width: 100%;
      }

      .mac .media-page .searchbox-open { width: 100%; }

      # .mac .options li { width: 120px; }

      .mac .options {
        top: 62px;
        left: -16px;
      }

      .mac .more-posts { padding: 10px 0 8px 3px; }

      .mac .searchbox-input input[type="search"]::-webkit-search-decoration,
      .mac .searchbox-input input[type="search"]::-webkit-search-cancel-button,
      .mac .searchbox-input input[type="search"]::-webkit-search-results-button,
      .mac .searchbox-input input[type="search"]::-webkit-search-results-decoration {
        display: none;
      }

      /*  .mac .filter { padding: 21px 0 14px; }*/

      .mac .slider-overlay-content h3 {
        font-size: 14px;
        line-height: 19px;
      }

      .mac #wpcomm { max-width: 1370px; }
      
      .mac .blog-author-info, .mac .twitter-feeds, .mac .instagram-package,
      .mac .single-blog-page .blog-info { max-width: 400px; }

      .mac .related-post-wrapper .blog-info { margin: 0 0 0 7.5%; }

      .mac .related-post-wrapper .blog-info:nth-of-type(3n+1) { margin-left: 0; }

      .mac .twitter-feeds, .instagram-package { margin: 0 0 0 7%; }
      
      .mac .mobile-slider-content,
      .mac .mobile-related-posts { display: none; }
    }


    @media only screen and (max-width : 1280px) {
      .about-info { padding: 74px 0; }

      .content-wrapper h2 { margin: 0 0 25px; }

      .zoomContainer { left: 68%; }

      .mobile-home-our-partners { display: none; }

      /*  body .media-moblie-hide,
      .page-template-media-php {
        display: none !important;
        }*/

      }



      @media only screen and (min-width : 1025px) {

        #filter-post-content { left: 24px; }

        .mac h1.logo a { padding: 12px 0; }

        .mac .header-chatlinks { margin: 11px 0; }

        .mac .menu-primary-navigation-container li a { padding: 16px 15px 13px; }

        .mac .header-chatlinks > input.clickme { padding: 11px 21px 9px; }

        .mac .godrej { padding: 3px 0 0 11px; }

        .mac .about-info { padding: 76px 0; }

        .mac form div:nth-of-type(even) input,
        .mac form div:nth-of-type(odd) input,
        .mac .select-wrap select,
        .mac .requirements > select,
        .mac form input[type= "submit"] { padding: 12px 10px 9px; }

        .mac form input[type= "submit"] { padding: 11px 10px 8px; }

        .hide-floorplan,
        .mobile-home-our-partners { display: none; }



      }

      @media screen   and (min-width: 767px) and (max-width: 768px) {
        .back-btn { padding-top: 6px; }
      }

      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {

        .blog-info.initLoad { margin-left: 0; }

        .back-btn {
          height: 54px;
          padding-top: 6px;
        }

        .back-btn img { vertical-align: -16px; }

        .media-page .searchbox form.open { width: 97.5%; }

        .blog-date > span:first-child:hover,
        .blog-title p > a:hover {
          text-decoration: none;
        }

        .godrej-logo-mob img {
          width: 100%;
          height: auto;
        }

        header.scrolled li.active-page > a,
        header.scrolled .menu-primary-navigation-container li a:hover,
        header.scrolled .menu-primary-navigation-container li a.active-menu {
          color: #3d3d3d;
        }

        #menu-primary-navigation li.overview-menu li:last-of-type { padding-bottom: 0; }


        .hide-floorplan { display: block; }

        .menu-primary-navigation-container li a { padding: 17px 15px 14px; }

        .mobile-map h2 { display: none; }

        nav {
          margin: 1px 0 0 0;
          max-width: 100%;
        }

        header li > ul {
          width: 100%;
          position: static;
          border-left: none;
          border-right: none;
          display: block;
          border-top: 1px solid lightgrey;
          border-bottom: none;
        }

        header li > ul li { border-bottom: none!important;}

        /*      header ul li.location { border-top: none; }

        header li > ul li:last-child { border-bottom: none!important; }*/

        .menu-primary-navigation-container li > ul li a { padding: 5px 40px; }

        .header-chatlinks > input.clickme {
          padding: 11px 16px;
          margin: 0 20px -3px 0;
        }

        .godrej { padding: 0 0 0 19px; }

        .header-img-overlay h2 { font-size: 75px; }

        .about-info > .content,
        .residences-content > .content,
        .commercial-content > div,
        .nri-content > div { width: 89%; }

        .floorplan-content { width: 92.5%; }

        .tab-container .etabs { width: 80%; }

        footer .contacts {
          width: 90%;
          margin: 0 auto;
          padding: 0;
        }

        .contacts h3 { font-size: 25px; }

        .contacts div a { font-size: 18px; }

        .linked-in a,
        .google-plus a,
        .youtube a,
        .facebook a {
          width: 33px;
          height: 33px;
        }

        .menu-footer-social-menu-container {  margin: -15px 0 0 13%; }

        .header-img-overlay {
          padding: 0;
        }

        .select-wrap select { padding: 8px; }

        .background-video { height: 100% !important; }

        .requirements > select,
        form input[type= "submit"] { width: 98%; }

        .about-image {
          vertical-align: top;
        }

        .about-info,
        .residences-content { padding: 28px 0 28px 7px; }

        .content-wrapper h2 {
          margin: 0;
          font-size: 35px;
        }

        .residences-content p { margin: 0 0 18px 2px; }

        form input[type= "submit"] {
          border: 0;
          border-radius: 0;
          -webkit-border-radius: 0;
          -webkit-appearance: none;
        }

        .select-wrap select { background: url(../images/arrow-down.png) no-repeat #fff 94.9% center; }

        .header-img-overlay,
        .slide2,
        .slide3 {
          position: relative;
          width: 100%;
        }

        .contacts h3 { font-size: 25px; }

        .contacts div a { font-size: 18px; }

        .background-video,
        .contact-wrapper { position: relative; }

        .form-wrapper {
          position: absolute;
          top: 58%;
        }

        .slide2,
        .slide7 { display: none; }

        .header-chatlinks > input.clickme {
          -webkit-border-radius: 0;
          -webkit-appearance: none;
        }

        .mac form div:nth-of-type(even) input,
        .mac form div:nth-of-type(odd) input,
        .mac .requirements > select,
        .mac form input[type= "submit"] { padding: 9px 8px 7px; }

        .mac.select-wrap select { padding: 9px 8px 6px; }

        h1.logo a > img:first-child { display: inline; }

        h1.logo a .white-logo { display: none; }

        header .menu-primary-navigation-container li a {
          color: #3d3d3d;
        }

        header .godrej { background: url(../images/nav-divider.png) no-repeat left center; }

        header {
          border-bottom: 1px solid lightgrey;
          background: rgba(255, 255, 255, .9);
        }

        /*----------------------------------Styling for The Home page------------------------------*/

        .page-template-location .content-wrapper .then,
        .page-template-location .content-wrapper .now,
        .map,
        .map-checkbox,
        .masterplan-wrapper,
        .divider,
        .menu-primary-navigation-container,
        .godrej,
        span.site-home,
        .map-content-wrap,
        header.scrolled .godrej { display: none; }

        .wrapper { width: 94%; }

        .godrej-logo-mob { display: inline-block; }

        #menu-nav-toggle,
        .home-residence-info { display: block; }

        .home-residence-info-overlay { background: rgba(0,0,0,0.15); }

        #menu-nav-toggle {
          margin: 13px 0;
          float: right;
        }

        .mobile-home-residence-info { display: none; }

        @-moz-document url-prefix() {
          #nav-toggle {
            padding: 0 3% 0 0;
            margin: 0;
          }
        }

        header .primary-wrapper {
          float: none;
          display: table;
          width: 100%;
        }

        .logo,
        .godrej-logo-mob {
          vertical-align: middle;
          display: table-cell;
          float: none;
          width: 154px;
        }

        .godrej-logo-mob { width: 173px; }

        .godrej-logo-mob a { display: inline-block; }

        .menu-primary-navigation-container {
          position: absolute;
          width: 100%;
          left: 0;
          top: 86px;
          margin: 0;
          background-color: #fff;
          border-top: 1px solid #ccc;
          z-index: 10;
        }

        span.site-home a,
        .menu-primary-navigation-container li a,
        header.scrolled .menu-primary-navigation-container li a { background: none; }

        .menu-primary-navigation-container ul { margin: 0; }

        #menu-primary-navigation li {
          display: block;
          border-left: none;
          width: 100%;
          padding: 10px 0 10px 3%;
          margin: 0;
          border-bottom: 1px solid lightgrey;
        }

        #menu-primary-navigation li.overview-menu a { padding: 0; }

        #menu-primary-navigation li.overview-menu > a { padding: 0px 0 11px 0; }

        .menu-primary-navigation-container li a {
          width: 100%;
          margin: 0;
          padding: 0;
        }

        header {
          position: fixed;
          padding: 15px 0;
        }

        .header-chatlinks {
          width: 4%;
          display: inline-block;
          margin: 0;
          position: absolute;
          right: 31px;
          text-align: right;
          padding: 30px 0 0;
        }

        .header-chatlinks > input.clickme {
          margin: 0;
          padding-left: 15px;
          padding-right: 15px;
        }

        .div-seperator {
          width: 30px;
          display: table-cell;
        }

        .white_content {
          width: 78.5%;
          height: 52.1%;
          top: 87px;
          left: 11%;
        }

        .close{
          right: 7.5%;
          top: 50px;
        }

        .transport-wrapper .slides { margin: 40px 0 !important; }

        .transport-wrapper .slides li:first-child { margin-left: 8px; }

        .transport-slider .flex-nav-next, .transport-slider .flex-nav-prev { top: 85px; }

        .transport-wrapper { width: 100% !important; }

        .transport-wrapper .flex-viewport { width: 100%; }

        .home-residence-info #scene .content,
        .home-masterplan #masterplan-scene .content,
        .home-studio #studio-scene .content,
        .map-content-wrap .map-content { left: 51px; }

        .home-studio #studio-scene { width: 520px; }

        .zoomContainer {
          width: 270px;
          height: 270px;
          left: 667px;
          top: 258px;
        }

        .textlink-info .wrapper { width: 90%; }

        .home-our-partners .content-wrapper,
        .home-our-partners .partners-wrapper { width: 90.5%; }

        .mobile-map-container {
          display: block;
          position: relative;
        }

        .mobile-home-residence-img {
          display: block;
          width: 100%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
        }


        .mobile-map { display: block; }

        .mobile-map img {
          max-width: 100%;
          height: auto;
        }

        .mobile-map-content h2,
        .mobile-home-residence-content h2 {
          position: absolute;
          bottom: 190px;
          left: 43px;
          color: #fff;
          font-size: 35px;
        }

        .mobile-map-content,
        .mobile-home-residence-content {
          position: relative;
          border-bottom: 1px solid #ebebeb;
          padding: 0 0 40px;
        }

        .mobile-map-content p,
        .mobile-home-residence-content p { padding: 29px 0 0 4%; }

        #menu-footer-social-menu { margin-top: 20px; }

        .mobile-map-content p > a,
        .mobile-home-residence-content p > a { padding: 12px 21px 10px; }

        .home-residence-info #scene .content p > a,
        .home-masterplan #masterplan-scene .content p > a,
        .home-studio #studio-scene .content p > a,
        .desktop-thetrees-residence p > a { padding: 5px 21px 3px; }

        /*----------------------------------Styling for The Gallery page------------------------------*/

        .gallery .wrapper { width: 80%; }

        /*----------------------------------Styling for Location page------------------------------*/
        .mobile-masterplan,
        .mobile-location-map { display: block; }

        /*----------------------------------Styling for Other Info page------------------------------*/
        .main { margin: 85px 0 0 0; }

        .info-page .commercial-form-container > form {
          top: 87px;
          left: 1%;
        }

        #converter-container {
          top: 124px;
          left: 5px;
        }

        /*----------------------------------Styling for The trees page------------------------------*/

        .hospitality .slider-content,
        .commercial .slider-content { padding: 40px 0; }

        .slider-content-wrap h2,
        .commercial-content h2,
        .desktop-thetrees-residence h2,
        .the-trees-content h2 { font-size: 35px; }

        .desktop-thetrees-residence h2 { padding: 40px 0 18px 0; }

        .commercial .slider-content-wrap,
        .hospitality .slider-content-wrap { width: 80%; }

        #menu-primary-navigation .location.menu-item > a:after,
        #menu-primary-navigation .overview-menu > a:after {
          position: relative;
          z-index: 0;
        }

        .hide-floorplan,
        .mobile-home-our-partners { display: none; }

        .about-content h2 { padding: 45px 0 17px 0; }

        .home-our-partners .hover-info {
          position: relative;
          width: 98%;
          height: auto !important;
          display: inline-block;
          opacity: 1;
        }

        .home-our-partners .hover-info p {
          padding: 10px 0 0 3%;
          color: #3d3d3d;
          background: none;
          display: inline-block;
        }

        .home-our-partners .partners-post h3 { padding: 9px 0 26px 6px; }

        .page-template-location .main {
          background: #fff;
          margin: 87px 0 0 0;
        }

        .popup-email { left: 27.5%; }

        .caption p, .caption h2 { padding: 5px 40px 0 7.5%; }

        #videos-slider { margin: 0 0 -6px 0; }

        .floorplan-image-wrapper {
          width: 65.8%;
          padding: 70px 0 0;
          min-height: 650px;
          box-sizing: border-box;
        }

        .key-location,
        .floorplan-info { max-width: 350px; }

        .direction-img { right: 29px; }

        .print-email { right: 14px; }

        .floorplan img { max-width: 75%; }

        /*  Media page style*/

        .release-blog .wrapper {
          width: 78%;
          max-width: 1000px;
        }

        /*  .blog-info:nth-last-child(-n+3),*/
        .blog-info {
          width: 394px;
          max-width: 394px;
          margin-bottom: 40px;
        }

        /*  .blog-info:nth-last-child(-n+2) { margin-bottom: 0; }*/

        .media-page,
        .single-blog-page,
        /*.blog-page { margin: 87px 0 0 0; }*/

        /*  body .media-moblie-hide,
        .page-template-media-php {
          display: none !important;
          }*/

          .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 0 0 16px; }

          .options {
            top: 55.5px;
            left: -18px;
          }


          .searchbox-white-icon,
          .searchbox-input,
          .searchbox-icon,
          .filter select { height: 54px; }

          .searchbox { height: 55px; }

          .header-chatlinks { padding-top: 27px; }

          .more-posts { padding: 10px 0 10px 0; }

          .styledSelect { padding: 21px 22px 18px 0; }

          .searchbox,
          .single-blog-page .searchbox {
            width: 11%;
            top: 0;
            width: 60px;
            right: 62px;
            max-width: 100%;
          }

          .searchbox-input { padding: 0 60px 0 120px; }

          .searchbox-white-icon {
            top: 0;
            left: 60px;
            width: 60px;
            background-position: center center;
          }

          .searchbox-open {
            width: 100%;
            right: 0;
          }

          /*  body .media-moblie-hide,
          .page-template-media-php {
            display: none !important;
            }*/

            .wrap-url-sharethis p > a { padding: 8px 12px 7px; }

            .searchbox-icon { background: url(../images/page_search_icon.png) no-repeat 0 center; }

            /*--------  Detail blog page ---------------*/

            .single-blog-page img.right-forma { right: 24px; }

            .single-blog-page .blog-info {
              width: 30.5%;
              max-width: 300px;
              margin-bottom: 40px;
            }

            .related-post-wrapper .blog-info { margin: 0 0 0 3.5%; }

            .searchbox-icon { background: url(../images/page_search_icon.png) no-repeat center center; }

            .single-blog-page .wrap-search-filter .wrapper { width: 94%; }

            .mobile-slider-content,
            .mobile-related-posts { display: none; }

            .menu-footer-social-menu-container { margin: 0; }

            .copyrights .wrapper { width: 87%; }

            .contacts .col:last-of-type,
            .contacts .col {
              margin-left: 13.70%;
              max-width: 100%;
              float: left;
            }

            .contacts .col:last-of-type { max-width: 275px; }

          }

          @media only screen and (max-width: 959px) {

            .slider-overlay-content .slider-detail-page > a {
              font-size: 12px;
            }


            .header-chatlinks { padding-top: 27px; }

            /*  .release-blog .wrapper  {
              margin: 0 auto;
              padding-left: 3%;
              }*/

              .flexslider.transport-wrapper .slides li img { max-width: 62% !important; }

              .close {
                right: 43px;
                top: 166px;
              }

              .white_content {
                top: 200px;
                height: 31%;
                width: 80.5%;
              }

              header.scrolled li.active-page > a,
              header.scrolled .menu-primary-navigation-container li a:hover,
              header.scrolled .menu-primary-navigation-container li a.active-menu { color: #3d3d3d; }

              .background-video {
                background: url(../images/background-home.jpg) no-repeat center center;
                background-size: cover;
              }

              .hide-floorplan { display: block; }

              #menu-primary-navigation .location.menu-item > a:after,
              #menu-primary-navigation .overview-menu > a:after {
                position: relative;
                z-index: 0;
              }

              .tab-container .etabs {
                width: 73%;
                margin: 0 auto;
              }

              .gallery .tab-container {
                border-bottom: 1px solid lightgrey;
                border-top: 1px solid lightgrey;
                padding: 20px 0 18px;
              }

              .cust-prev > a,
              .cust-next > a {
                width: 26px;
                height: auto;
                display: block;
                background: url('../images/left.png') no-repeat center center;
                background-size: contain;
                text-indent: -9999px;
              }

              .cust-next > a:hover,
              .cust-prev > a:hover { opacity: 1; }

              .cust-next > a {
                background: url('../images/right.png') no-repeat center center;
                background-size: contain;
              }

              .cust-prev {
                display: inline-block;
                position: absolute;
                top: 25px;
                left: 39px;
              }

              .cust-next {
                display: inline-block;
                position: absolute;
                top: 25px;
                right: 48px;
              }

              .gallery-content h2,
              .the-trees-content h2,
              .location-content h2 { padding: 44px 0 18px 0; }

              .textlink-info p {
                padding: 30px 0;
                line-height: 35px;
              }

              .mobile-home-our-partners .partners-post h3 {
                width: 100%;
                max-width: 227px;
                text-align: left;
              }

              .mobile-home-our-partners  {
                width: 100%;
                position: relative;
                background: #fff;
              }

              .mobile-home-masterplan-studio,
              .mobile-home-studio,
              .mobile-home-residence-info,
              .mobile-home-our-partners { display: block; }

              .mobile-home-our-partners .partners-post {
                display: inline-block;
                width: 98.5%;
                text-align: center;
              }


              .mobile-map-container .zoomer .zoomer-controls span,
              .mobile-map-container .zoomer .zoomer-controls { border-radius: 0; }

              .mobile-map-container .zoomer .zoomer-controls-top,
              .mobile-map-container .zoomer .zoomer-controls-bottom {
                left: inherit;
                right: 0;
                margin: 0;
                bottom: 0;
              }

              .disclaimer .wrapper,
              .mobile-home-our-partners .partners-wrapper,
              .mobile-home-our-partners .content-wrapper {
                width: 85.5%;
                margin: 0 auto;
                padding: 0 0 50px;
              }

              .mobile-home-our-partners .content-wrapper h2 {
                padding: 50px 0 24px;
                margin: 0;
                color: #3d3d3d;
                font-size: 44px;
                font-family: "ProximaNova-300", Arial, sans-serif;
              }

              .mobile-home-our-partners .hover-info p {
                padding: 10px 0 0 3%;
                color: #3d3d3d;
                background: none;
                display: inline-block;
                text-align: left;
              }

              .mobile-home-our-partners .partners-post li img {
                max-width: 100%;
                width: auto;
              }

              .mobile-home-our-partners .partners-post li {
                width: auto;
                margin: 0 auto 40px;
                max-width: 227px;
                vertical-align: top;
              }

              .mobile-home-our-partners .partners-post li:nth-of-type(2n) { margin-left: 40px; }

              .main,
              .page-template-location .main { margin: 80px 0 0; }

              .residences-content { padding-bottom: 37px; }

              .residences-content .content h2 { padding-bottom: 0; }

              .header-img-overlay {
                width: 93%;
                margin: 0 auto;
                top: 0;
              }

              .div-seperator {
                width: 20px;
                display: table-cell;
              }

              .contact-wrapper { height: 100%; }

              .background-video .video-wrap #hero-video { display: none; }

              .header-img-overlay h4,
              .header-img-overlay h2,
              .header-img-overlay h3 { text-shadow: none; }

              h1.logo a { padding: 0; }

              .header-img-overlay h2 {
                font-size: 60px;
                line-height: 60px;
              }

              .header-img-overlay h3 {
                font-size: 22px;
                margin: 10px 0 15px;
              }

              .mac .header-chatlinks > input.clickme { padding: 9px 21px 8px; }

              .android .header-chatlinks > input.clickme { padding: 10px 21px 7px; }

              form input { height: 32px; }

              form select { height: 32px; }

              .requirements > select,
              form input[type= "submit"] { width: 98%; }

              .see-more-section { display: none; }

              form div:nth-of-type(even) input { padding: 0px 0 1px 8px; }

              form input[type= "submit"] {
                border: 0;
                border-radius: 0;
                -webkit-border-radius: 0;
                -webkit-appearance: none;
              }

              .select-wrap select {
                width: 96%;
                background: url(../images/arrow-down.png) no-repeat #fff 95.3% center;
              }

              .header-chatlinks > input.clickme {
                -webkit-border-radius: 0;
                -webkit-appearance: none;
              }

              .header-img-overlay,
              .slide2,
              .slide3 {
                position: static;
                width: 100%;
              }

              .about-info,
              .about-image {
                width: 100%;
                padding: 0;
                display: block;
              }

              .about-info > .content {
                width: 87%;
                padding: 49px 0 30px;
              }

              .content-wrapper h2 {
                font-size: 29px;
                line-height: 30px;
              }

              .bottom-section { margin: -20px 0 0 0; }

              .linked-in a,
              .google-plus a,
              .youtube a,
              .facebook a {
                width: 33px;
                height: 33px;
              }

              .contacts {
                width: 89%;
                position: relative;
              }

              .contacts .col:first-child {
                float: none;
                margin: 0;
                width: 50%;
              }

              .contacts .col:last-of-type {
                float: none;
                margin: 0;
                width: 60%;
              }

              .contacts .col{
                width: 33%;
                display: block;
                margin: 0;
              }

              .contacts .col .row3 {
                width: 100%;
                padding: 0;
              }


              .contacts .col > div { padding: 0 0 35px 0; }

              .menu-footer-social-menu-container {
                margin-top: 10px;
                width: 100%;
                max-width: none;
              }

              .contacts .col > div.row2 { padding-bottom: 28px; }

              .contacts .col > div { padding-bottom: 25px;  }

              footer .copyrights { margin-top: 33px; }

                /*  footer .copyrights ul,
                footer .copyrights p { float: none; }*/

                footer .copyrights .menu li { margin-left: 0; }

                .wrapper { width: 94%; }

                .about-page .wrapper {
                  width: 84%;
                  margin-top: 20px;
                }

                .header-chatlinks > input.clickme {
                  display: inline-block;
                }

                .home-masterplan-studio,
                .home-residence-info,
                .divider,
                .menu-primary-navigation-container,
                .godrej,
                span.site-home,
                header.scrolled .godrej,
                .floorpan-wrapper { display: none; }

                .godrej-logo-mob { display: inline-block; }

                .godrej-logo-mob img {
                  width: 100%;
                  height: auto;
                }

                #menu-nav-toggle { display: block; }

                .header-chatlinks {
                  width: 7%;
                  display: inline-block;
                  margin: 0;
                  position: absolute;
                  right: 13px;
                  text-align: right;
                  padding: 12px 0 0;
                }

                .header-chatlinks > input.clickme {
                  margin: 0;
                  padding-left: 15px;
                  padding-right: 15px;
                }

                #menu-nav-toggle {
                  margin: 13px 0;
                  float: right;
                }

                @-moz-document url-prefix() {
                  #nav-toggle {
                    padding: 0 3% 0 0;
                    margin: 0;
                  }
                }

                header .primary-wrapper {
                  float: none;
                  display: table;
                  width: 100%;
                }

                .logo,
                .godrej-logo-mob {
                  vertical-align: middle;
                  display: table-cell;
                  float: none;
                  width: 154px;
                }

                .godrej-logo-mob { width: 173px; }

                header {
                  position: fixed;
                  padding: 15px 0;
                }

                .menu-primary-navigation-container {
                  position: absolute;
                  width: 100%;
                  left: 0;
                  top: 86px;
                  margin: 0;
                  background-color: #fff;
                  border-top: 1px solid #ccc;
                  z-index: 10;
                  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
                  -moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
                  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
                }

                .menu-primary-navigation-container ul { width: 100%; }

                nav { max-width: 100%; }

                span.site-home a,
                .menu-primary-navigation-container li a,
                header.scrolled .menu-primary-navigation-container li a { background: none; }

                .menu-primary-navigation-container ul { margin: 0; }

                #menu-primary-navigation li {
                  display: block;
                  border-left: none;
                  width: 97%;
                  padding: 10px 0 10px 3%;
                  margin: 0;
                  border-bottom: 1px solid lightgrey;
                }


                #menu-primary-navigation li a[href*='#enquire-now'] {
                  opacity: 1;
                  margin-left: 0;
                  display: block;
                  -webkit-transition: none;   /* Saf3.2+, Chrome */
                  -moz-transition: none;  /* FF4+ */
                  -ms-transition: none;   /* IE10? */
                  -o-transition: none;  /* Opera 10.5+ */
                  transition: none;
                }

                .menu-primary-navigation-container li a {
                  width: 100%;
                  margin: 0;
                  padding: 0;
                }

                header li > ul li { border-bottom: none!important;}

                header li > ul {
                  width: 100%;
                  position: static;
                  border-left: none;
                  border-right: none;
                  display: block;
                  border-top: 1px solid lightgrey;
                  border-bottom: none;
                }

                #menu-primary-navigation li.overview-menu a { padding: 0; }

                #menu-primary-navigation li.overview-menu > a { padding: 0px 0 11px 0; }

                #menu-primary-navigation li.overview-menu li:last-of-type { padding-bottom: 0; }

                .menu-primary-navigation-container li > ul li a { padding: 5px 40px; }

                .background-video,
                .contact-wrapper { position: relative; }

                .form-wrapper {
                  position: absolute;
                  top: 68px;
                  margin: 0;
                  padding: 64px 0 45px;
                }

                .slide2,
                .slide7 { display: none; }

                .video-wrap .overlay { background: rgba(0, 0, 0, 0.5); }

                footer { padding: 36px 0 19px; }

                .copyrights .wrapper {
                  width: 89%;
                  padding-bottom: 0;
                }

                .wbf-screen.active { overflow-y: scroll; }

                .mac form div:nth-of-type(even) input,
                .mac form div:nth-of-type(odd) input,
                .mac form input[type= "submit"] { padding: 9px 8px 7px; }

                .mac .requirements > select

                .mac.select-wrap select { padding: 10px 8px 6px; }

                .page-template-thank-you #menu-nav-toggle { visibility: hidden; }

                h1.logo a > img:first-child { display: inline; }

                h1.logo a .white-logo { display: none; }

                .menu-primary-navigation-container li a { color: #3d3d3d; }

                /*----------------------------------Styling for The Gallery page------------------------------*/

                .gallery .wrapper { width: 87%; }


                /*----------------------------------Styling for Residences page------------------------------*/

                .desktop-residence,
                .mobile-thetrees-residence,
                .desktop-thetrees-residence,
                .desktop-thetrees-bgimage,
                .desktop-thetrees-sliders { display: none; }

                .desktop-residence.mobile-location,
                .mobile-residences-content,
                .mobile-thetrees-residence,
                .mobile-thetrees-sliders { display: block; }

                .mobile-location .residences-content,
                .mobile-location .residences-img {
                  float: none;
                  width: 100%;
                }

                .mobile-residences-content {
                  border-bottom: 1px solid lightgrey;
                  padding: 0 0 10px;
                }

                .testimonial-block {
                  border-top: 1px solid lightgrey;
                  border-bottom: none;
                }

                .mobile-location .residences-content .content { width: 84%; }

                .mobile-residences-content .residences-img {
                  width: 100%;
                  height: 400px;
                  margin: 0 0 35px 0;
                  position: relative;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center center;
                }

                .mobile-residences-content .content,
                .mobile-thetrees-residence .content {
                  width: 87%;
                  margin: 0 auto;
                }

                .mobile-residences-content .residences-img h2 {
                  bottom: 40px;
                  position: absolute;
                  left: 48px;
                  line-height: 32px;
                  color: #fff;
                  font-size: 32px;
                }

                .disclaimer-content h2,
                .sitemap h2,
                .floorplan-content h2,
                .about-content h2,
                .gallery-content h2,
                .the-trees-content h2,
                .desktop-thetrees-residence h2,
                .location-content h2 {
                  font-size: 32px;
                  line-height: 32px;
                }

                .floorplan-content h2 { padding: 0 0 20px 0; }

                /*  .floorplan-content h2,*/
                .sitemap h2,
                .disclaimer-content h2,
                .about-content h2 { padding: 0 0 22px; }

                .gallery-content h2,
                .the-trees-content h2,
                .location-content h2,
                .videos .wrapper h2,
                .residences-content { padding: 50px 0 22px 0; }

                .testimonial-block .wrap-block p {  font-size: 24px; }

                .testimonial-block .wrap-block p { text-align: center; }

                .testimonial-block .wrap-block {
                  width: 88%;
                  margin: 0 auto;
                  padding: 35px 0;
                }

                .floorplan-content {
                  width: 88%;
                  padding: 31px 0 14px 0;
                }

                .residence-tab-container,
                .residence-panel-container { display: none; }

                .content-form { background: #fff; }

                /*----------------------------------Styling for The trees page------------------------------*/

                .mobile-thetrees-residence .residences-img {
                  width: 100%;
                  height: 470px;
                  margin-bottom: 26px;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center center;
                }

                .mobile-thetrees-residence { position: relative; }

                .mobile-thetrees-residence .content h2 {
                  top: 62%;
                  position: absolute;
                  left: 48px;
                  color: #fff;
                  font-size: 32px;
                }

                .mobile-thetrees-residence .content h2 + p { padding-top: 10px; }

                .mobile-thetrees-sliders .commercial h2,
                .mobile-thetrees-sliders .hospitality h2,
                .mobile-thetrees-sliders .imagine-studio h2 {
                  padding: 15px 0 15px 6%;
                  font-family: "ProximaNova-300", Arial, sans-serif;
                  font-size: 32px;
                  color: #3d3d3d;
                  white-space: nowrap;
                  word-break: break-word;
                  border-top: 1px solid lightgrey;
                  border-bottom: 1px solid lightgrey;
                }

                .mobile-thetrees-sliders .commercial img {
                  width: 100%;
                  height: auto;
                }


                .mobile-thetrees-sliders .slides li p {
                  margin-bottom: 26px;
                  font-family: "ProximaNova-300", Arial, sans-serif;
                  font-size: 16px;
                  line-height: 28px;
                  color: #3d3d3d;
                }

                .mobile-thetrees-sliders .slides .slider-info {
                  width: 66%;
                  margin: 25% auto;
                }


                /* About page section */
                .video,
                .then,
                .now {
                  height: auto;
                  position: static;
                }

                .then,
                .now { width: 50% !important; }

                .see-more-section.about {
                  margin: 0;
                  display: block;
                  position: relative;
                  left: 0;
                  top: 0;
                }

                .see-more-section.about a {
                  padding: 10px 0;
                  margin: 0;
                  font-size: 20px;
                  line-height: normal;
                }

                .see-more-section .see-more {
                  width: 100%;
                  height: auto;
                  margin-top: 0!important;
                  margin-left: 0;
                  display: block;
                  position: static;
                  color: #000;
                }

                .content-wrapper .see-more-section.about .control { color: #040404; }

                .see-more-section.about .control.active { color: #0084ff; }

                .content-wrapper .now { border-left: 1px solid #ebebeb; }

                .content-wrapper .see-more-section { padding: 0; }

                .content-wrapper .see-more-section > a.see-more {
                  font-family: 'ProximaNova-300', Arial, sans-serif;
                  font-size: 18px;
                }

                .control,
                .see-more-section.about .down-arrow,
                #about-video-bg,
                #about-video-bg2 { display: none; }

                .about-slider.flexslider .caption { width: 75%; }

                .about-slider .caption h2 { font-size: 60px; }

                .page-template-location .content-wrapper .then,
                .page-template-location .content-wrapper .now,
                .map,
                .map-checkbox,
                .masterplan-wrapper,
                .hot-spot1,
                .hot-spot2,
                .hot-spot3,
                .hot-spot4,
                .hot-spot5 { display: none; }

                /*----------------------------------Styling for The Home page------------------------------*/
                .transport-slider .flex-nav-prev { margin-left: 0; }

                .mobile-map-content h2,
                .map-content-wrap { display: none; }

                .mobile-map-content {
                  position: relative;
                  border-bottom: 1px solid #ebebeb;
                  padding: 0 0 40px;
                }

                .mobile-map-content p { padding: 29px 0 0 5.5%; }

                .mobile-map-content p > a,
                .mobile-home-residence-content p > a { padding: 12px 21px 10px; }

                .mobile-thetrees-residence .content p > a { padding: 6px 21px 3px; }

                #videos-slider { margin: 0 0 -6px 0; }



                /*----------------------------------Styling for Location page------------------------------*/
                .mobile-masterplan,
                .mobile-location-map,
                .mobile-map-container { display: block; }


                .mobile-map {
                  display: block;
                  position: relative;
                }


                .mobile-map-container .mobile-map {
                  height: 0;
                  padding-bottom: 56.25%;
                  overflow: hidden;
                  width: 100%;
                  display: block;
                  position: relative;
                }

                .mobile-map-container .mobile-map .zoomer {
                  position: absolute;
                }

                .mobile-map h2 {
                  position: absolute;
                  bottom: 0;
                  color: #fff;
                  font-size: 30px;
                  text-transform: capitalize;
                  padding: 0 5.5% 5.5%;
                  z-index: 10;
                }

                .mobile-map img {
                  max-width: 100%;
                  height: auto;
                }

                .map-overlay {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, .5);
                  top: 0;
                  left: 0;
                }

                /*----------------------------------Styling for Other Info page------------------------------*/

                .commercial-content > div,
                .nri-content > div {
                  width: 89%;
                  margin: 0 auto;
                }

                .commercial-content,
                .nri-content {
                  margin: 0;
                  padding: 80px 0 45px;
                }

                .nri-content { padding: 55px 0 50px; }

                .commercial-content,
                .nri-form-container,
                .commercial-form-container,
                .nri-content {
                  width: 100%;
                  float: none;
                }

                .info-page .commercial-form-container > form {
                  top: 75px;
                  left: 115px;
                }

                #converter-container {
                  top: 86px;
                  left: 115px;
                }

                .commercial-form-container,
                .nri-form-container { height: 460px; }

                .about-us-img .caption h2 { padding: 0 20px; }

                .caption p,
                .caption h2 { padding: 6px 40px 0 11.5%; }

                .mobile-home-our-partners .hover-info {
                  position: relative;
                  width: 100%;
                  height: auto !important;
                  display: inline-block;
                  /*    top: 247px;*/
                  opacity: 1;
                }

                .mobile-home-our-partners h3 + p {
                  width: 100%;
                  max-width: 227px;
                  padding: 10px 0 0 3%;
                  color: #3d3d3d;
                  background: none;
                  display: inline-block;
                  text-align: left;
                  font-size: 14px;
                  font-family: "ProximaNova-300", Arial, sans-serif;
                }


                .mobile-home-our-partners .partners-post h3 {
                  display: inline-block;
                  margin-bottom: 0;
                  color: #3d3d3d;
                  font-size: 18px;
                  font-family: "ProximaNova-300", Arial, sans-serif;
                  padding: 9px 0 0 6px;
                }

                .mobile-home-our-partners .partners-post li:first-child { margin-left: 0; }

                .home-our-partners { display: none; }

                .mobile-map-container .mobile-map {
                  height: 0;
                  padding-bottom: 56.25%;
                  overflow: hidden;
                  width: 100%;
                  display: block;
                  position: relative;
                  border-top: 1px solid lightgrey;
                  border-bottom: 1px solid lightgrey;
                }

                .mobile-map-container .mobile-map .zoomer { position: absolute; }

                /*  Media page style*/

                .release-blog .wrapper { max-width: 1000px;}

                .media-page,
                .single-blog-page,
                /*.blog-page { margin: 81px 0 0 0; }*/

                .more-posts { padding: 10px 0 9px 0; }


                .wrap-url-sharethis p > a {
                  padding: 8.5px 12px 7px;
                  line-height: 14px;
                }

                .blog-content { width: 86%; }

                .wrap-url-sharethis { width: 85%; }

                .blog-info.initLoad { margin-left: 0; }

                .blog-date > span:first-child:hover,
                .blog-title p > a:hover {
                  text-decoration: none;
                }

                /*  .blog-info:nth-last-child(-n+3),*/

                .blog-info.initLoad { margin-left: 0; }

                .blog-info {
                 width: 302px;
                 max-width: 302px;
                 margin-bottom: 56px;
               }


               .searchbox-white-icon,
               .searchbox-input,
               .searchbox-icon,
               .filter select { height: 54px; }

               .searchbox{ height:55px; }

               /*  .blog-info:nth-last-child(-n+2) { margin-bottom: 0; }*/

               .release-blog .wrapper {
                width: 75%;
                max-width: 1000px;
              }

              .media-page .searchbox,
              .single-blog-page .searchbox,
              .blog-page .searchbox {
                top: 0;
                width: 60px;
                right: 50px;
                max-width: 100%;
              }

              .searchbox form.open { width: 98.5%; }

              .options {
                top: 55.5px;
                left: -18px;
              }

              .searchbox-input {
                padding: 0 60px 0 120px;
              }

              .searchbox-white-icon {
                top: 0;
                left: 60px;
                width: 60px;
                background-position: center center;
              }

              .searchbox-icon {
                background-position: center center;
              }

              .searchbox-underline { width: 79%; }

              /* ----------- Detail blog page----------*/

              .related-post-wrapper .blog-info { margin: 0 0 30px 3%; }

              .detail-content-wrap .blog-title h3 { font-size: 32px; }

              .single-blog-page .wrapper { width: 94%; }

              .detail-blog-content .blogs-featured-img,
              .detail-blog-content .blogs-detail-img { height: 250px; }

              .detail-content-wrap .blog-title > ul { margin: 16px auto 15px; }

              .single-blog-page .content-seperator { margin: 10px auto 0; }

              .detail-content-wrap .addthis_sharing_toolbox { margin: 23px 0 0 0; }

              .detail-content-wrap .blog-content { margin-top: 10px; }

              .single-blog-page .blog-quote-wrap p {
                font-size: 20px;
                line-height: 36px;
                text-align: left;
              }

              .blog-author-info,
              .twitter-feeds,
              .instagram-package { width: 46.2%; }

              .blog-author-info,
              .instagram-package,
              .twitter-feeds { margin: 0 0 40px 0; }

              .related-post-wrapper .blog-info:nth-of-type(2n+1) { margin-left: 0; }

              .recent-posts .related-post-wrapper { border-bottom: 1px solid lightgray; }

              .detail-content-wrap,
              .single-blog-page .image-detail-blog { width: 94.5%; }

              /* ----------- Blog detail page ------------*/

              .slider-overlay-content h3 {
                font-size: 14px;
                line-height: 19px;
              }

              .slider-overlay-content .content-seperator + p {
                font-size: 12px;
                line-height: 17px;
              }

              .single-blog-page .wrap-search-filter .wrapper { width: 94%; }

              .blog-quote .wrapper {
                width: 86%;
                margin: 17px auto 25px;
              }

              .blog-quote-wrap {
                width: 85%;
                margin: 6px 0 0 5px;
              }

              img.right-forma {
                bottom: 25px;
                right: -8px;
              }

              .discus-blog { width: 89%; }

              .related-post-wrapper > h3 { margin: 22px 0 10px 0; }

              .instagram-package { margin: -30px 0 30px 0; }

              .mobile-slider-content,
              .mobile-related-posts { display: none; }

              .slider-overlay-content .slider-detail-page > a { padding: 5px 6px 3px; }
              .overlay-slider { width: 45%; }

            }

            @media only screen and (min-width : 320px) and (max-width : 640px) and (orientation : portrait) {

              header,
              .background-video,
              .form-wrapper { position: static; }

              .menu-primary-navigation-container li a { padding: 0; }

              .slide3 {
                padding: 0;
              }

              .header-img-overlay { padding: 0; }

              #hero-video { visibility: hidden; }

              .background-video {
                position: static;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
              }

              #menu-primary-navigation li { padding: 12px 3%; }

              .form-wrapper {
                margin: 0;
                position: absolute;
                top: 0;
              }

              span#menu-nav-toggle { padding: 0; }

              h1.logo img {
                width: 100%;
                height: auto;
              }

              .godrej {
                padding: 0;
                margin: 0;
              }

              .menu-primary-navigation-container {
                top: 109px;
                z-index: 1;
              }

              .header-img-overlay h2 {
                font-size: 35px;
                line-height: 40px;
              }

              .header-img-overlay h3 {
                font-size: 17px;
                padding: 8px 7px;
              }

              form {
                width: 85%;
                padding: 50px 4%;
              }

              .error-message { padding: 2px 0 0 10px; }

              .content-form form div { width: 100%; }

              form select {
                width: 96%;
                padding: 0 0 0 7px;
              }

              .requirements > select { padding: 0 0 0px 5px; }

              .mac .requirements > select,
              .mac .select-wrap select { padding: 0 0 0px 8px; }

              form .requirements > select,
              form input[type= "submit"] { width: 100%; }

              .select-wrap select {
                width: 100%;
                background: url(../images/arrow-down.png) no-repeat #fff 96% center;
              }

              .select-requirements { background: url(../images/arrow-down.png) no-repeat #fff 95.5% center; }

              .error-message { font-size: 13px; }

              .about-info,
              .about-image {
                width: 100%;
                display: block;
              }

              .about-info > .content {
                width: 86%;
                padding: 30px 0 22px;
              }

              .content-wrapper h2 { margin: 10px 0 15px; }

              form div:nth-of-type(odd) input,
              form div:nth-of-type(even) input {
                width: 100%;
                padding: 0px 0 1px 8px;
              }

              .flexslider.gallery .flex-control-paging li a {
                width: 12px;
                height: 12px;
              }

              .flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a {
                width: 32px;
                height: 50px;
              }

              .flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-next a {
                right: 19px;
                top: 45%;
              }

              .flexslider.gallery.slide5 .flex-direction-nav li.flex-nav-prev a {
                left: 23px;
                top: 45%;
              }

              .contacts .col { width: 100%; }

              footer { padding: 25px 0; }

              .contacts h3 {
                font-size: 25px;
                line-height: 28px;
              }

              .menu-footer-social-menu-container ul li { margin-left: 15px; }

              .bottom-section,
              .floorpan-wrapper { display: none; }



              .recent-posts .blog-title h3 a {
                font-size: 14px;
                line-height: 16px;
              }

            }

            @media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {


              #hero-video { visibility: hidden; }

              .godrej {
                padding: 0;
                margin: 0;
              }

              .menu-primary-navigation-container {
                top: 104px;
                z-index: 1;
              }

              .menu-primary-navigation-container li a { padding: 0; }

              .form-wrapper {
                margin: 0;
                position: absolute;
                top: 36px;
              }

              .background-video {
                position: static;
                height: 580px;
              }

              .slide3 { padding: 0 0 35px 0;}

              .header-img-overlay h2 {
                font-size: 35px;
                line-height: 40px;
              }

              .header-img-overlay h3 {
                font-size: 17px;
                padding: 0 7px;
              }

              .content-form form div { width: 100%; }

              form select,
              form .select-requirements { padding: 0 0 0 8px; }

              form {
                width: 85%;
                padding: 33px 3% 33px 6%;
              }

              form select,
              form .requirements > select,
              form input[type= "submit"] { width: 96.3%; }

              .select-wrap select,
              .select-requirements { background: url(../images/arrow-down.png) no-repeat #fff 96% center; }

              .error-message {
                padding: 2px 0 0 9px;
                font-size: 13px;
              }

              .slide2 { display: none; }

              .contacts h3 {
                font-size: 25px;
                line-height: 28px;
              }

              .content-wrapper h2 { margin: 10px 0 18px; }

              footer { padding: 25px 0; }

              .contacts .col { width: 100%; }

              .menu-footer-social-menu-container ul li { margin-left: 15px; }

              .bottom-section { display: none; }

              .info-page .commercial-form-container > form,
              #converter-container { left: 35px; }

              #convert-it, #value-to-convert { width: 58.5%; }

              .white_content{
                width: 70%;
                height: 60%;
                left: 15%;
              }

              .close { right: 52px; }

              /*  .black_overlay { top: 30%; }*/

              .mobile-thetrees-residence .content h2 { left: 40px; }

              .close { right: 54px; }

              .cust-flex-next { right: 70px; }

              .flexslider.transport-wrapper .slides li img {
                max-width: 35% !important;
              }

              .recent-posts .blog-title h3 a { font-size: 14px; }

            }

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

              header { border-bottom: 1px solid lightgrey; }

              .back-btn {
                /*     display: none; */
                height: 50px;
                padding-top: 12px;
                font-size: 0;
              }

              .back-btn img {
                height: 34px;
                margin-right: 12px;
                vertical-align: -13px;
              }


              .white_content {
                height: 56%;
                width: 72.5%;
                top: 81px;
              }

              .close {
                right: 6%;
                top: 44px;
              }



              .home .main { margin-top: 0; }

              .gallery .tab-container { padding: 20px 0 16px; }

              .tab-container .etabs .tab { margin: 0; }

              .tab-container .etabs {
                margin: 0 auto;
                text-align: center;
              }

            /*  footer .copyrights ul,
            footer .copyrights p { float: none; }*/

            .copyrights .menu li { margin-left: 0; }

            /*  footer .copyrights ul { margin-top: 11px; }*/

            .tab-container .etabs .tab:first-child { padding-left: 0; }

            .tab-container .etabs li a { border: none; }

            .cust-prev,
            .cust-next {
              margin-top: -10px;
              top: 50%;
            }

            .main { margin: 0; }

            .residences-content { padding-top: 30px; }

            header,
            .caption { position: relative; }

            .home-our-partners { display: none; }

            .mobile-home-our-partners { display: block; }

            .mobile-home-our-partners .partners-post h3 {
              width: 100%;
              max-width: 227px;
              text-align: left;
            }


            .mobile-home-our-partners .partners-post { text-align: center; }

            .mobile-home-our-partners .partners-post li img {
              max-width: 100%;
              width: auto;
            }

            .mobile-home-our-partners .partners-post li {
              width: auto;
              display: block;
              margin: 0 auto;
            }

            .mobile-home-our-partners .partners-post li:nth-of-type(2n) { margin-left: auto; }

            .mobile-home-our-partners .partners-post li:nth-of-type(2n+1) { margin-left: auto; }

            .mobile-home-our-partners h3 + p { padding: 10px 0 45px 3%; }

            .header-img-overlay h2 { font-size: 35px; }

            .cust-flex-next,
            .cust-flex-prev {
              width: 20px;
              height: 20px;
              margin-top: -10px;
            }

            .cust-flex-prev { left: 10px; }

            /*  .cust-flex-next { right: 44px; }*/

            .cust-flex-prev > a {
              background: url(../images/left.png) no-repeat center center;
              background-size: contain;
            }

            .cust-flex-next > a {
              background: url(../images/right.png) no-repeat center center;
              background-size: contain;
            }

            .contacts h3 {
              font-size: 28px;
              line-height: 28px;
              margin-bottom: 11px;
            }

            .content-wrapper h2,
            .thankyou-page .wrapper h2,
            .commercial-content h2,
            .nri-content h2 {
              font-size: 32px;
              line-height: 32px;
            }

            .caption {
              padding: 15px 0;
              /*    background: rgba(204, 204, 204, 0.2);*/
              background: rgba(0, 0 ,0 , .60);
            }

            .about-us-img .caption { background: rgba(204, 204, 204, 0.2); }

            .caption p,
            .caption h2 {
              font-size: 14px;
              line-height: 18px;
              color: #fff;
            }

            .mac #menu-primary-navigation li,
            .android #menu-primary-navigation li {
              padding: 14px 0 10px 5%;
              width: 95%;
            }

            /*  .menu-primary-navigation-container ul > li > ul.sub-menu {  margin: 0 0 -11px 0;}*/

            .android .select-wrap select,
            .android form .requirements > select { padding: 3px 0 1px 4px; }

            /*----404page styling------*/

            .error404 .error-page h2 {
              font-size: 32px;
              line-height: 32px;
            }

            .error404 .error-page p { padding: 10px 0 5px 0; }

            .error404 .page-not-found .wrapper {
              width: 81%;
              padding: 30px 0;
            }


            .testimonial-block .wrap-block p + p {
              font-size: 16px;
              line-height: 28px;
              text-align: center;
            }

            .testimonial-block .wrap-block { width: 74%; }

            /*----------------------------------Styling for The trees page------------------------------*/
            .mobile-thetrees-sliders .slides .slider-info {
              width: 66%;
              margin: 2% auto;
            }

            .mobile-thetrees-sliders .slides li p { margin-bottom: 10px;}

            .about-info > .content {
              width: 86%;
              padding: 30px 0 22px;
            }

            .disclaimer-content h2,
            .sitemap h2,
            .about-us .about-content h2,
            .videos .wrapper h2  {     padding: 0 0 18px 0; }

            .about-us .wrapper  {
              width: 84%;
              margin: 40px auto 50px;
            }

            .the-trees .wrapper { margin: 14px auto 50px; }

            .mobile-thetrees-sliders .commercial h2,
            .mobile-thetrees-sliders .hospitality h2,
            .mobile-thetrees-sliders .imagine-studio h2 {
              white-space: normal;
              padding-right: 19px;
              /*    margin: 15px 15px 15px 6%;*/
            }

            .videos .wrapper { margin: 32px auto 0; }

            .gallery .wrapper {   margin: 14px auto 35px;  }

            .sitemap h2,
            .about-content h2,
            .gallery-content h2,
            .the-trees-content h2,
            .location-content h2,
            .residences-content { padding: 32px 0 22px 0; }

            .mobile-map-content p > a,
            .mobile-home-residence-content p > a { padding: 12px 21px 10px; }

            .mobile-thetrees-residence .content p > a { padding: 6px 21px 3px; }

          /*  .blog-info {
            width: 100%;
            max-width: 350px;
            }*/

            /*  Media page style*/
            .header-chatlinks {
              right: 15px;
              display: inline-block;
              width: 32px;
              padding: 10px 0 0;
            }

            .more-posts {
              padding: 10px 0 9px;
              line-height: 16px;
            }


            .searchbox-white-icon,
            .searchbox-input,
            .searchbox-icon { height: 51px; }

            .searchbox { height: 51px; }

            .searchbox-white-icon { width: 50px; }

            .media-page,
            .blog-page,
            .single-blog-page {
              margin: 0;
              padding: 0 0 20px;
            }

            .wrap-url-sharethis { margin-bottom: 25px; }

            .filter {
              width: 100%;
              text-align: left;
            }

            .filter select:nth-of-type(odd) {
              padding: 0;
            }

            .filter .select {
              margin: 0 6px;
            }

            .mac .filter .select {
              margin: 0 14px 0 6px;
            }

            .filter .select {
              width: 108px;
            }

            .select .year + .styledSelect {
              /*background: none;*/
              padding: 16px 19px 14px 5px;
            }

            .filter select { height: 50px; }

            .filter .select + .select:before { left: -7px; }


            .styledSelect {
              /*background: none;*/
              padding: 16px 19px 14px 1px;
              background-size: 15px !important;
            }

            .currentSelector {
              padding: 16px 12px 14px;
            }

            .select + .select .currentSelector { left: 0; }

            .filter .styledSelect.active,
            .filter .styledSelect.active-color,
          .filter .styledSelect:hover { /*background: none;*/ }

          .release-blog .wrapper {
            padding: 50px 0 10px 0;
          }


          /*  .blog-info:nth-last-child(-n+3),*/
          .blog-info {
            max-width: 605px;
            width: 100%;
            margin-bottom: 30px;
          }

          /*  .blog-info:last-of-type { margin-bottom: 0; }*/

          /*    .blog-info:first-child { margin-bottom: 0; }*/

          .blog-content { width: 84%; }

          /*    .blog-img {
            width: 100%;
            margin: 0 auto;
            }*/

            .blog-title { width: 74%; }



            .options {
              width: 118px;
              top: 51px;
              left: -6px;
            }

            .select .year + .styledSelect + ul { left: -4px; }


            .filter .select + .select { width: 82px; margin:0 0 0 2px; }

            /*    .addthis_sharing_toolbox .at-svc-email,
            .addthis_sharing_toolbox .at-svc-google_plusone_share,
            .addthis_sharing_toolbox .at-svc-twitter,
            .addthis_sharing_toolbox .at-svc-linkedin,
            .addthis_sharing_toolbox .at-svc-facebook {
              width: 30px;
              height: 31px;
              }*/


              .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:first-child { margin-left: 0; }

              .wrap-url-sharethis { width: 84%; }

              .filter { text-align: left; }

              .filter { width: 67%; }

              .searchbox-icon { background: url(../images/search_icon_responsiv.png) no-repeat center center; }

              .searchbox-white-icon {
                left: 45px;
                background: url(../images/white_small_search.png) no-repeat center center;
              }

              .searchbox {
                top: 0;
                width: 60px;
                right: 50px;
                max-width: 100%;
              }

              .searchbox-open {
                width: 100%;
                right: 0;
              }

              .searchbox-input { padding: 0 50px 0 100px; }

              /* Site map page */
              .sitemap .wrapper {
                width: 98%;
                margin: 0 0 0 5%;
              }

              .blog-page .wrap-search-filter { height: 50px; }

              .blog-page .blog-categories {

              }

              .blog-page .release-blog .wrapper { margin: 30px auto; }

              .blog-page .overlay-slider { width: 42%; }


              .slider-overlay-content .content-seperator + p {
                width: 87%;
                font-size: 13px;
              }

              .slider-overlay-content h3 { font-size: 16px; }

              .slider-overlay-content .slider-detail-page > a { font-size: 11px; }

              .contacts .col:first-child,
              .contacts .col:last-of-type { width: 100%; }

              .contacts .col {
                width: 71%;
                max-width: 372px;
              }

              .copyrights .menu li { padding: 0 14px; }

              .copyrights .wrapper {
                padding: 15px 0 0;
                width: 88%;
              }

              footer .copyrights { margin-top: 16px; }

              footer { padding: 30px 0 15px; }

              .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 0 0 18px; }

              .contacts .col > div { padding: 0 0 8px 0; }

              .contacts .col div.row2 { padding-bottom: 26px; }

              .menu-footer-social-menu-container { margin-top: 12px; }

              .contact-number p:nth-child(even),
              .col address { margin: 0 0 10px; }

              /*  .menu-footer-social-menu-container { margin: 15px 0 0 0; }*/
              .filter-msg-wrapper { padding-bottom: 39px; }

              .blog-quote .wrapper {
                width: 80%;
                margin: 17px auto 20px;
              }

              .single-blog-page .blog-info {
                width: 302px;
                max-width: 302px;
              }

              .recent-posts .related-post-wrapper {
                padding-bottom: 0;
                border-bottom: 0;
              }

              .recent-posts .blog-info:nth-of-type(1){
                border-top:1px solid lightgrey;
              }

              .recent-posts .blog-info {
                width: 100%;
                max-width: 100%;
                border-top: 0;
                margin: 0;
                padding: 15px 0 10px;
                border-left: 0;
                border-right: 0;
              }

              .recent-posts .blog-img {
                margin: 3px 0 10px 5px;
                width: 35%;
                display: inline-block;
                vertical-align: top;
              }

              .recent-posts .blog-title {
                width: 55%;
                padding-left: 9px;
                margin: 0;
                display: inline-block;

              }

              .recent-posts .blog-info .blog-title h3 {
                margin: 9px 0 0 0;
                font-size: 14px;
                line-height: 14px;
                text-align: left;
              }
              .recent-posts .blog-info .blog-title ul {
                padding-left: 4px;
                margin:0 0 2px 0 ;
                line-height: 10px;
                text-align: left;
              }

            }

            /*@media only screen and (max-width: 667px) {


              .close {
               right: 1%;
               top: 1%;
             }

  #menu-primary-navigation li {
    width: 95%;
    padding: 14px 0% 11px 5%;
  }

  .close { right: 50px; }

  .hide-floorplan { display: block; }

  .android #lead-form-submit { padding-top: 10px; }

  .android .header-img-overlay h3 { margin-top: 1px; }

  .error-message {
    font-size: 13px;
    padding: 2px 0 0 10px;
  }

  .android ::-webkit-input-placeholder { line-height: 21px; }

  .thankyou-page .wrapper { width: 80%; }

  .thankyou-page .wrapper h2 + p { padding-bottom: 10px; }

  ----------------------------------Styling for Residences page------------------------------

  .mobile-residences-content .residences-img h2 { left: 36px; }

  .testimonial-block .wrap-block p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
  }

  .testimonial-block .wrap-block { width: 74%; }


  About slider
  .about-slider .caption p { padding-left: 15px; }

  .about-slider .caption h2 {
    padding-right: 20px;
    font-size: 24px;
  }

  .about-slider .caption p {
    font-size: 12px;
    line-height: 13px;
  }

  .about-slider .flex-direction-nav li {
    width: 11px;
    height: 18px;
  }

  .about-slider .flex-control-nav li {
    width: 35px;
    margin-left: 15px;
  }

  .about-slider .flex-direction-nav li.flex-nav-prev { margin-left: 15px; }

  .about-slider .flex-direction-nav li.flex-nav-next { margin-right: 15px; }

  .about-slider .flex-direction-nav a.flex-next,
  .about-slider .flex-direction-nav a.flex-prev { background-size: contain; }

  .about-slider .flex-direction-nav { margin-top: -9px; }

  .about-slider .img-wrapper {
    width: 100%;
    max-width: 300px;
    padding: 10px 10px 35px 10px;
  }

  .about-slider .caption h2 { border-width: 2px; }

  .about-slider .flex-control-nav { padding: 25px 0; }

  .about-slider.flexslider .caption {
    max-width: 300px;
    padding: 20px 0;
  }

  body .media-moblie-hide,
  .page-template-media-php {
    display: none !important;

  }

  }*/

  @media only screen and (max-width: 667px) {


    /*  .close {
     right: 1%;
     top: 1%;
     }*/

     #menu-primary-navigation li {
      width: 95%;
      padding: 14px 0% 11px 5%;
    }

    .close { right: 50px; }

    .hide-floorplan { display: block; }

    .android #lead-form-submit { padding-top: 10px; }

    .android .header-img-overlay h3 { margin-top: 1px; }

    .error-message {
      font-size: 13px;
      padding: 2px 0 0 10px;
    }

    .android ::-webkit-input-placeholder { line-height: 21px; }

    .thankyou-page .wrapper { width: 80%; }

    .thankyou-page .wrapper h2 + p { padding-bottom: 10px; }

    /*----------------------------------Styling for Residences page------------------------------*/

    .mobile-residences-content .residences-img h2 { left: 36px; }

    .testimonial-block .wrap-block p {
      font-size: 16px;
      line-height: 28px;
      text-align: center;
    }

    .testimonial-block .wrap-block { width: 74%; }


    /* About slider */
    .about-slider .caption p { padding-left: 15px; }

    .about-slider .caption h2 {
      padding-right: 20px;
      font-size: 24px;
    }

    .about-slider .caption p {
      font-size: 12px;
      line-height: 13px;
    }

    .about-slider .flex-direction-nav li {
      width: 11px;
      height: 18px;
    }

    .about-slider .flex-control-nav li {
      width: 35px;
      margin-left: 15px;
    }

    .about-slider .flex-direction-nav li.flex-nav-prev { margin-left: 15px; }

    .about-slider .flex-direction-nav li.flex-nav-next { margin-right: 15px; }

    .about-slider .flex-direction-nav a.flex-next,
    .about-slider .flex-direction-nav a.flex-prev { background-size: contain; }

    .about-slider .flex-direction-nav { margin-top: -9px; }

    .about-slider .img-wrapper {
      width: 100%;
      max-width: 300px;
      padding: 10px 10px 35px 10px;
    }

    .about-slider .caption h2 { border-width: 2px; }

    .about-slider .flex-control-nav { padding: 25px 0; }

    .about-slider.flexslider .caption {
      max-width: 300px;
      padding: 20px 0;
    }

    .about-slider .flex-control-nav li p {
      padding-top: 5px;
      font-size: 15px;
    }

    .about-slider .flex-control-nav li a {
      width: 15px;
      height: 15px;
      background-size: contain;
    }

    .about-us-img .caption h2 {
      padding: 5px 18px 0;
      color: #fff;
    }

    .about-us-img .caption {
      padding: 9px 5% 12px;
      background: rgba(0, 0 ,0 , .60);
      position: static;
    }


    /*----------------------------------Styling for Other Info page------------------------------*/

    /*  .android .info-page .commercial-form-container > form,
    .android #converter-container { left: 86px;}*/

    .cust-flex-next { right: 25px; }

    .flexslider.transport-wrapper .slides li img { max-width: 35% !important; }

    .cust-flex-prev { left: 20px; }

    .caption p,
    .caption h2 {
      width: 73%;
      padding: 4px 57px 0;
    }

    #videos-slider iframe { height: 328px; }

    .page-template-location .main { margin: 15px 0 0; }

    /*  body .media-moblie-hide,
    .page-template-media-php {
      display: none !important;
      }*/

      /*  Media page style*/
      .header-chatlinks {
        top: 80px !important;
        right: 15px;
        display: inline-block;
        width: 32px;
      }

      .media-page,
      .blog-page,
      .single-blog-page {
        margin: 0;
        padding: 0 0 20px;
      }


      .filter select:nth-of-type(odd) {
        padding: 0;
      }

      .release-blog .wrapper {
        padding: 50px 0 10px 0;
      }

      .blog-categories > .wrapper { padding: 35px 0 8px 0; }

      /*  .blog-info:nth-last-child(-n+3),*/
      .blog-info {
        max-width: 510px;
        width: 100%;
        margin-bottom: 30px;
      }

      /*  .blog-info:last-of-type { margin-bottom: 0; }*/

      .blog-info .article { margin: 0 0 -3px 20px; }

      .blog-date > span { vertical-align: bottom; }

      /*    .blog-info:first-child { margin-bottom: 0; }*/

      .blog-content { width: 84%; }

      /*    .blog-img {
        width: 100%;
        margin: 0 auto;
        }*/

        .blog-title {
          width: 74%;
        }

        /*  body .addthis_sharing_toolbox .at-svc-email,
        body .addthis_sharing_toolbox .at-svc-google_plusone_share,
        body .addthis_sharing_toolbox .at-svc-twitter,
        body .addthis_sharing_toolbox .at-svc-linkedin,
        body .addthis_sharing_toolbox .at-svc-facebook {
          width: 30px !important;
          height: 32px !important;
        }
        */



        .wrap-url-sharethis { width: 84%; }

        .filter {
          width: 67%;
          margin: 0;
          text-align: left;
        }

        /* ----------   blog page ------------*/

        .blog-slider { position: static; }

        .blog-slider .overlay-slider { display: none; }

        .mobile-slider-content {
          display: block;
          border-bottom: 1px solid lightgrey;
          padding: 0 0 40px;
        }

        .media-page .back-btn { display: none; }

        .mobile-slider-content h3 {
          width: 74%;
          margin: 18px auto 0;
          color: #3d3d3d;
          font-size: 22px;
          line-height: 28px;
          font-family: "ProximaNova-700", Arial, sans-serif;
          text-align: center;
          text-transform: uppercase;
        }

        .mobile-slider-content .blog-content { width: 74%; }

        .mobile-slider-content .blog-content p {
          margin-bottom: 20px;
          display: inline-block;
          font-family: "ProximaNova-300", Arial, sans-serif;
          font-size: 14px;
          line-height: 24px;
          color: #3d3d3d;
        }

        .mobile-slider-content .slider-detail-page {
          width: 74%;
          margin: 0 auto;
          text-align: left;
        }

        .mobile-slider-content .slider-detail-page > a {
          padding: 10px 12px 8px;
          line-height: 16px;
          display: inline-block;
          font-size: 14px;
          color: #fff;
          background: #84b54c;
          text-decoration: none;
          font-family: "ProximaNova-300", Arial, sans-serif;
          box-sizing: border-box;
          text-transform: uppercase;
        }

        .detail-content-wrap .blog-title h3 {
          font-size: 22px;
          line-height: 28px;
        }

        .blog-date > span { font-size: 14px; }

        .blog-categories li:first-child { padding-left: 10px; }

        .blog-categories li { padding: 0 10px; }

        .detail-content-wrap .blog-date > span:first-child { border-right: 1px solid lightgrey; }

        /* ----------   Detail blog page ------------*/

        .single-blog-page .wrapper {
          width: 100%;
          border: 0;
        }

        .detail-content-wrap {
          width: 100%;
          padding: 0
        }

        .detail-blog-content .blogs-detail-img { display: none; }

        .detail-blog-content .blogs-featured-img {
          width: 100%;
          height: 170px;
        }

        .single-blog-page .blog-quote-wrap p {
          font-size: 20px;
          line-height: 28px;
        }

        .blog-quote img { padding: 0 0 0 7%; }

        .blog-quote .wrapper { margin: 16px auto 24px; }

        .blog-quote-wrap {
          width: 65%;
          margin: 16px 0 0 6px;
        }

        .blog-quote img.right-forma {
          bottom: 18px;
          right: 47px;
        }

        .single-blog-page .image-detail-blog {
          width: 100%;
          border-bottom: 1px solid lightgrey;
          padding: 25px 0;
        }

        .discus-blog { width: 100%; }

        .discus-blog  .comments-area {
          width: 85%;
          margin: 0 auto;
        }

        .discus-blog > h3,
        .mobile-related-posts > h3 {
          border-bottom: 1px solid lightgrey;
          border-top: 1px solid lightgrey;
          padding: 10px 0 10px 7%;
          font-size: 22px;
        }

        .discus-blog > h3 {
          padding: 10px 0 10px 6%;
          margin: 0 0 10px 0;
          border-top: none;
        }

        .mobile-related-posts > h3 { margin: -8px 0 10px 0; }

        .mobile-related-posts { display: block; }

        .wrap-img-title {
          width: 85%;
          margin: 20px auto;
        }

        .mobile-related-posts > h3 {
          color: #3d3d3d;
          font-family: "ProximaNova-700", Arial, sans-serif;
          text-transform: uppercase;
        }
        .single-blog-page .mobile-related-posts,
        .insta-twitter-wrapper,
        .blog-slider { display: none; }

        .mobile-slider-content .flexslider li > img { min-height: 150px; }

        .blog-mobile-slider .flexslider {
          border: none;
          border-radius: 0;
          background: none;
          margin: 0;
        }

        .blog-mobile-slider .flex-direction-nav { display: block; }

        .blog-mobile-slider .flex-direction-nav li.flex-nav-prev,
        .blog-mobile-slider .flex-direction-nav li.flex-nav-next { top: 28%; }

        .blog-mobile-slider .flex-direction-nav li.flex-nav-prev a,
        .blog-mobile-slider .flex-direction-nav li.flex-nav-next a {
          height: 30px;
          width: 18px;
        }

        /*  Footer changes*/

        .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 0 0 18px; }

        /*  .menu-footer-social-menu-container { margin: 15px 0 0 0; }*/

        .blog-page .content-seperator { width: 31%; }

      }

      @media only screen and (max-width : 480px) {
        .copyrights ul,
        .copyrights p { float: none; }

        .copyrights ul { margin: 5px 0 0; }

        .copyrights .wrapper {
          padding: 15px 0 0;
          width: 88%;
        }

      }

      @media only screen and (max-width : 414px) {

        /*  Media page style*/
        .header-chatlinks {
          right: 10px;
          display: inline-block;
          width: 32px;
        }

        .filter-msg-wrapper  { padding-bottom: 0; }
        .filter-msg-wrapper p { margin: 30px auto 6px; }
        .media-page,
        .blog-page,
        .single-blog-page {
          margin: 0;
          padding: 0 0 20px;
        }

        .filter select:nth-of-type(odd) {
          padding: 0;
        }

        .styledSelect {
          /*background: none;*/
        }
        .blog-categories > .wrapper { padding: 30px 0 0 0; }

        .release-blog .wrapper {
          width: 100% !important;
          padding: 0;
          margin: 0 auto;
        }

        /*  .blog-info:nth-last-child(-n+3),*/
        .blog-info {
          width: 100% !important;
          border: none;
          border-bottom: 1px solid lightgrey;
          /*border-top: 1px solid lightgrey;*/
          margin-bottom: 30px;
          padding-bottom: 30px;
        }

        .blog-img {
          width: 100%;
          margin: 0 auto;
        }

        .blog-title {
          width: 74%;
          /*      padding-right: 2%; */
        }



        /*  .addthis_sharing_toolbox .at-svc-email,
        .addthis_sharing_toolbox .at-svc-google_plusone_share,
        .addthis_sharing_toolbox .at-svc-twitter,
        .addthis_sharing_toolbox .at-svc-linkedin,
        .addthis_sharing_toolbox .at-svc-facebook {
          width: 30px;
          height: 31px;
          }*/

          .wrap-url-sharethis { margin: 0 auto; }

          .loadmore-wrapper {
            margin: 0 auto;
            padding: 0 0 30px;
          }

          .filter {
            width: 67%;
            text-align: left;
            margin: 0;
          }

          .blog-info { margin-bottom: 60px; }

          /* ----------   blog page ------------*/

          .blog-slider { position: static; }

          .blog-slider .overlay-slider { display: none; }

          .mobile-slider-content {
            display: block;
            border-bottom: 1px solid lightgrey;
            padding: 0 0 40px;
          }

          .mobile-slider-content h3 {
            width: 74%;
            margin: 18px auto 0;
            color: #3d3d3d;
            font-size: 22px;
            line-height: 28px;
            font-family: "ProximaNova-700", Arial, sans-serif;
            text-align: center;
            text-transform: uppercase;
          }
          .mobile-slider-content .slider-detail-page,
          .mobile-slider-content .blog-content { width: 84%; }

          .mobile-slider-content .blog-content p {
            margin-bottom: 20px;
            display: inline-block;
            font-family: "ProximaNova-300", Arial, sans-serif;
            font-size: 14px;
            line-height: 24px;
            color: #3d3d3d;
          }

          /* .mobile-slider-content .slider-detail-page { text-align: center; } */

          .mobile-slider-content .slider-detail-page > a {
            padding: 10px 12px 8px;
            line-height: 16px;
            display: inline-block;
            font-size: 14px;
            color: #fff;
            background: #84b54c;
            text-decoration: none;
            font-family: "ProximaNova-300", Arial, sans-serif;
            box-sizing: border-box;
            text-transform: uppercase;
          }

          .blog-mobile-slider .flex-direction-nav li.flex-nav-prev,
          .blog-mobile-slider .flex-direction-nav li.flex-nav-next { top: 21%; }

          .contacts .col:first-child,
          .contacts .col:last-of-type { width: 100%; }

          .contacts .col { margin: 0; }

          .blog-page .content-seperator { width: 31%; }

          .discus-blog > h3 {
            padding: 10px 0 10px 6%;
            margin: 0 0 10px 0;
            border-top: none;
          }

          .mobile-related-posts > h3 { margin: -8px 0 10px 0; }
        }

        @media only screen and (max-width : 384px) {

          .form-wrapper { top: 41px; }

          .hide-floorplan { display: block; }

          .close {
            right: 0px;
            top: 145px;
            background-size: contain;
            width: 30px;
            height: 30px;
          }

          .white_content {
            height: 27.2%;
            width: 89.2%;
            left: 5.5%;
            top: 175px;
          }

          h1.logo { width: 34%; }

          .godrej-logo-mob img,
          h1.logo img {
            width: 100%;
            height: auto;
          }

          .godrej-logo-mob { width: 43%; }

          #menu-nav-toggle { margin: 0; }

          .android form div:nth-of-type(odd) input,
          .android form div:nth-of-type(even) input {
            width: 100%;
            padding: 0px 0 1px 8px;
          }

          .header-img-overlay h3 { margin: 5px 0; }

          .android .header-img-overlay h3 {
            font-size: 17px;
            padding: 8px 7px;
          }

          .thankyou-page .wrapper h2 + p { padding-bottom: 20px; }

          .cust-prev {
            display: inline-block;
            position: absolute;
            top: 34px;
            left: 13px;
          }

          .cust-next {
            display: inline-block;
            position: absolute;
            top: 34px;
            right: 13px;
          }


          .tab-container .etabs li a {
            font-size: 16px;
            border-left: none;
            border-right: none;
            padding: 0 20px;
          }

          .tab-container .etabs .tab { padding: 0; }

          .tab-container {
            position: relative;
            /*padding: 0;*/
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            padding: 0;
          }



          .tab-container .etabs li:first-child a {
            padding: 0 20px;
            border-right: none;
          }

          .tab-container .etabs li a.godrej3 {
            padding: 0 20px;
            border-right: none;
          }

          .tab-container .etabs {
            width: 73%;
            margin: 0 auto;
          }

          .cust-prev > a,
          .cust-next > a {
            width: 26px;
            height: auto;
            display: block;
            background: url('../images/left.png') no-repeat center center;
            background-size: contain;
            text-indent: -9999px;
          }

          .cust-next > a:hover,
          .cust-prev > a:hover { opacity: 1; }

          .cust-next > a {
            background: url('../images/right.png') no-repeat center center;
            background-size: contain;
          }

          /*----------------------------------Styling for Residences page------------------------------*/

          .mobile-residences-content .residences-img h2 {
            left: 22px;
            bottom: 28px;
          }

          .testimonial-block .wrap-block p {
            font-size: 16px;
            line-height: 28px;
          }

          .testimonial-block .wrap-block { width: 74%; }


          /*----------------------------------Styling for The trees page------------------------------*/

          /*  .the-trees-content h2 { font-size: 24px }*/

          .mobile-thetrees-residence .residences-img { height: 226px; }

          .mobile-thetrees-residence .content h2 {
            top: 33%;
            left: 27px;
          }

          .mobile-thetrees-sliders .slides li p { margin-bottom: 10px;}

          .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev a,
          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev a,
          .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next a,
          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next a {
            width: 14px;
            height: 23px;
          }

          .mobile-thetrees-sliders .slides .slider-info {
            width: 66%;
            margin: 1% auto;
          }

          .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-next,
          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next {
            right: 14px;
            top: 59%;
          }

          .the-trees .flexslider.commercial .flex-direction-nav li.flex-nav-prev,
          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev {
            left: 19px;
            top: 59%;
          }

          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-next,
          .the-trees .flexslider.hospitality .flex-direction-nav li.flex-nav-prev { top: 66%; }

          .header-chatlinks { right: 0; }

          .gallery-content h2,
          .the-trees-content h2,
          .location-content h2 { padding: 25px 0 18px 0; }

          /*----------------------------------Styling for Other Info page------------------------------*/

          .commercial-form-container form,
          .info-page .commercial-form-container > form,
          #converter-container {
            width: 85%;
            left: 7%;
            top: 55px;
          }

          .info-page .error,
          .nri-form-container .error,
          #currency_converter_result { margin: 2px 12% 0 0; }

          .info-page form > div, #converter-container > div { margin: 0 0 12px; }

          .commercial-form-container,
          .nri-form-container { height: 520px; }

          .info-page form label, .nri-info-container form label { margin: 0 0 0 4px; }

          .commercial-form-container > form input[type= "submit"],
          #convert-it { margin: 11px 0 0 0; }

          #convert-it, #value-to-convert { width: 97.5%; }

          .android .info-page .commercial-form-container > form,
          .android #converter-container { left: 26px; }

          .info-page .error { margin: 2px 9% 0 0; }

          .android .nri-form-container .error { margin: 2px 6.5% 0 0; }

          .android #currency_converter_result { margin: 2px 3% 0 0; }

          .android .commercial-form-container > form input[type= "submit"] { padding: 8px;}

          .about-info > .content {
            width: 86%;
            padding: 30px 0 22px;
          }

          .sitemap h2,
          .about-us .about-content h2,
          .disclaimer-content h2,
          .videos .wrapper h2  {     padding: 0 0 18px 0; }

          .about-us .wrapper  {
            width: 84%;
            margin: 40px auto 50px;
          }

          .the-trees .wrapper { margin: 14px auto 50px; }

          .mobile-thetrees-sliders .commercial h2,
          .mobile-thetrees-sliders .hospitality h2,
          .mobile-thetrees-sliders .imagine-studio h2 {
            white-space: normal;
            padding-right: 19px;
            /*    margin: 15px 15px 15px 6%;*/
          }

          .videos .wrapper { margin: 32px auto 0; }

          .gallery .wrapper {   margin: 14px auto 35px;  }

          .disclaimer-content h2,
          .sitemap h2,
          .about-content h2 { padding: 32px 0 22px 0; }

          .about-us-img .caption h2 {
            padding: 5px 18px 0;
            color: #fff;
          }

          .about-us-img .caption {
            padding: 9px 5% 12px;
            background: rgba(0, 0 ,0 , .60);
            position: static;
          }

          .cust-flex-next { right: 16px; }

          .flexslider.transport-wrapper .slides li img { max-width: 50% !important; }

          .caption p,
          .caption h2 { padding: 4px 46px 0; }

          .cust-flex-prev { left: 12px; }

          #videos-slider iframe { height: 328px; }


          /*  Media page style*/
          .header-chatlinks {
            right: 10px;
            display: inline-block;
            width: 32px;
            top: 60px !important;
          }

          .media-page,
          .blog-page,
          .single-blog-page {
            margin: 0;
            padding: 0 0 20px;
          }

          .filter select:nth-of-type(odd) {
            padding: 0;
          }

          .release-blog .wrapper {
            width: 100% !important;
            padding: 0;
            margin: 0 auto;
          }

          .blog-categories li:first-child {
            padding-left: 20px;
          }

          .blog-categories ul {
            display: inline-block;
            margin: 0 1px;
          }
          /*  .blog-info:nth-last-child(-n+3),*/
          .blog-info {
            width: 100% !important;
            margin-bottom: 20px;
          }

          .blog-img {
            width: 100%;
            margin: 0 auto;
          }

          .blog-title { padding-right: 2%; }

          /*        .addthis_sharing_toolbox .at-svc-email,
          .addthis_sharing_toolbox .at-svc-google_plusone_share,
          .addthis_sharing_toolbox .at-svc-twitter,
          .addthis_sharing_toolbox .at-svc-linkedin,
          .addthis_sharing_toolbox .at-svc-facebook {
            width: 30px;
            height: 31px;
            }*/

            .wrap-url-sharethis { margin: 0 auto; }

            .wrap-url-sharethis p > a { padding: 10px 12px 8px; }

            .blog-info .pdf {
              vertical-align: top;
              margin-bottom: 2px;
            }

            .blog-date > span { vertical-align: bottom; }

            .loadmore-wrapper { margin: 35px auto 0; }

            .filter { text-align: left; }

            .filter {
              width: 67%;
            }

            .page-template-location .main { margin: -1px 0 0; }

            .gallery .tab-container { padding: 20px 0 18px; }

            .mobile-map-content p > a,
            .mobile-home-residence-content p > a { padding: 12px 21px 10px; }

            .mobile-thetrees-residence .content p > a { padding: 6px 21px 3px; }

            /* ----------   blog page ------------*/

            .blog-slider { position: static; }

            .blog-slider .overlay-slider { display: none; }

            .mobile-slider-content {
              display: block;
              border-bottom: 1px solid lightgrey;
              padding: 0 0 40px;
            }

            .mobile-slider-content h3 {
              width: 74%;
              margin: 18px auto 0;
              color: #3d3d3d;
              font-size: 22px;
              line-height: 28px;
              font-family: "ProximaNova-700", Arial, sans-serif;
              text-align: center;
              text-transform: uppercase;
            }

            .mobile-slider-content .blog-content { width: 84%; }

            .mobile-slider-content .blog-content p {
              margin-bottom: 20px;
              display: inline-block;
              font-family: "ProximaNova-300", Arial, sans-serif;
              font-size: 14px;
              line-height: 24px;
              color: #3d3d3d;
            }

            /* .mobile-slider-content .slider-detail-page { text-align: center; } */

            .mobile-slider-content .slider-detail-page > a {
              padding: 10px 12px 8px;
              line-height: 16px;
              display: inline-block;
              font-size: 14px;
              color: #fff;
              background: #84b54c;
              text-decoration: none;
              font-family: "ProximaNova-300", Arial, sans-serif;
              box-sizing: border-box;
              text-transform: uppercase;
            }

            .blog-quote-wrap {
              width: 60%;
              margin: 10px 0 0 6px;
            }

            .blog-quote img.right-forma { right: 27px; }

            .blog-mobile-slider .flex-direction-nav li.flex-nav-prev,
            .blog-mobile-slider .flex-direction-nav li.flex-nav-next { top: 21%; }

            .contacts .col:first-child,
            .contacts .col:last-of-type { width: 100%; }

            .contacts .col { margin: 0; }

            .discus-blog > h3 {
              padding: 10px 0 10px 6%;
              margin: 0 0 10px 0;
              border-top: none;
            }

            .mobile-related-posts > h3 { margin: -8px 0 10px 0; }
          }


          @media only screen and (max-width: 320px) {

            .filter .options li:nth-child(2) { border-top: 1px solid lightgray; }

            .mac .options {
              left: -7px;
              top: 50.5px;
            }

            .about-slider .img-wrapper { max-width: 250px; }

            .about-slider.flexslider .caption { max-width: 250px; }

            .mobile-residences-content .residences-img h2 {
              left: 21px;
              font-size: 32px;
            }

            .mobile-thetrees-residence .content h2 {
              top: 39%;
              left: 20px;
            }

            .gallery-content h2,
            .the-trees-content h2,
            .location-content h2 { padding: 25px 0 18px 0; }

            .commercial-form-container form {
              width: 99%;
              left: 0;
              top: 35px;
            }

            .info-page .error { width: 181px; }

            .nri-form-container .error { width: 178px; }

            #currency_converter_result { width: 175px; }

            .info-page form > div, #converter-container > div { margin: 0 0 12px; }

            .commercial-form-container,
            .nri-form-container { height: 520px; }

            .info-page .commercial-form-container > form {
              top: 55px;
              left: 22px;
            }

            #converter-container {left: 18px; }

            #convert-it,
            #value-to-convert { width: 98.5%; }

            #value-to-convert { padding: 0 0 0 12px; }


            /*  Media page style*/
            .header-chatlinks {
              right: 10px;
              top: 57px!important;
              display: inline-block;
              width: 32px;
            }

            .media-page,
            .single-blog-page,
            .blog-page {
              margin: 0;
              padding: 0 0 20px;
            }

            .filter { text-align: left; }

            .filter { width: 67%; }

            .filter select:nth-of-type(odd) {
              padding: 0;
            }

            .more-posts { padding: 10px 0 9px 0; }

            .release-blog .wrapper {
              max-width: 320px;
              padding: 0;
              margin: -1px auto 0;
            }
            .blog-categories > .wrapper { font-size: 16px; }

            .blog-categories li:first-child { padding-left: 10px; }

            .blog-categories li { padding: 0 7px; }

            .blog-categories li a { font-size: 16px; }

            .blog-categories ul {
              display: inline-block;
              margin: 0 18px;
            }

            /*  .blog-info:nth-last-child(-n+3),*/
            .blog-info {
              /*position: static !important;*/
              margin-bottom: 20px;
            }

            .blog-img {
              width: 100%;
              margin: 0 auto;
            }

            .wrap-url-sharethis { margin: 0 auto; }

            .loadmore-wrapper { margin: 35px auto 0; }

            /* ----------   blog page ------------*/

            .blog-slider { position: static; }

            .blog-slider .overlay-slider { display: none; }

            .mobile-slider-content {
              display: block;
              border-bottom: 1px solid lightgrey;
              padding: 0 0 40px;
            }

            .mobile-slider-content h3 {
              width: 74%;
              margin: 18px auto 0;
              color: #3d3d3d;
              font-size: 22px;
              line-height: 28px;
              font-family: "ProximaNova-700", Arial, sans-serif;
              text-align: center;
              text-transform: uppercase;
            }

            .mobile-slider-content .blog-content { width: 84%; }

            .mobile-slider-content .blog-content p {
              margin-bottom: 20px;
              display: inline-block;
              font-family: "ProximaNova-300", Arial, sans-serif;
              font-size: 14px;
              line-height: 24px;
              color: #3d3d3d;
            }

            /* .mobile-slider-content .slider-detail-page { text-align: center; } */

            .mobile-slider-content .slider-detail-page > a {
              padding: 10px 12px 8px;
              line-height: 16px;
              display: inline-block;
              font-size: 14px;
              color: #fff;
              background: #84b54c;
              text-decoration: none;
              font-family: "ProximaNova-300", Arial, sans-serif;
              box-sizing: border-box;
              text-transform: uppercase;
            }


            /* ----------   Detail blog page ------------*/

            .single-blog-page .wrapper {
              width: 100%;
              border: 0;
            }

            .detail-content-wrap {
              width: 100%;
              padding: 0
            }

            .detail-blog-content .blogs-detail-img { display: none; }

            .detail-blog-content .blogs-featured-img {
              width: 100%;
              height: 170px;
            }

            .blog-quote img { padding: 0 0 0 7%; }

            .blog-quote-wrap {
              width: 44%;
              margin: 16px 0 0 6px;
            }

            .blog-quote img.right-forma {
              bottom: 18px;
              right: 28px;
            }

            .discus-blog  .comments-area {
              width: 85%;
              margin: 0 auto;
            }

            .discus-blog > h3 {
              padding: 10px 0 10px 6%;
              margin: 0 0 10px 0;
              border-top: none;
            }

            .mobile-related-posts > h3 { margin: -8px 0 10px 0; }

            .blog-mobile-slider .flex-direction-nav li.flex-nav-prev,
            .blog-mobile-slider .flex-direction-nav li.flex-nav-next { top: 19%; }

            .contacts .col:first-child,
            .contacts .col:last-of-type { width: 100%; }

            .contacts .col {
              width: 100%;
              margin: 0;
            }

            .blog-page .content-seperator { width: 31%; }

            .mobile-related-posts { display: block; }

            #wpcomm .wc-comment-author { float: none !important; }

          }



          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

            .home-residence-info,
            .home-masterplan,
            .home-studio { height: 440px; }

          }



/*================================================================================
Scroll bar Style
==================================================================================*/


ul.options::-webkit-scrollbar{
  width: 13px;
}

ul.options::-webkit-scrollbar-button {
  background: #fff;
}

ul.options::-webkit-scrollbar
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border: 1px solid #9c9997;
  border-radius: 10px;
  background-color: #e0dfde;
}

ul.options::-webkit-scrollbar-thumb
{
  border: 1px solid #9c9997;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  background-color: #fff;
}
ul.options::-webkit-scrollbar-button:vertical:decrement{
 background-image: url(../images/up_scroll.png), -webkit-linear-gradient(left,  #f9f9f9 50%,#e2e2e2 100%);
 background-repeat: no-repeat;
 background-position: 0 1px;
}
ul.options::-webkit-scrollbar-button:vertical:increment{
  background-image: url(../images/down_scroll.png), -webkit-linear-gradient(left,  #f9f9f9 50%,#e2e2e2 100%);
  background-repeat: no-repeat;
  background-position: 0 -4px;
}

@media only screen and (max-width: 630px) {
  .page-template-contact .content-form form div { width: 100%;}
}

.single .wc-form-wrapper form { max-width: 100%; }




/****************************************************************************************/
.godrej-two-wrp {
    display: flex;
    width: 100%;
}
.godrej-two-wrp > div {
    width: 33.3333%;
    display: block !important;
}
.home-residence-info #scene .content {
    left: 40px;
}

@media only screen and (max-width: 1023px) {
.godrej-two-wrp {
    flex-direction: column;
}
.godrej-two-wrp > div {
    width: 100%;
    height: 310px;
}
.godrej-two-wrp .home-residence-info #scene {
    width: 100% !important;
    height: 100%;
}
.godrej-two-wrp .home-residence-info #scene li {
    width: 100% !important;
}
.godrej-two-wrp .home-residence-info .layer-bg{
    height: 300px;
}
.godrej-two-wrp .home-residence-info #scene li.overlay{
    margin-top: -80px;
    margin-left: 20px;
}
.godrej-two-wrp .home-residence-info #scene .content {
    position: relative;
    left: 0px;
    height: 240px;
}
.godrej-two-wrp .home-residence-info #scene h2{
    padding: 35px 0 20px 0px;
    font-size: 30px;
}
.godrej-two-wrp .home-residence-info #scene p{
    padding: 20px 0 0;
    color: #000;
}
}
.specificationdiv1{width: 100%; height: auto; padding:0; background: #ece6dd;}
.specificationdiv1 img{width: 100%; height: auto; float:left;}
.specificationdiv{width: 60%; height: 370px; float:left; padding: 20px 0; background: #fff; padding-left:2%;}
.specificationdiv h1{width: 100%; height: auto; margin-bottom:20px; font-size:34px; color: #000; background:url(../images/headbg.png) left top no-repeat!important; background-size:70px 68px!important; padding:30px 0 0 20px;}
.specificationdiv b{background: #6f9c3f; padding: 1px 0; width: 10%; float: left; margin:1% 45% 2% 45%;}
.specificationdiv p{width: 45%; float:left; margin: 1%; font-size: 15px; background: url(../images/icon.png) no-repeat left; background-size: 12px 12px; padding-left: 2.5%;}
.specificationiframe{width: 40%; height: 370px;}
.card a{text-decoration: none;}
.card {
  background-color: #ffffff;
  border: 1px solid rgba(0, 34, 51, 0.1);
  box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05);
  border-radius: 0.15rem;
  padding:50px 0
}
.card h1{width: 100%; height: auto; font-size: 40px; color:#dcbf73; text-align:center; margin-bottom:10px;}
.card h3{width: 100%; height: auto; font-size: 18px; color:#2b2b2b; text-align:center; margin:1px 0}
.card b{background: #6f9c3f; padding: 1px 0; width: 10%; float: left; margin:0.5% 45% 3% 45%;}
.card .nav-item .nav-link{color: #006dc2; font-size:large; margin:0; padding:7px 9px; font-family: 'Nunito', sans-serif; background:#efefde; border-radius: 3px;}
.tab-card {
border:1px solid #eee;
}
.tab-card-header {
background:none;
}
/* Default mode */
.tab-card-header > .nav-tabs {
border: none;
margin: 0px;
text-align: center;
}
.tab-card-header > .nav-tabs > li {
margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
border: 0;
border-bottom:2px solid transparent;
margin-right: 0;
color: #737373;
padding: 2px 15px;
}
.tab-card-header > .nav-tabs > li > a.show {
  border-bottom:2px solid #007bff;
  color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
  color: #007bff;
}
.tab-card-header > .tab-content {
padding-bottom: 0;
}

footer .colnew{width:30%; float: left; margin:3% 2% 0 0;}
footer .colnew1{width:28%; float: left; margin:3% 0 0 0;}
footer .colnew p{font-family: "ProximaNova-300", Arial, sans-serif; color: #dbdbdb; line-height: 150%;}
footer .colnew h3{color:#f4f3f3;}
footer .colnew a{color:#dbdbdb;}
footer .colnew .img{width:20%; float: left; margin:1.5%; background:#fff;}
.footerlow p{color:#dbdbdb; float:left; font-size:14px}
.footerlow .p{float:right}
.footerlow a{color:#c5ac01; text-decoration: none; transition:0.5s}
.footerlow a:hover{color:#efd001}
.bach2{padding-top:300px!important}
.bach22{padding-top:200px!important}
.bach222{padding-top:200px!important; font-size: 27px!important;}
footer .blankmar{opacity:0}
.specimg{width: 10%!important; height: auto; float: left; margin:2% 3%}

.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

.slideimage{width:25%!important; height: auto; margin:10px 37.5% 30px 37.5%!important;}
.headh4{width: 50%!important; height: auto!important; float:left!important; margin:10px 25% 10px 25%!important; color:#2a2a29!important; text-align:center!important; font-weight:bold!important; font-size:30px!important; font-family: 'Nunito', sans-serif!important;}
.headp{width: 50%!important; height: auto!important; float:left!important; margin:0 25% 10px 25%!important; color:#2a2a29!important; text-align:center!important; line-height:150%;}
.menudiv{visibility:hidden; height:0}
.menudiv a{visibility:hidden; font-size:0;}
.h3center{width:100%!important; height: auto; margin:0; text-align:center!important;}
.h3btn{margin:250px 0.8% 0 0.8%!important}
.callbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/call.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.whatsappbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/whatsapp.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.why{padding:30px!important; background:#fff!important; margin-top:-80px;}
.why .features-list li{width: 48%; height: 50px; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px;}
.why .features-list li img{width: 28px; height: 28px; float:left; margin:0;}
.why .features-list li span{width: 85%; height: auto; float:right!important; color:#000!important; margin:4px 0 0 0;}
.why .features-list .li{width: 48%; height: 70px; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px; line-height:160%;}
.why .features-list .li span{width: 85%; height: auto; float:right!important; color:#000!important; margin:0 0 0 0;}
.why h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 25px;
  margin-top: 10px;
  position: relative;
  font-family: 'Nunito', sans-serif;
  background:url(../images/headbg.png) left top no-repeat!important;
  background-size:70px 68px!important;
  padding:35px 0 8px 20px;
}
.why h4 {
  font-size: 18px;
  font-weight: bold;
}
.why p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  line-height: 20px;
  margin-top:10px;
}
.image-carousel-slide{margin-bottom:20px!important}
.location{width: 100%!important; height: auto!important; float:left!important; margin:0!important}

#formcom{width: 40%!important; height: 500px; float:left!important; padding: 10px 5px; visibility:visible!important;}
#formcom h4{margin:20px 0!important; color:#a7821f!important; font-size:x-large!important; font-weight:600!important; font-family: 'Nunito', sans-serif!important;}
#formcom form{width:90%; height:auto; float:left; margin:1% 5%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#formcom form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2{width:98%; height:auto; float:left; margin:1.5% 1% 3% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box2:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
#formcom form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .submit{padding:3% 6%; margin:2% 3% 2% 0; letter-spacing: 1px; font-size: medium; background:#a7821f; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer!important; border-radius:5px; transition:0.5s}
#formcom form .submit:hover{background:#8e6d16}
#formcom form span{padding-left: 5px;}
#formcom1{width: 0!important; height: 0; float:left!important; padding: 0; visibility:hidden!important;}

#testimonial{width: 100%!important; height: auto; float:left!important; padding: 10px 200px; background:#eeeeee;}
#testimonial .container{height: 460px!important;}
#testimonial h2 {
	color: #525252;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 30px 0 70px;
}
#testimonial h2::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 4px;
	border-radius: 1px;
	background: #a7821f;
	left: 0;
	right: 0;
	bottom: -20px;
}
#testimonial h2 b{color:#cda437}
#testimonial .carousel {
	margin: 50px auto;
	padding: 0px;
}
#testimonial .carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
#testimonial .carousel .media img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}
#testimonial .carousel .testimonial {
	padding: 0 15px 0 60px ;
	position: relative;
	color:#595858;
	line-height:150%;
	font-weight:normal;
	font-size:medium
}
#testimonial .carousel .testimonial::before {
	content: '\93';
	color: #e2e2e2;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}
#testimonial .carousel .overview b {
	text-transform: uppercase;
	color: #a7821f;
}
#testimonial .carousel .carousel-indicators {
	bottom: -40px;
}
#testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
    height: 10px;
	border-radius: 50%;
	margin: 1px 3px;
}
#testimonial .carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
#testimonial .carousel-indicators li.active {
	color: #fff;
    background: #1c47e3;    
    border: 5px double;    
}
.featuresbg{width:100%; height:auto; float:left; padding:0 50px 50px 50px; margin:0;}
.featuresbg1{width:100%; height:auto; margin:0!important;}
.featuresh1{width: 100%; height: auto; float:left; font-size:x-large; margin:5% 1% 50px 1%; color:#8b5624; text-align:center; font-family: 'Nunito', sans-serif!important; font-weight:600;}
.featuresp{width: 30%; height: auto; float:left; margin:1%; line-height:150%;}
.featuresp img{width: 28px; height: 28px; float:left; margin:0;}
.featuresp span{width: 88%; height: auto; float:right; margin:0}
.featuresb{width: 100%; height: auto; float:left; margin:0}
.loactionmar{margin-top:-40px}
.gallh1{width:100%; height:auto; text-align:center; font-size:xx-large; color:#cda437; margin:50px 0 10px 0;}
.featuresh2{width: 95%; height: auto; float:left; font-size: 26px;
  font-weight: 800;
  margin-bottom: 25px;
  margin-top: 10px;
  margin-right:5%;
  position: relative;
  font-family: 'Nunito', sans-serif;
  background:url(../images/headbg.png) center top no-repeat!important;
  background-size:70px 68px!important;
  padding:35px 0 8px 70px;
    text-align:center;
}
#gallery{padding:20px!important;}
#gallery1{padding:20px!important;}
.about-info .img{width:80px; height:auto; float:left;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.card .nav-item .nav-link{color: #006dc2; font-size:large; margin:2% 0; float: left; padding:7px 9px; font-family: 'Nunito', sans-serif; background:#efefde; border-radius: 3px;}
.tab-pane img{width:100%; height: auto;}
.bach222{padding-top:0px!important; font-size: 27px!important;}
.specificationdiv{width: 100%; height: auto; float:left; padding: 2%; background: #ece6dd;}
.specificationdiv h1{width: 100%; height: auto; font-size:30px; text-align: left; color: #363535;}
.specificationdiv b{background: #6f9c3f; padding: 1px 0; width: 20%; float: left; margin:1% 40% 2% 40%;}
.specificationdiv p{width: 91%; float:left; margin:2% 1%; font-size: 15px; background: url(../images/favicon.png) top no-repeat left; background-size: 23px 23px; padding-left: 7%;}
.specificationiframe{width: 100%; height: 370px;}
footer .colnew{width:97%; height: auto; float: left; margin: 1.5%;}
.footerlow p{width: 100%; height: auto; float:left; color:#dbdbdb; font-size:14px; text-align: center;}
.footerlow .p{width: 100%; height: auto; float:left;}
.specimg{width: 48%!important; height: auto; float: left; margin:3% 1%;}
.slideimage{width:50%!important; height: auto; margin:-60px 0 0px 25%!important;}
.headh4{width:98%!important; height: auto!important; float:left!important; margin:10px 1% 0 1%!important; color:#2a2a29!important; text-align:center!important; font-weight:bold!important; font-size:30px!important; font-family: 'Nunito', sans-serif!important;}
.headp{width: 98%!important; height: auto!important; float:left!important; margin:0 1% 40px 1%!important; color:#2a2a29!important; text-align:center!important;}
.h3btn{margin:120px 0.8% 0 0.8%!important}
.callbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/call.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.whatsappbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/whatsapp.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.menudiv{width:100%!important; height: auto; float:left!important; visibility:visible; margin-top:10px!important;}
.menudiv a{width:24%!important; height: auto; float:left!important; margin:0.5%!important; visibility:visible; text-align:center!important; font-size:small; background:#cda437; color:#fff; padding:2% 1%; border-radius:4px; text-decoration:none;}
.logoweb{visibility:hidden!important;}
.headlogobg{background:url(../images/bg.png) left top no-repeat!important; background-size:100% auto!important}
.why{padding:0 10px!important; background:#fff!important;}
.why h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 20px;
  margin-top: 120px!important;
  position: relative;
  font-family: 'Nunito', sans-serif;
}
.why .features-list li{width: 98%; height: auto; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px;}
.why .features-list .li{width: 98%; height: auto; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px; line-height:160%;}

#testimonial{width: 100%!important; height: auto; float:left!important; padding: 10px; background:#eeeeee;}
#testimonial .container{height: 680px!important;}
.contacts{width: 100%!important;}
#formcom{width: 0!important; height: 0; float:left!important; padding: 0; visibility:hidden!important;}
#formcom h4{margin:0!important; color:#0293d0!important; font-size:0!important; font-weight:0!important; font-family: 'Nunito', sans-serif!important;}
#formcom form{width:0; height:auto; float:left; margin:0; background:#fff; border-radius: 0px; padding: 0; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#formcom form .box{width:0; height:auto; float:left; margin:0; padding:0; border:0px #E5E4E4 solid; border-radius:0px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2{width:0%; height:auto; float:left; margin:0; padding:0; border:0px #E5E4E4 solid; border-radius:0px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box2:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1{width:0%; height:0px; float:left; margin:0%; padding:0%; border:0px #E5E4E4 solid; font-size:0px; border-radius:0px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:0; transition:0.5s}
#formcom form .box1:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .submit{padding:0%; margin:0; letter-spacing:0px; font-size: 0; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer!important; border-radius:0px; transition:0.5s}
#formcom form .submit:hover{background:#019EB1}
#formcom form span{padding-left: 0px;}

#formcom1{width: 100%!important; height: auto; float:left!important; margin:1% 0; padding: 10px 5px; visibility:visible!important;}
#formcom1 h4{margin:20px 0!important; color:#a7821f!important; font-size:x-large!important; font-weight:600!important; font-family: 'Nunito', sans-serif!important;}
#formcom1 form{width:90%; height:auto; float:left; margin:1% 5%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#formcom1 form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom1 form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box2{width:98%; height:auto; float:left; margin:1.5% 1% 3% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom1 form .box2:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box2:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
#formcom1 form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .submit{width:98%; height:auto; float:left; padding:3% 0; margin:2% 1%; letter-spacing: 1px; font-size: medium; background:#a7821f; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer!important; border-radius:5px; transition:0.5s}
#formcom1 form .submit:hover{background:#019EB1}
#formcom1 form span{padding-left: 5px;}
.featuresbg{width:100%; height:auto; float:left; padding:0 10px; margin:50px 0 0 0;}
.featuresh1{width: 100%; height: auto; float:left; font-size:60px!important; margin:1% 1% 30px 1%; color:#8b5624; text-align:center; font-family: 'Nunito', sans-serif!important; font-weight:600;}
.featuresp{width:98%; height: auto; float:left; margin:2% 1%; line-height:150%;}
}



@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
{
header {
  position: static;

}
.main {margin: 0;}
.card .nav-item .nav-link{color: #006dc2; font-size:large; margin:2% 0; float: left; padding:7px 9px; font-family: 'Nunito', sans-serif; background:#efefde; border-radius: 3px;}
.tab-pane img{width:100%; height: auto;}
.bach222{padding-top:0px!important; font-size: 27px!important;}
.specificationdiv{width: 100%; height: auto; float:left; padding: 2%; background: #ece6dd;}
.specificationdiv h1{width: 100%; height: auto; font-size:30px; text-align: left; color: #363535;}
.specificationdiv b{background: #6f9c3f; padding: 1px 0; width: 20%; float: left; margin:1% 40% 2% 40%;}
.specificationdiv p{width: 91%; float:left; margin:2% 1%; font-size: 15px; background: url(../images/favicon.png) top no-repeat left; background-size: 23px 23px; padding-left: 7%;}
.specificationiframe{width: 100%; height: 370px;}
footer .colnew{width:97%; height: auto; float: left; margin: 1.5%;}
.footerlow p{width: 100%; height: auto; float:left; color:#dbdbdb; font-size:14px; text-align: center;}
.footerlow .p{width: 100%; height: auto; float:left;}
.specimg{width: 48%!important; height: auto; float: left; margin:3% 1%;}
.slideimage{width:50%!important; height: auto; margin:-60px 0 0px 25%!important;}
.headh4{width:98%!important; height: auto!important; float:left!important; margin:10px 1% 0 1%!important; color:#2a2a29!important; text-align:center!important; font-weight:bold!important; font-size:30px!important; font-family: 'Nunito', sans-serif!important;}
.headp{width: 98%!important; height: auto!important; float:left!important; margin:0 1% 40px 1%!important; color:#2a2a29!important; text-align:center!important;}
.h3btn{margin:120px 0.8% 0 0.8%!important}
.callbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/call.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.whatsappbtn{width:auto!important; margin:0 0.8%!important; padding:10px 10px 10px 38px!important; background: url(../images/whatsapp.png) #b38f2e no-repeat left center!important; border-radius:4px!important; text-decoration:none!important; color:#fff!important; font-size:x-large!important; visibility:visible;}
.menudiv{width:100%!important; height: auto; float:left!important; visibility:visible; margin-top:10px!important;}
.menudiv a{width:24%!important; height: auto; float:left!important; margin:0.5%!important; visibility:visible; text-align:center!important; font-size:small; background:#cda437; color:#fff; padding:2% 1%; border-radius:4px; text-decoration:none;}
.logoweb{visibility:hidden!important;}
.headlogobg{background:url(../images/featuresbg.jpg) center top no-repeat!important; background-size:100% auto!important}
.why{padding:0 10px!important; background:#fff!important;}
.why h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 20px;
  margin-top: 120px!important;
  position: relative;
  font-family: 'Nunito', sans-serif;
}
.why .features-list li{width: 98%; height: auto; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px;}
.why .features-list .li{width: 98%; height: auto; float:left; margin:1%; font-size:medium; background:#f5f2ea; border-radius:50px; padding:10px; line-height:160%;}

#testimonial{width: 100%!important; height: auto; float:left!important; padding: 10px; background:#eeeeee;}
#testimonial .container{height: 680px!important;}
.contacts{width: 100%!important;}
#formcom{width: 0!important; height: 0; float:left!important; padding: 0; visibility:hidden!important;}
#formcom h4{margin:0!important; color:#0293d0!important; font-size:0!important; font-weight:0!important; font-family: 'Nunito', sans-serif!important;}
#formcom form{width:0; height:auto; float:left; margin:0; background:#fff; border-radius: 0px; padding: 0; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#formcom form .box{width:0; height:auto; float:left; margin:0; padding:0; border:0px #E5E4E4 solid; border-radius:0px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2{width:0%; height:auto; float:left; margin:0; padding:0; border:0px #E5E4E4 solid; border-radius:0px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom form .box2:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box2:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1{width:0%; height:0px; float:left; margin:0%; padding:0%; border:0px #E5E4E4 solid; font-size:0px; border-radius:0px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:0; transition:0.5s}
#formcom form .box1:hover{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .box1:focus{border:0px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom form .submit{padding:0%; margin:0; letter-spacing:0px; font-size: 0; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer!important; border-radius:0px; transition:0.5s}
#formcom form .submit:hover{background:#019EB1}
#formcom form span{padding-left: 0px;}

#formcom1{width: 100%!important; height: auto; float:left!important; margin:1% 0; padding: 10px 5px; visibility:visible!important;}
#formcom1 h4{margin:20px 0!important; color:#a7821f!important; font-size:x-large!important; font-weight:600!important; font-family: 'Nunito', sans-serif!important;}
#formcom1 form{width:90%; height:auto; float:left; margin:1% 5%; background:#fff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#formcom1 form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom1 form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box2{width:98%; height:auto; float:left; margin:1.5% 1% 3% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; font-family: 'Nunito', sans-serif; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#formcom1 form .box2:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box2:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-family: 'Nunito', sans-serif; font-size:small; transition:0.5s}
#formcom1 form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#formcom1 form .submit{width:98%; height:auto; float:left; padding:3% 0; margin:2% 1%; letter-spacing: 1px; font-size: medium; background:#a7821f; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer!important; border-radius:5px; transition:0.5s}
#formcom1 form .submit:hover{background:#019EB1}
#formcom1 form span{padding-left: 5px;}
.featuresbg{width:100%; height:auto; float:left; padding:0 10px; margin:50px 0 0 0;}
.featuresh1{width: 100%; height: auto; float:left; font-size:60px!important; margin:1% 1% 30px 1%; color:#8b5624; text-align:center; font-family: 'Nunito', sans-serif!important; font-weight:600;}
.featuresp{width:98%; height: auto; float:left; margin:1%; line-height:150%;}
.featuresp span{width: 92%; height: auto; float:right; margin:0}
}