* {
    margin: 0;
    padding: 0;
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  img {
      user-select:none;
      pointer-events:none;
  }
  
  .zoom {
      overflow:hidden
  }
  
  li {
    list-style: none;
  }
  
  a {
    text-decoration: none;
    display: inline-block;
  }
  
  body {
    background: #0961a9;
  }
  
  nav {
    width: 100%;
    padding: 50px 0;
    position: absolute;
  }
  
  .row::after, #topspace::after, a::after, .news-container::after, .row::after, nav::after, #contact-bar::after, .projects::after, #testimonials::after, #project-location::after, #nearby-items::after, #nearby-options .select-container::after, .configuration-slices::after {
    content: '';
    clear: both;
    display: table;
  }
  
  #identity {
    float: left;
    width: 150px;
    position: relative;
    left: -13px;
  }
  
  nav ul {
    float: right;
  }
  
  nav ul li {
    display: inline;
    text-transform: uppercase;
    list-style: none;
    margin-left: 30px;
    font-size: 12px;
    letter-spacing: 4px;
  }
  
  #backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 101;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-animation: backdropAnim .4s ease-out;
            animation: backdropAnim .4s ease-out;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  @-webkit-keyframes backdropAnim {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes backdropAnim {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .side {
      position: relative;
  }

  #topspace {
    padding: 120px 0 60px;
  }

  .sepoffer {
      width:400px;
  }

  .sepoffer480 {
    display:none;
  }

  #location-tag {
      background: #093a63;
      padding:8px 16px;
      border-left:20px solid #aed138;
      margin-bottom: 40px;
      display: inline-block;
      color: white;
      font-weight: 400;
  }

  .hira {
      /* text-align:center; */
      margin: 20px 0 0;
      color: #fff;
  }

  .hira:first-child {
      margin:20px 0 5px;
  }
  .hira:last-child {
      margin:0
  }

  #cashback {
    position: absolute;
    width: 122px;
    top: 0;
    right: 0;
  }

  .hira a {
    color: #9fcaec;
    margin: 0;
  }
  
  .container {
    width: 960px;
    margin: 0 auto;
  }
  
  .offset-top {
    padding-top: 100px;
  }

  button.owl-prev {
    position: absolute;
    top: 45%;
    left: -48px;
    background: #aed138;
    padding: 20px;
    line-height: 10px !important;
    font-size: 33px !important;
}

button.owl-next {
    position: absolute;
    top: 45%;
    right: -48px;
    background: #aed138;
    padding: 20px;
    line-height: 10px !important;
    font-size: 33px !important;
}

#button-set {
    margin: 80px 0 60px;
}

#button-set li {
    display: inline;
}

#button-set a {
    padding: 8px 16px;
}
  
  .v-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .ripple-overlay {
    position: absolute;
    z-index: -1;
    background-image: url(assets/brand/ripple-type-01.svg);
    background-size: 1190px;
    background-repeat: no-repeat;
    background-position: 15vw 2vh;
    width: 100%;
    height: 130%;
  }
  
  #hero {
    position: relative;
    height: 100vh;
    padding: 50px 0;
  }
  
  #hero h1 {
    font-weight: 100;
    font-size: 45px;
      line-height: 50px;
    font-family: 'DM Serif Display','Times New Roman', serif;
  }
  
  #hero .video-js, #hero .vjs-tech {
    left: unset;
    right: 0;
  }
  
  #hero .video-js {
    width: 780px;
    height: 440px;
  }
  
  .green-text {
    color: #93d500;
    font-family: 'DM Serif Display','Times New Roman', serif;
  }
  
  .vjs-theme-forest .vjs-big-play-button {
    width: 88px;
    height: 88px;
    background: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background: url(assets/ui/play-ring.svg);
    border: none;
    top: 50%;
    left: 15%;
    margin-top: -44px;
    margin-left: -44px;
    color: purple;
  }
  
  #hero-video {
    background-color: #0c3d5a;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 50px 60px -20px;
            box-shadow: rgba(0, 0, 0, 0.4) 0px 50px 60px -20px;
  }
  
  #contact-bar {
    position: absolute;
    width: 100%;
    bottom: 50px;
  }
  
  #contact-bar ul {
    float: right;
  }
  
  #contact-bar ul li {
    display: inline;
    margin-left: 20px;
    font-size: 13px;
  }
  
  #parent-brand-attribution {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 5px;
  }
  
  #parent-brand-attribution img {
    width: 100px;
    position: relative;
    top: 2px;
  }
  
  .green-link a {
    color: #93d500;
    font-weight: 500;
  }
  
  #mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 55px;
  }
  
  #mission-elements .element:nth-child(odd) .element-text {
    padding: 0px 25px 0px 0px;
  }
  
  #mission .left-bar, #mission .right-bar, .element-text, .element-artwork {
    float: left;
  }
  
  #mission .left-bar {
    width: 20%;
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
  }
  
  #mission .right-bar {
    width: 80%;
    float: right;
  }
  
  .head {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5px;
    color: #93d500;
    text-align: center;
    font-weight: 700;
  }
  
  .indicators {
    width: 70%;
    height: 70vh;
    position: relative;
    margin-top: 50px;
  }
  
  .indicators .track {
    position: absolute;
    z-index: -1;
    top: 12.5%;
    left: 49.5%;
    height: 75%;
    margin: 0 auto;
    border-left: 2px dashed #ffffff45;
  }
  
  .indicator {
    width: 100%;
    height: 25%;
  }
  
  .ring {
    background-image: url(assets/ui/indicator-ring.svg);
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    background-size: 20px;
  }
  
  .dot {
    position: absolute;
    background-image: url(assets/ui/indicator-dot.svg);
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    background-size: 10px;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  
  .element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50vh;
  }
  
  .element-text {
    width: 50%;
    padding: 0 25px 0 50px;
  }
  
  .element-content {
    margin-top: 20px;
    font-weight: 200;
    line-height: 25px;
  }
  
  .element-artwork {
    width: 50%;
  }

  .side {
      float:left;
      width:50%;
  }
  
  .element-artwork:nth-child(odd) {
    padding-right: 50px;
  }
  
  .element-artwork:nth-child(even) {
    padding-left: 50px;
  }
  
  .element-head {
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-size: 50px;
    font-weight: 100;
  }
  
  .element-background-wrap {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  
  .element-backgrounds {
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: .5;
  }
  
  .element-background {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat !important;
  }
  
  .element-scene {
    background: url(assets/brand/ripple-type-01.svg);
    background-position: 266px -146px;
    background-size: 1570px;
  }
  
  .element-issues {
    background: url(assets/brand/ripple-type-02.svg);
    background-position: -196px -66px;
    background-size: 1429px;
  }
  
  .element-resolution {
    background: url(assets/brand/ripple-type-03.svg);
    background-position: 234px -60px;
    background-size: 1646px;
  }
  
  .element-amenities {
    background: url(assets/brand/ripple-type-01.svg);
    background-position: -289px -152px;
    background-size: 1608px;
  }
  
  .v-spacer {
    float: left;
    width: 2%;
    opacity: 0;
  }
  
  #featured-projects {
    margin-bottom: 100px;
  }
  
  #testimonials {
    margin-bottom: 30px;
  }
  
  .project-container, .testimonial {
    position: relative;
    width: 32%;
    overflow: hidden;
    float: left;
    -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 7px 20px 3px;
            box-shadow: rgba(0, 0, 0, 0.13) 0 7px 20px 3px;
  }
  
  .project-container {
    height: 450px;
  }
  
  .project-featured-image {
    position: absolute;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .project-name {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #032d46;
    padding: 30px 40px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 400;
  }
  
  .overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #134d6f;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #134d6f), color-stop(100%, rgba(19, 77, 111, 0)));
    background: linear-gradient(45deg, #134d6f 0%, rgba(19, 77, 111, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134d6f', endColorstr='#134d6f', GradientType=1 );
  }
  
  .usps, .project-details {
    display: none;
    opacity: 0;
  }
  
  .project-details {
    position: absolute;
    bottom: 0;
    z-index: 5;
    color: #0c3d5a;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    letter-spacing: 5px;
    background: #93d500;
    padding: 25px;
    text-align: center;
    width: 100%;
    cursor: pointer;
  }
  
  .usps {
    position: absolute;
    z-index: 2;
    top: 200px;
    width: 100%;
    padding: 0 20%;
  }
  
  .usps li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 20px;
    opacity: 0;
  }
  
  .usps li .tick {
    width: 20px;
    display: inline;
    content: url(assets/ui/check.svg);
  }
  
  .usps li .usp-title {
    font-weight: 400;
    display: inline;
    margin-left: 20px;
  }
  
  .headandpages {
    margin-bottom: 50px;
  }
  
  .headandmore, .options {
    width: 50%;
    float: left;
  }
  
  .options {
    text-align: right;
  }
  
  .options a {
    margin-left: 30px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 13px;
  }
  
  .options a:hover {
    opacity: .5;
  }
  
  .testimonial {
    background: #032d46;
  }
  
  .testimonial-profiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .testimonial .left {
    position: absolute;
    background: #042438;
    width: 30%;
    height: 100%;
    padding: 30px;
    float: left;
  }
  
  .testimonial .left .profile-picture {
    width: 100%;
    border-radius: 50%;
    background: #0c3d5a;
    overflow: hidden;
  }
  
  .testimonial .left .inv-comma-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 30px;
    background: url(assets/ui/inv-comma-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .testimonial .right {
    float: right;
    padding: 40px;
    width: 70%;
  }
  
  .testimonial .right .profile-name {
    font-size: 20px;
    font-weight: 400;
  }
  
  .testimonial .right .stars {
    width: 80%;
    margin: 20px 0;
  }
  
  .testimonial .right .comment {
    font-weight: 300;
  }
  
  #enquire {
    background: #0a3347;
    padding-bottom: 60px;
  }
  
  #form-mobile-controls, .options-mobile {
    display: none;
  }
  
  .form-head {
    margin-bottom: 50px;
    font-weight: 100;
    font-size: 45px;
    line-height: 45px;
    font-family: 'DM Serif Display','Times New Roman', serif;
  }
  
  fieldset {
    position: relative;
    /* float: left; */
    border: none;
    color: #fff;
    /* padding: 40px 0 40px; */
}
  
  fieldset legend {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  fieldset * {
    position: relative;
    z-index: 1;
  }
  
  .fieldset-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .active-fieldset {
    /* -webkit-box-shadow: #0000001f 0 40px 35px 0; */
    /* box-shadow: #0000001f 0 40px 35px 0; */
  }
  
  .active-fieldset .fieldset-overlay {
    background: #0b3d5a;
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
  
  .active-fieldset legend {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  @-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
  
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
  
  legend {
    width: 100%;
    position: absolute;
    top: 30px;
    padding: 0 30px 30px 30px;
  }
  
  input, label {
    display: block;
    /* margin: 0 35px; */
  }
  
  input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: none;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
  }
  
  .textarea-input-option textarea {
    min-height: 100px;
    width: 100%;
  }
  
  .textarea-input-option textarea:focus {
    outline: 0;
    border: 1px solid #93d500;
  }
  
  .textarea-input-option textarea:focus + label {
    top: -10px;
    background: #185e80;
    color: #fff;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  
  .project-radio-button {
    margin: 0 37px;
    padding: 8px 0;
  }
  
  .project-radio-button:nth-last-child(1) {
    padding-bottom: 0;
  }
  
  .project-radio-button label {
    cursor: pointer;
  }
  
  .radio-button-options label {
    color: #ccc;
  }
  
  .project-radio-button:hover .custom-radio-button,
  [type="radio"]:focus {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  .project-radio-button:hover label {
    color: #fff;
  }
  
  input[type="radio"]:checked + label {
    color: #fff;
  }
  
  input[type="radio"]:checked + label .custom-radio-button {
    background: #93d500;
    -webkit-box-shadow: inset 0 0 0px 3px #0c3d5a;
            box-shadow: inset 0 0 0px 3px #0c3d5a;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  }
  
  input[type="radio"]:checked + label .custom-radio-button:focus {
    border: 0;
    outline: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  
  input[type="submit"] {
    background: #aed136;
    padding: 11px 40px;
    border: none;
    color: #0c3d5a;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
  }
  
  .custom-radio-button {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-right: 20px;
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  }
  
  .radio-button-options .project-radio-button:nth-last-child(1) {
    margin-bottom: 0;
  }
  
  .radio-button-options label {
    margin: 0;
  }
  
  .radio-button-options input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0;
  }
  
  .project-text-input {
    position: relative;
    margin: 0 0 20px;
  }
  
  .project-text-input input {
    width: 100%;
    margin: 0;
  }
  
  .project-text-input input:focus {
    outline: 0;
    border: 1px solid #93d500;
  }
  
  .project-text-input input:focus + label {
    top: -10px;
    background: #185e80;
    color: #fff;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  
  .project-text-input:nth-last-child(1) {
    margin-bottom: 0;
  }
  
  .label-shift {
    top: -10px !important;
    background: #185e80;
    color: #fff !important;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  
  .text-input-label {
    position: absolute;
    top: 10px;
    left: 15px;
    margin: 0;
    color: #fff;
    pointer-events: none;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  
  legend span {
    float: left;
  }
  
  legend span:nth-child(1) {
    font-size: 45px;
    font-weight: 200;
    line-height: 45px;
  }
  
  legend span:nth-child(2) {
    margin-left: 15px;
  }
  
  .h-spacer {
    padding: 50px 0;
  }
  
  .select-container {
    /* padding: 0 35px; */
    margin: 20px 0 30px;
    z-index: 2;
  }
  
  .custom-select {
    position: relative;
    width: 100%;
  }
  
  .custom-select:focus {
    border: 1px solid #93d500;
    outline: none;
  }
  
  .custom-select:focus .select-selected {
    border: none;
  }
  
  .custom-select select {
    display: none;
    /*hide original SELECT element: */
  }
  
  .select-selected {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 10px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background: #0961a9;
    border: 1px solid rgba(255, 255, 255, 0.5);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  #news .news-item {
    width: 33.33%;
    float: left;
  }
  
  #news .news-item .news-container {
    width: 90%;
    margin: 0 auto;
  }
  
  #news .news-item:nth-child(1) .news-container {
    margin-left: 0;
  }
  
  #news .news-item:nth-last-child(1) .news-container {
    margin-right: 0;
  }
  
  .post-date, .event-date {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ccc;
  }
  
  .post-title a, .event-title {
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-weight: 100;
    font-size: 23px;
    line-height: 30px;
    margin: 20px 0 5px;
  }
  
  .detail-wrap {
    background: #0a3347;
    padding: 30px 35px 45px;
    position: relative;
    top: -6px;
  }
  
  .detail-wrap .post-title a {
    font-size: 30px;
    margin-top: 0;
  }
  
  .detail-wrap .post-date {
    font-size: 13px;
    color: #93d500;
    margin: 20px 0px;
  }
  
  .post-featured-image {
    width: 100%;
    margin: 10px 0 0;
  }
  
  .read-more-button {
    border: 1px solid #93d500;
    color: #93d500;
    padding: 11px 17px;
    background: none;
    letter-spacing: 5px;
    font-weight: 700;
    cursor: pointer;
    font-size: 10px;
  }
  
  .post-excerpt {
    font-size: 13px;
    color: #ccc;
    line-height: 25px;
    margin: 15px 0 40px;
    height: 100px;
    overflow: hidden;
  }
  
  #events {
    padding-bottom: 50px;
  }
  
  .event-details {
    width: 30%;
  }
  
  .event-details .event-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  
  .event-details .title {
    font-size: 10px;
    opacity: .5;
    letter-spacing: 3px;
    margin-bottom: 10px;
  }
  
  .event-details .name {
    font-size: 16px;
    margin-bottom: 20px;
  }
  
  .event-details .designation {
    font-size: 12px;
  }
  
  .event-details .visitor {
    margin-bottom: 20px;
  }
  
  .event-details .visitor .name {
    margin-bottom: 5px;
  }
  
  .event-images {
    width: 70%;
  }
  
  .event-details, .event-images, .controls, .count, .caption {
    float: left;
  }
  
  .showcase {
    background: #0c3953;
    position: relative;
  }
  
  .showcase img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .control-button {
    width: 50px;
    height: 50px;
    float: left;
    border: none;
    cursor: pointer;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  .next {
    background: url(assets/ui/next.svg);
  }
  
  .previous {
    background: url(assets/ui/previous.svg);
  }
  
  .count {
    font-weight: 100;
  }
  
  .count, .caption {
    background: #185e80;
    padding: 14px 17px;
  }
  
  .meta {
    position: absolute;
    left: 100px;
  }
  
  .meta .count, .meta .caption {
    float: left;
    background: #185e80;
    padding: 14px 17px;
  }
  
  .meta .count {
    padding-right: 0;
  }
  
  #newsletter {
    background: #0a3347;
  }
  
  .newsletter-greeting {
    float: left;
    width: 40%;
  }
  
  .newsletter-greeting h2 {
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-size: 30px;
    font-weight: 100;
  }
  
  .newsletter-greeting > p {
    width: 200px;
    font-weight: 200;
    margin: 40px 0;
  }
  
  .newsletter-greeting > p:first-child {
    padding: 20px 0;
  }
  
  .newsletter-form {
    float: left;
    width: 60%;
  }
  
  .green-hr {
    margin: 50px 0;
  }
  
  .green-hr hr {
    border: none;
    border-bottom: 1px solid #93d500;
  }
  
  .footer-links {
    padding-bottom: 30px;
  }
  
  .footer-links > div:first-child {
    width: 40%;
  }
  
  .footer-links > div {
    float: left;
    width: 15%;
  }
  
  .footer-links > div .links li {
    font-size: 13px;
    padding: 0 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  
  .footer-links > div .links li a {
    color: #ccc;
  }
  
  .footer-links .title {
    color: #93d500;
    font-size: 15px;
    letter-spacing: 5px;
    margin-bottom: 30px;
    padding: 0 15px;
    text-transform: uppercase;
  }
  
  .footer-links #corporate-address .title {
    padding: 0;
  }
  
  .footer-links #corporate-address p {
    color: #ccc;
  }
  
  #bottom-navigation-links li, #social-links li {
    letter-spacing: 3px;
  }
  
  #projects-header-panel {
    margin: 50px 0 23px;
    position: relative;
  }
  
  #projects-header-panel .shadow {
    position: absolute;
    z-index: -1;
    top: 49px;
    width: 100%;
    height: 200px;
    background: url(assets/ui/drop-shadow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  
  .f-projects {
    width: 15%;
    float: left;
  }
  
  #projects-location {
    float: left;
  }
  
  #projects-location a {
    margin-right: 50px;
    padding-bottom: 25px;
  }
  
  .active {
    border-bottom: 3px solid #93d500;
  }
  
  .pro-loc-head {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
  }
  
  #project-configurations {
    position: relative;
  }
  
  #project-navigation {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 10px;
    width: 103%;
    margin-left: -1.7%;
    margin-top: 50px;
    background: #0d4e6e;
    padding: 15px 20px;
    border-radius: 5px;
  }
  
  .nav-head-links, .project-heads {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    margin: 0 10px;
  }
  
  .project-heads {
    margin: 0;
    padding: 45px 0 40px;
    font-weight: 400;
  }
  
  .nav-head-links:first-child {
    margin-left: 0;
  }
  
  .nav-head-links:nth-last-child(1) {
    margin-right: 0;
    color: #93d500;
  }
  
  .brief-infos {
    float: left;
    width: 10%;
    padding-right: 30px;
  }
  
  .brief-infos li {
    margin-bottom: 20px;
    text-align: right;
  }
  
  .brief-infos li span {
    display: block;
  }
  
  .brief-infos li span:first-child {
    font-size: 30px;
    font-weight: 100;
  }
  
  .brief-infos li span:nth-last-child(1) {
    color: #93d500;
    font-size: 10px;
    text-transform: uppercase;
  }
  
  .site-photos {
    float: left;
    width: 45%;
    padding: 0 10px;
  }
  
  .site-photos .showcase img {
    height: 300px;
  }
  
  .site-videos {
    float: left;
    width: 45%;
    padding-left: 10px;
    margin: -15px 0;
  }
  
  .site-videos .preview {
    width: 50%;
    height: 165px;
    float: left;
    padding: 15px;
  }
  
  .site-videos .preview .content {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .site-videos .preview .play-icon {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: url(assets/ui/play-ring.svg);
    background-size: contain;
  }
  
  .site-videos .preview .video-type {
    position: absolute;
    z-index: 3;
    width: 40%;
    top: 50%;
    left: 100px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 15px;
  }
  
  .site-videos .preview .overlay {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #185e80d6;
  }
  
  .site-videos .preview img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  #mapbox {
    position: relative;
    float: left;
    width: 40%;
    background: #0e4b68;
    overflow: hidden;
  }
  
  #mapbox a {
    position: absolute;
    left: 20px;
    top: 275px;
    color: #93d500;
    text-decoration: underline;
    font-size: 10px;
  }
  
  #mapbox span {
    position: absolute;
    left: 124px;
    top: 275px;
    font-size: 11px;
    font-weight: 700;
  }
  
  #mapbox img {
    width: 100%;
  }
  
  .location-points {
    width: 100%;
    padding: 10px 0;
    background: #0a3347;
  }
  
  .location-points li {
    margin: 10px 20px 10px 34px;
    padding-left: 12px;
    list-style: url(assets/ui/list-item-ring.svg);
    font-size: 13px;
  }
  
  .zoom-controls {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    right: 20px;
    border: none;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  
  .in {
    top: 20px;
    background: url(assets/ui/zoom-in.svg);
  }
  
  .out {
    top: 50px;
    background: url(assets/ui/zoom-out.svg);
  }
  
  #nearby-options {
    float: left;
    width: 60%;
    padding-left: 50px;
  }
  
  #nearby-options .select-container {
    padding-left: 0;
  }
  
  #nearby-options .select-container .custom-select {
    float: left;
    width: 150px;
  }
  
  #nearby-options .select-container span {
    position: relative;
    top: 8px;
    left: 20px;
  }
  
  #nearby-controls {
    position: relative;
    top: 79px;
  }
  
  #nearby-controls .arrow {
    width: 35px;
    height: 35px;
    background-color: #0c3d5a;
    background-repeat: no-repeat !important;
    border: 2px solid #fff;
    border-radius: 50%;
  }
  
  #nearby-controls .track {
    position: relative;
    top: 9px;
    width: 88%;
    margin: 0 auto;
    border-bottom: 2px dashed #ffffff45;
  }
  
  #nearby-controls .left {
    position: absolute;
    z-index: 2;
    left: 0;
    top: -8px;
    background-image: url(assets/ui/arrows.svg);
    background-position: 10px center;
    background-size: 55px;
  }
  
  #nearby-controls .right {
    position: absolute;
    z-index: 2;
    top: -8px;
    right: 0;
    background-image: url(assets/ui/arrows.svg);
    background-position: -34px center;
    background-size: 55px;
  }
  
  #nearby-items {
    overflow-x: hidden;
  }
  
  .items-container {
    width: 1200px;
  }
  
  .nearby-set .nearby-item {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation: sfl 0.8s cubic-bezier(0, 0.7, 0.4, 0.99);
            animation: sfl 0.8s cubic-bezier(0, 0.7, 0.4, 0.99);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  .nearby-set .nearby-item:nth-last-child(1) {
    margin-right: 0;
  }
  
  .nearby-set .nearby-item-anim-reverse {
    -webkit-animation: sfl_1 0.8s cubic-bezier(0, 0.7, 0.4, 0.99) !important;
            animation: sfl_1 0.8s cubic-bezier(0, 0.7, 0.4, 0.99) !important;
    -webkit-animation-fill-mode: both !important;
            animation-fill-mode: both !important;
  }
  
  @-webkit-keyframes sfl {
    0% {
      opacity: 0;
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes sfl {
    0% {
      opacity: 0;
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @-webkit-keyframes sfl2 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes sfl2 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @-webkit-keyframes sfl_1 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes sfl_1 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @-webkit-keyframes sfl2_1 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes sfl2_1 {
    0% {
      opacity: 0;
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  .nearby-item {
    float: left;
    text-align: center;
    width: 152px;
    margin-right: 20px;
  }
  
  .nearby-item-time {
    margin: 30px 0 10px;
    font-weight: 300;
  }
  
  .nearby-item-stop-dot {
    height: 50px;
    background: url(assets/ui/point-icon.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .nearby-item-distance {
    font-size: 30px;
    font-weight: 500;
    margin: 7px 0 20px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-animation: sfl2 0.8s cubic-bezier(0, 0.35, 0.35, 0.99);
            animation: sfl2 0.8s cubic-bezier(0, 0.35, 0.35, 0.99);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  
  .nearby-item-distance-anim-reverse {
    -webkit-animation: sfl2_1 0.8s cubic-bezier(0, 0.35, 0.35, 0.99) !important;
            animation: sfl2_1 0.8s cubic-bezier(0, 0.35, 0.35, 0.99) !important;
    -webkit-animation-fill-mode: both !important;
            animation-fill-mode: both !important;
  }
  
  .nearby-item-name {
    padding: 15px 10px;
    background: #0d4e6e;
    color: #afdaef;
    font-size: 13px;
  }
  
  .nearby-item-image {
    background: #0a3347;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .tabs {
    display: inline;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer;
  }
  
  .tabs:hover {
    color: white;
  }
  
  #configuration-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 25px;
    margin-bottom: 20px;
  }
  
  #configuration-tabs .tabs {
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-size: 17px;
    margin-right: 30px;
  }
  
  #configuration-tabs .ct-active {
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 1.5px;
  }
  
  .shadow-detail {
    -webkit-box-shadow: #003656 0 0 35px 0;
            box-shadow: #003656 0 0 35px 0;
  }
  
  #configuration-plan-previews {
    float: left;
    width: 45%;
    position: relative;
  }
  
  #scale-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    -webkit-transition: height .4s;
    transition: height .4s;
  }
  
  .scrollable-options {
    min-width: 100%;
  }
  
  #previews {
    position: relative;
  }
  
  #previews #plan-preview-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #93d50040;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  #previews img {
    width: 100%;
    display: none;
  }
  
  #previews img:nth-child(2) {
    display: block;
  }
  
  .configuration-plan-tabs {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #0a3347;
    padding: 23px 27px;
    width: 100%;
  }
  
  .configuration-plan-tabs .tabs {
    margin-right: 20px;
  }
  
  .configuration-plan-tabs .active {
    color: #fff;
    border: none;
  }
  
  #configuration-details {
    float: left;
    width: 55%;
    border-collapse: collapse;
    background: #0d4e6e;
  }
  
  #configuration-details tr th {
    background: #0a3347;
    padding: 15px 22px;
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
  }
  
  #configuration-details tr th:nth-child(even) {
    background: #0e3041;
  }
  
  #configuration-details tr td {
    padding: 15px 22px;
    font-size: 15px;
  }
  
  #configuration-details tr td:nth-child(odd) {
    background: rgba(134, 193, 87, 0.1);
    max-width: 50%;
  }
  
  #configuration-details tr td:nth-child(even) {
    background: #134d6f61;
  }
  
  #configuration-details tr td span {
    display: block;
  }
  
  #configuration-details tr td .configuration-note {
    font-size: 12px;
    color: #93d500;
  }
  
  #configuration-details tr:nth-child(even) td {
    background: rgba(56, 76, 34, 0.1);
  }
  
  #configuration-details tr:nth-child(even) td:nth-child(2) {
    background: #0c3d5a;
  }
  
  .configuration-price-bar {
    background: rgba(134, 193, 87, 0.2);
  }
  
  .configuration-price {
    font-size: 25px !important;
    background: rgba(134, 193, 87, 0.4) !important;
  }
  
  .spec-table {
    border-collapse: collapse;
    background: #0d4e6e;
    width: 100%;
  }
  
  .spec-table tr td {
    padding: 15px 22px;
  }
  
  .spec-table tr td:nth-child(odd) {
    background: #0a3347;
    width: 25%;
  }
  
  .spec-table tr td:nth-child(even) {
    background: #134d6f61;
  }
  
  .spec-table tr:nth-child(even) td {
    background: rgba(56, 76, 34, 0.1);
  }
  
  .spec-table tr:nth-child(even) td:nth-child(odd) {
    background: #052738d6 !important;
  }
  
  .spec-table tr:nth-child(even) td:nth-child(2) {
    background: #0e4261;
  }
  
  .amenities {
    float: left;
    width: 25%;
    background: #0a3347;
  }
  
  .amenities .amenity-item:hover {
    background: rgba(134, 193, 87, 0.1);
  }
  
  .amenities .active {
    background: #08293887;
    border: none;
  }
  
  .amenities img {
    float: left;
    width: 110px;
    padding: 20px 20px 20px 30px;
  }
  
  .amenities h2 {
    position: relative;
    top: 30px;
    left: 10px;
    font-size: 18px;
  }
  
  .amenity-description {
    float: left;
    width: 75%;
    overflow: auto;
    padding: 20px 0;
    background: #0d4e6e;
  }
  
  .amenity-description li {
    padding: 10px 15px;
    margin-left: 42px;
    list-style: url(assets/ui/list-item-ring.svg);
  }
  
  .amenity-description-item {
    height: 100%;
  }
  
  .simplebar-scrollbar:before {
    background: #032635;
  }
  
  .simplebar-track.simplebar-vertical {
    top: 10px;
    right: 8px;
    bottom: 10px;
    background: #00375282;
    border-radius: 5px;
  }
  
  #news-post {
    float: left;
    width: 75%;
    padding: 140px 0 100px;
  }
  
  #news-post .post-title {
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-size: 50px;
    font-weight: 100;
    margin-bottom: 30px;
  }
  
  #news-post .post-date {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 20px 0 10px;
  }
  
  #news-post .left {
    float: left;
    width: 30%;
  }
  
  #news-post .post-featured-image {
    width: 100%;
  }
  
  #news-post .post-content {
    float: left;
    width: 70%;
    padding: 0 50px;
    line-height: 32px;
  }
  
  #news-post .post-content p {
    margin-top: 14px;
  }
  
  .share-head {
    margin: 17px 0 17px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 3px;
  }
  
  .social-share-button {
    display: block;
    color: #93d500;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 3px;
  }
  
  .social-share-button:hover {
    text-decoration: underline;
  }
  
  #more-news {
    float: left;
    width: 25%;
    padding-left: 50px;
    margin-top: 165px;
  }
  
  #more-news #more-news-header {
    font-size: 28px;
    margin-bottom: 30px;
  }
  
  #more-news .more-news-item {
    background: #185e8042;
    padding: 20px;
    margin-bottom: 39px;
  }
  
  #more-news .post-title {
    float: left;
    width: 70%;
    font-family: 'DM Serif Display','Times New Roman', serif;
    font-size: 18px;
    font-weight: 100;
    padding: 2px 15px 10px 0;
  }
  
  #more-news .post-featured-image {
    float: left;
    width: 30%;
    margin: 4px 0;
  }
  
  #more-news .post-date {
    font-size: 11px;
  }
  
  #more-news .post-permalink a {
    color: #93d500;
    font-size: 13px;
    margin: 15px 0 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 700;
  }
  
  @media only screen and (max-width: 480px) {
    .side {
        float:none;
        width:100%;
        position: relative;
        margin-bottom: 50px;
    }

    #mission .container {
        width:100%;
    }

    .element-head {
        font-size: 30px;
    }

    .element-content {
        line-height: 25px;
    }
  
    #topspace {
      padding-top: 120px;
      height: auto;
    }

    .sepoffer {
        display:none
    }
  
    .sepoffer480 {
        width: 100%;
        display: block;
    }
  
    #location-tag {
        background: #093a63;
        padding:8px 16px;
        border-left:20px solid #aed138;
        margin-bottom: 40px;
        display: inline-block;
        color: white;
        font-weight: 400;
    }
  
    .hira {
        /* text-align:center; */
        margin: 20px 0 0;
        color: #fff;
    }
  
    .hira:first-child {
        margin:20px 0 5px;
    }
    .hira:last-child {
        margin:0
    }
  
    #cashback {
      position: absolute;
      width: 82px;
      top: 0;
      right: 0;
      z-index: 500;
    }
  
    .hira a {
      color: #9fcaec;
      margin: 0;
    }
    
    .container {
      width: 960px;
      margin: 0 auto;
    }
    
    .offset-top {
      padding-top: 100px;
    }
  
    button.owl-prev {
      position: absolute;
      top: 36%;
      left: -28px;
      background: #aed138;
      padding: 10px;
      line-height: 10px !important;
      font-size: 33px !important;
  }
  
  button.owl-next {
      position: absolute;
      top: 35%;
      right: -29px;
      background: #aed138;
      padding: 10px;
      line-height: 10px !important;
      font-size: 33px !important;
  }
  
  #button-set {
      margin: 0 0 60px;
  }
  
  #button-set li {
      display: block;
      margin: 20px 0;
      text-align: center;
  }
  
  #button-set a {
      padding: 8px 16px;
  }
    .ripple-overlay {
      z-index: 0;
      background-size: 855px;
      background-position: center;
    }
    .container {
      width: 80%;
    }
    nav {
      padding: 30px 0 20px;
      /* background: #0c3d5a; */
      height: 91px;
      position: absolute;
      z-index: 200;
      -webkit-transition: all .4s;
      transition: all .4s;
    }
    .morph {
      height: 100px;
    }
    .morph #identity {
      width: 130px;
    }
    .morph #menu-button {
      top: 53px;
    }
    .morph #menu-button .bar {
      margin-bottom: 6px;
      -webkit-transition: all .4s;
      transition: all .4s;
    }
    #navigation-panel-links {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    #menu-button {
      position: absolute;
      top: 57px;
      right: 40px;
      width: 30px;
      -webkit-transition: all .4s;
      transition: all .4s;
    }
    #menu-button .bar {
      width: 100%;
      height: 2px;
      background: #fff;
      margin-bottom: 8px;
    }
    #identity {
      width: 130px;
      position: relative;
      left: -13px;
      -webkit-transition: all .4s;
      transition: all .4s;
    }
    nav ul {
      float: none;
      display: none;
    }
    nav ul li {
      display: block;
      font-size: 20px;
      margin: 20px 0;
    }
    #hero h1 {
      top: 29vh;
    }
    #hero .video-js {
      width: 100%;
      height: 35%;
    }
    #hero-video {
      top: unset;
      bottom: 5vh;
    }
    #parent-brand-attribution {
      float: none;
      font-size: 13px;
      letter-spacing: 3px;
      margin-bottom: 15px;
    }
    #parent-brand-attribution img {
      width: 90px;
      position: relative;
      top: 0;
    }
    #contact-bar {
      bottom: 40px;
    }
    #contact-bar ul {
      float: none;
    }
    #contact-bar ul li {
      margin-left: 13px;
      font-size: 14px;
    }
    #contact-bar ul li:first-child, #contact-bar ul li:nth-child(4) {
      margin-left: 0;
    }
    #mission {
      margin-top: 50px;
    }
    #mission .left-bar {
      top: 60px;
    }
    #mission .right-bar {
      padding-top: 100px;
    }
    #mission .element {
      display: block;
      position: relative;
      height: 80vh;
      /* margin-top: 50px; */
    }
    #mission .element-text {
      position: absolute;
      top: 35%;
      width: 100%;
      float: none;
      padding: 0 20px !important;
    }
    #mission .element-artwork {
      position: absolute;
      top: 0;
      width: 100%;
      float: none;
    }
    #mission .element-artwork:nth-child(odd) {
      padding: 0;
    }
    #mission .element-artwork:nth-child(even) {
      padding: 0;
    }
    .indicators {
      height: 80vh;
      margin-top: 0;
    }
    .element-backgrounds {
      display: none;
    }
    #featured-projects {
      margin-bottom: 20px;
    }
    .project-container {
      height: 560px;
      float: none;
      width: 100%;
      margin-bottom: 30px;
    }
    .project-featured-image {
      height: 40%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
    .project-name {
      top: 40%;
      font-size: 25px;
      background: none;
    }
    .usps {
      top: 325px;
      padding: 0 12%;
    }
    .usps, .project-details {
      display: block;
      opacity: 1;
    }
    .usps li {
      opacity: 1;
    }
    .headandmore, .options {
      width: 100%;
      float: none;
    }
    #enquire .options {
      display: none;
    }
    .options-mobile {
      display: block;
      text-align: left;
      margin-top: 70px;
    }
    .options-mobile a {
      display: block;
      margin-left: 0;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 5px;
      font-size: 13px;
    }
    .options-mobile::before {
      content: 'USEFUL LINKS';
      color: #93d500;
      font-weight: 700;
      position: relative;
      font-size: 15px;
      top: -20px;
    }
    .fieldset {
      width: 100%;
      float: none;
      /* -webkit-box-shadow: #0000001f 0 40px 35px 0; */
      /* box-shadow: #0000001f 0 40px 35px 0; */
      /* background: #0b3d5a; */
      -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      display: none;
    }
    .fieldset:first-child {
      display: block;
    }
    #form-mobile-controls {
      display: block;
      margin-top: 30px;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
    }
    #form-mobile-controls button {
      background: none;
      padding: 11px 20px;
      text-transform: uppercase;
      border: 2px solid #fff !important;
      font-size: 16px;
      color: #fff;
      font-weight: 700;
    }
    #form-mobile-controls button:nth-child(odd) {
      float: left;
    }
    #form-mobile-controls button:nth-child(even) {
      float: right;
    }
    .testimonial {
      width: 100%;
      float: none;
    }
    .testimonial .left {
      float: none;
      width: 100%;
      height: 115px;
    }
    .testimonial .left .profile-picture {
      width: auto;
      height: 100%;
    }
    .testimonial .left .inv-comma-icon {
      right: 30px;
    }
    .testimonial .right {
      float: none;
      width: 100%;
      padding: 150px 40px 40px 40px;
    }
    .testimonial .right .profile-name {
      font-size: 25px;
    }
    .testimonial-profiles {
      display: block;
    }
    .testimonial-profiles .v-spacer {
      float: none;
    }
    #news .news-item {
      width: 100%;
      margin-bottom: 70px;
    }
    #news .news-item .news-container {
      width: 100%;
      margin: 0;
    }
    .post-title a {
      font-size: 35px;
      line-height: 45px;
      margin: 0 0 20px;
    }
    .post-date {
      font-size: 15px;
      margin-bottom: 30px;
    }
    .post-featured-image {
      margin: 0;
    }
    .post-excerpt {
      font-size: 18px;
      line-height: 34px;
      margin: 30px 0 40px;
      height: auto;
    }
    .read-more-button {
      font-size: 16px;
    }
    .event-details, .event-images, .newsletter-greeting, .newsletter-form {
      float: none;
      width: 100%;
    }
    .meta {
      position: initial;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .meta .count {
      width: 20%;
      padding-right: 17px;
    }
    .meta .caption {
      width: 80%;
      padding-left: 0;
    }
    .controls {
      width: 100%;
    }
    .control-button {
      width: 50%;
    }
    .previous {
      background-color: #0e4b68;
    }
    .next {
      background-color: #0d4e6e;
    }
    .showcase img {
      height: 220px;
    }
    .newsletter-form .project-text-input, .newsletter-form input {
      margin-left: 0;
      margin-right: 0;
    }
    .footer-links > div {
      float: none;
      width: 100%;
      margin-bottom: 40px;
    }
    .footer-links > div:first-child {
      width: 100%;
    }
    .footer-links .title, .footer-links > div .links li {
      padding: 0;
    }
    #news-post, #more-news, #news-post .left, #news-post .post-content {
      float: none;
      width: 100%;
    }
    #news-post {
      padding: 140px 0 70px;
    }
    #news-post .post-content {
      padding: 0;
    }
    #more-news {
      padding-left: 0;
      margin-top: 0;
    }
    #more-news .post-title {
      font-size: 23px;
    }
    #more-news .post-date {
      margin-bottom: 8px;
    }
    .project-heads {
      padding: 40px 0 30px;
    }
    #projects-location {
      position: relative;
      float: none;
      width: 120%;
      margin: 0 -10%;
    }
    #projects-location .options-wrapper {
      width: 83%;
    }
    #projects-location .scroll-left, #projects-location .scroll-right {
      top: 30px;
    }
    #projects-location a {
      margin-right: 25px;
      padding: 25px 0 15px;
    }
    .pro-loc-head {
      font-size: 16px;
    }
    #configuration-tabs {
      position: relative;
      width: 120%;
      margin: 0 -10% 20px;
    }
    #configuration-tabs .options-wrapper {
      width: 83%;
    }
    #configuration-tabs .tabs {
      display: inline;
      white-space: nowrap;
    }
    #configuration-tabs .scroll-left, #configuration-tabs .scroll-right {
      top: 6px;
    }
    #configuration-plan-tabs .scroll-left, #configuration-plan-tabs .scroll-right {
      top: 27px;
    }
    #project-navigation {
      width: 120%;
      top: 99px;
      margin: 0 -10%;
    }
    #scale-wrapper {
      min-height: auto;
    }
    .options-wrapper {
      width: 92%;
      overflow-x: scroll;
      overflow-y: hidden;
      margin: 0 auto;
    }
    .scroll-left, .scroll-right {
      width: 12px;
      height: 12px;
      position: absolute;
      display: block;
      background-image: url(assets/ui/arrows.svg);
    }
    .scroll-left {
      left: 15px;
      top: 19px;
      background-position: 0% center;
      background-size: cover;
    }
    .scroll-right {
      right: 15px;
      top: 19px;
      background-position: 100% center;
      background-size: cover;
    }
    #projects-header-panel {
      margin: 18px 0 23px;
    }
    #projects-header-panel .shadow {
      top: 92px;
      height: 80px;
    }
    .f-projects {
      width: 100%;
      float: none;
    }
    .brief-infos {
      float: none;
      width: 370px;
    }
    .brief-infos::after {
      content: '';
      display: table;
      clear: both;
    }
    .brief-infos li {
      float: left;
      width: 65px;
      text-align: left;
      margin-right: 30px;
      padding-bottom: 15px;
    }
    .brief-infos, .site-photos, .site-videos, .site-videos .preview, #mapbox, #nearby-options {
      float: none;
      width: 100%;
    }
    .site-photos {
      padding: 0;
    }
    .site-videos {
      margin: 40px 0 0;
      padding-left: 0;
    }
    .site-videos .preview {
      padding: 0;
      padding-bottom: 30px;
      height: 205px;
    }
    .site-videos .video-type {
      font-size: 20px;
    }
    #nearby-options {
      padding-left: 0;
      padding-top: 40px;
    }
    #mapbox a, #mapbox span {
      top: 20px;
    }
    #configuration-plan-previews {
      height: auto;
      width: 100%;
    }
    #configuration-details {
      width: 100%;
    }
    #configuration-details td {
      display: block;
    }
    #configuration-details tr td:nth-child(even) {
      background: rgba(134, 193, 87, 0.1);
      font-size: 20px;
    }
    #configuration-details tr td:nth-child(odd) {
      padding-bottom: 0;
      width: 100%;
      color: #f0f8ffb8;
      font-weight: 300;
      max-width: initial;
    }
    #configuration-details tr:nth-child(even) td:nth-child(2) {
      background: none;
    }
    #configuration-details .configuration-price-bar td:nth-child(odd) {
      padding-bottom: 22px;
    }
    #configuration-details .configuration-price {
      font-size: 30px !important;
    }
    #plan-preview-overlay {
      display: none;
    }
    .spec-table tr td {
      display: block;
    }
    .spec-table tr td:nth-child(odd) {
      width: 100%;
      padding-bottom: 10px;
    }
    .spec-table tr td:nth-child(even) {
      padding-top: 10px;
      display: none;
      line-height: 26px;
    }
    .amenities {
      float: none;
      width: 100%;
    }
    .amenities .amenity-item:hover {
      background: #08293887;
    }
    .new-amenity-description-item {
      background: #0d4e6e;
      padding: 20px 0;
      display: none;
    }
    .new-amenity-description-item li {
      padding: 10px 25px;
      margin-left: 50px;
      list-style: url(assets/ui/list-item-ring.svg);
    }
  }