/*
 * CSS that was inlined in the original page's <head>.
 * Moved to a file so it is cached, versioned and auditable; asset paths
 * were rewritten from document-root-relative to relative-to-this-file.
 */


@font-face {
    font-family: 'Cinzel Decorative';
    src: url('../fonts/CinzelDecorative-Black.eot');
    src: url('../fonts/CinzelDecorative-Black.eot#iefix') format('embedded-opentype'),
        url('../fonts/CinzelDecorative-Black.woff2') format('woff2'),
        url('../fonts/CinzelDecorative-Black.woff') format('woff'),
        url('../fonts/CinzelDecorative-Black.ttf') format('truetype'),
        url('../fonts/CinzelDecorative-Black.svg#CinzelDecorative-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('../fonts/CinzelDecorative-Regular.eot');
    src: url('../fonts/CinzelDecorative-Regular.eot#iefix') format('embedded-opentype'),
        url('../fonts/CinzelDecorative-Regular.woff2') format('woff2'),
        url('../fonts/CinzelDecorative-Regular.woff') format('woff'),
        url('../fonts/CinzelDecorative-Regular.ttf') format('truetype'),
        url('../fonts/CinzelDecorative-Regular.svg#CinzelDecorative-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('../fonts/CinzelDecorative-Bold.eot');
    src: url('../fonts/CinzelDecorative-Bold.eot#iefix') format('embedded-opentype'),
        url('../fonts/CinzelDecorative-Bold.woff2') format('woff2'),
        url('../fonts/CinzelDecorative-Bold.woff') format('woff'),
        url('../fonts/CinzelDecorative-Bold.ttf') format('truetype'),
        url('../fonts/CinzelDecorative-Bold.svg#CinzelDecorative-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-LightItalic.eot');
    src: url('../fonts/BrandonGrotesque-LightItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-LightItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-LightItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-LightItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-LightItalic.svg#BrandonGrotesque-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-BlackItalic.eot');
    src: url('../fonts/BrandonGrotesque-BlackItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-BlackItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-BlackItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-BlackItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-BlackItalic.svg#BrandonGrotesque-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Brandon Grotesque';
    /*
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: url('../fonts/BrandonGrotesque-Bold.eot#iefix') format('embedded-opentype'),
    */
    src: url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2');
    src: url('../fonts/BrandonGrotesque-Bold.woff') format('woff');
    /*
        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg'); */
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-BoldItalic.eot');
    src: url('../fonts/BrandonGrotesque-BoldItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-BoldItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-BoldItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-BoldItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-BoldItalic.svg#BrandonGrotesque-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Black.eot');
    src: url('../fonts/BrandonGrotesque-Black.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Black.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Black.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Black.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Brandon Grotesque';
    /*
    src: url('../fonts/BrandonGrotesque-Light.eot');
    src: url('../fonts/BrandonGrotesque-Light.eot#iefix') format('embedded-opentype'),
    */
    src: url('../fonts/BrandonGrotesque-Light.woff2') format('woff2');
    src: url('../fonts/BrandonGrotesque-Light.woff') format('woff');
    /*
        url('../fonts/BrandonGrotesque-Light.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg'); */
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-MediumItalic.eot');
    src: url('../fonts/BrandonGrotesque-MediumItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-MediumItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-MediumItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-MediumItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-MediumItalic.svg#BrandonGrotesque-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-ThinItalic.eot');
    src: url('../fonts/BrandonGrotesque-ThinItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-ThinItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-ThinItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-ThinItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-ThinItalic.svg#BrandonGrotesque-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-RegularItalic.eot');
    src: url('../fonts/BrandonGrotesque-RegularItalic.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-RegularItalic.woff') format('woff'),
        url('../fonts/BrandonGrotesque-RegularItalic.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-RegularItalic.svg#BrandonGrotesque-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Brandon Grotesque';
    /*
    src: url('../fonts/BrandonGrotesque-Medium.eot');
    src: url('../fonts/BrandonGrotesque-Medium.eot#iefix') format('embedded-opentype'), */
    src: url('../fonts/BrandonGrotesque-Medium.woff2') format('woff2');
    src: url('../fonts/BrandonGrotesque-Medium.woff') format('woff');
        /* url('../fonts/BrandonGrotesque-Medium.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg'); */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Thin.eot');
    src: url('../fonts/BrandonGrotesque-Thin.eot#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Thin.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Thin.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Thin.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Brandon Grotesque';
    /*
    src: url('../fonts/BrandonGrotesque-Regular.eot');
    src: url('../fonts/BrandonGrotesque-Regular.eot#iefix') format('embedded-opentype'), */
    src: url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2');
    src: url('../fonts/BrandonGrotesque-Regular.woff') format('woff');
        /* url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg'); */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/web/20250108153214im_/https://www.romanaheights.com/ProximaNova-Bold.eot');
    src: url('/web/20250108153214im_/https://www.romanaheights.com/ProximaNova-Bold.eot#iefix') format('embedded-opentype'),
        url('/web/20250108153214im_/https://www.romanaheights.com/ProximaNova-Bold.woff2') format('woff2'),
        url('/web/20250108153214im_/https://www.romanaheights.com/ProximaNova-Bold.woff') format('woff'),
        url('/web/20250108153214im_/https://www.romanaheights.com/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/web/20250108153214im_/https://www.romanaheights.com/Cinzel-Regular.eot');
    src: url('/web/20250108153214im_/https://www.romanaheights.com/Cinzel-Regular.eot#iefix') format('embedded-opentype'),
        url('/web/20250108153214im_/https://www.romanaheights.com/Cinzel-Regular.woff2') format('woff2'),
        url('/web/20250108153214im_/https://www.romanaheights.com/Cinzel-Regular.woff') format('woff'),
        url('/web/20250108153214im_/https://www.romanaheights.com/Cinzel-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

    body {
        font-size: 16px;
        font-family: 'Brandon Grotesque', sans-serif, serif !important;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Brandon Grotesque', serif !important;
    }

    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    p, address {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
        opacity: 1 !important;
    }
    
    #ebrochure .col-md-8 {
            /* padding-left: 80px; */
        }
        
        #ebrochure .col-md-4 {
            margin-top: 30px;
        }
        
        
        
        /* for slider */
        
        #ebrochure .map-class {
            top: 5px !important;
        }
        
        #ebrochure .map-class {
        	float: right;
            position: relative;
            right: 40px;
            top: -22px;
        	display: none !important;
        	visibility: hidden !important;
        }
        
        #ebrochure .map-class a {
        	position: relative;
            left: -24px;
            font-size: 1.2rem;
            font-family: 'Roboto',sans-serif;
            font-weight: 400;
        }
        
        #ebrochure .map-class img {
        	width: 30px;
            float: left;
        }
        
        .carousel {
          position: relative;
          height: 595px;
          background: #000;
        }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  backface-visibility: hidden;
  perspective: 1000px;
	/* min-height: 400px; */
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: transform 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    transition: none;
  }
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {
  .carousel-item-next,
  .active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {
  .carousel-item-prev,
  .active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    display: none !important;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  /* display: flex; */
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
    right: 0;
    bottom: -60px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
}

.carousel-caption img {
	float: left;
    position: relative;
    right: -285px;
    bottom: -28px;
}

.carousel-caption h5 {
    text-transform: capitalize !important;
    font-family: "Open Sans",sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-shadow: none !important;
}

/*
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} */

#ebrochure .body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  font: 14px/1.5 'Open Sans',sans-serif;
  color: #345;
  background: #2c4862;
}

p:not(:last-child) {
  margin: 0 0 20px;
}

#ebrochure {
	text-align: center;
  max-width: 1120px;
	margin: 0 auto;
  padding: 40px;
  /* border: 1px solid rgba(0, 0, 0, 0.2); */
  background: #c7c6c6;
  color: #000000;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
}

#ebrochure a {
    color: #f29d1e;
}

#ebrochure img.d-block {
	filter: grayscale(100%);
}

#ebrochure img.d-block:hover {
	filter: grayscale(0%) !important;
}

#ebrochure .vc_col-md-5 {
	padding-left: 30px;
    padding-right: 0;
	/* padding-top: 30px; */
}

#ebrochure #content1,
#ebrochure #content2 {
	text-align: left !important;
}

#ebrochure label span {
	position: relative;
    z-index: 9;
    font-size: 16px;
    font-weight: 600;
	color: #333;
    padding-left: 15px;
    padding-right: 15px;
}

/* Scoped: this was a bare `section` selector, written for the floorplan tab
   panels but matching every <section> on the page. */
#ebrochure section {
  display: none;
  padding: 20px 0 0;
  /* border-top: 1px solid #abc; */
}

/* Scoped: this hid the radio inputs driving the floorplan tabs, but as a bare
   `input` selector it hid every input on the page. Only markup carrying
   Bootstrap's .form-control class escaped it, which no longer covers the
   contact, brochure and newsletter forms. */
#ebrochure > input[name="tabs"] {
  display: none;
}

#ebrochure label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px !important;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  color: #333;
  background: transparent;
  border: 1px solid transparent;
	position: relative;
	top: -27px;
}

/*
label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before {
  content: '\f1cb';
}

label[for*='2']:before {
  content: '\f17d';
}

label[for*='3']:before {
  content: '\f16c';
}

label[for*='4']:before {
  content: '\f171';
} */

label:hover {
  color: #789;
  cursor: pointer;
}

input:checked + label {
	position: relative;
	/* top: 0 !important; */
	background: #5c675f  !important;
    color: #fff !important;
    padding: 10px 20px !important;
    line-height: 20px;
    font-size: 14px;
  /*border: 1px solid #abc;
  border-top: 2px solid #0af;
  border-bottom: 1px solid #fff; */
}

input:checked + label span {
    color: #fff !important;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
  position: relative;
  left: -160px;
}

#content3 .col-md-5 img,
#content4 .col-md-5 img {
    max-width: 757px;
    height: 401px;
    position: relative;
    top: 40px;
}



@media screen and (max-width: 800px) {
    #newsletterModal form label {
        font-size: 16px;
        margin-bottom: 0px !important;
        padding: 3px !important;
    }
    
    #newsletterModal #form-contact-submit {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #newsletterModal .custom-control {
        width: 120px;
        display: inline-block;
        float: none !important;
    }

  label {
    font-size: 0;
  }

  label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  label {
    padding: 15px;
  }
}

/* end toggles */

.font-big-one {
	font-family: 'Didot', 'GFS Didot', sans-serif !important;
}

.qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-main-menu {
    width: 100%;
}

.qodef-main-menu ul {
    max-width: 45%;
}

.qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-vertical-align-containers .qodef-position-right-inner {
    width: 100%;
}

.vc_row {
    /* max-width: 1120px !important; */
}

.vc_row.inside-slide .text-right a, .vc_row.inside-slide .text-left a {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
}

.vc_row.inside-slide .text-left i {
	font-size: 18px !important;
	line-height: 20px !important;
	color: #9d854e;
	
}

/* end slider */

/* big screen styles */

@media (max-width: 1399px) {
    
    #page-header .hero-section {
        height: 858px !important;
    }

}
/*
@media (min-width: 1243px) and (max-width: 1399px) {
    
    #page-header .hero-section {
        height: 1078px !important;
    }

}
*/

@media screen and (min-width: 1200px){
    .navigation .container {
        min-width: 1060px;
        width: 71%;
    }

    #sustainable .container-fluid .col-md-6:first-child .details-body {
        width: 79% !important;
    }

    #brownBox img {
        height: 100px;
        position: relative;
        float: left;
        left: 20% !important;
        /* right: 0%; */
    }
}

@media screen and (min-width: 1400px) {
    /* #sustainable .container-fluid .col-md-6:first-child {
        padding-left: 19% !important;
    } */
    #brownBox img {
        height: 130px !important;
        left: 10% !important;
    }

    .curved-block {
        left: 12% !important;
    }

    .brown-box {
        padding: 120px 140px !important;
    }

    #sustainable .container-fluid .col-md-6:first-child .details-body {
        width: 79% !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1600px) {
    #sustainable .container-fluid .col-md-6:first-child, #locationMap .container-fluid .col-md-5:first-child {
        padding-left: 15% !important;
    } 

  #page-header .hero-section {
        /*height: 845px !important; */
        height: 1024px !important;
    }

    .navigation .container {
        min-width: 1060px;
        width: 73%;
    }

    /* #page-header .container-fluid {
        height: 885px !important;
    } */

    #page-header .container-fluid img {
        width: 100% !important;
        /* margin-top: 150px;
        max-width: 810px !important;
        position: relative;
        left: 17%; */
    }

    .hero-title-big .row .col-md-4 {
        left: -4.8% !important;
    }

    #brownBox .details-body {
        width: 82% !important;
        position: relative;
        right: -19%;
    }

    .brown-box {
        padding: 100px 140px !important;
    }

    #brownBox img {
        height: 190px !important;
        right: 10%;
        float: right !important;
        left: auto !important;
    }

    .gold-box {
        background: #b18f5f;
        height: 465px !important;
        width: 405px !important;
        position: relative;
        top: 25% !important;
        padding: 145px 0px 100px 22px !important;
        color: #fff;
    }

    .gold-box p {
        font-size: 2.7rem !important;
        line-height: 3.9rem !important;
        position: relative;
        right: -9px;
        width: 425px !important;
        font-weight: 400;
    }

    .btn-box {
        position: relative;
        top: 27% !important;
    }

    .banner-btn {
        background: #fff;
        height: 60px;
        padding: 15px 25px !important;
        width: 200px;
        /* position: relative;
        top: 27% !important; */
        font-size: 2.3rem !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1700px) {
    #sustainable .container-fluid .col-md-6:first-child, #locationMap .container-fluid .col-md-5:first-child {
        padding-left: 19% !important;
    }
  #page-header .hero-section {
        height: 1100px !important;
    }

    .curved-block {
        left: 19.5% !important;
    }

    .navigation .container {
        min-width: 1060px;
        width: 73%;
    }

    /* #page-header .container-fluid {
        height: 966px !important;
    } */

    #page-header .container-fluid img {
        width: 100% !important;
        /* margin-top: 150px;
        max-width: 910px !important;
        position: relative;
        left: 17%; */
    }

    .hero-title-big .row .col-md-4 {
        left: -4.8% !important;
    }

    #brownBox .details-body {
        width: 71% !important;
        position: relative;
        right: -30%;
    }

    .brown-box {
        padding: 100px 140px !important;
    }

    #brownBox img {
        height: 190px !important;
        right: 10%;
        float: right !important;
        left: auto !important;
    }

    .gold-box {
        background: #b18f5f;
        height: 520px !important;
        width: 445px !important;
        position: relative;
        top: 27% !important;
        padding: 160px 0px 100px 25px !important;
        color: #fff;
    }

    .gold-box p {
        font-size: 3.0rem !important;
        line-height: 4.2rem !important;
        position: relative;
        right: -9px;
        width: 425px !important;
        font-weight: 400;
    }

    .btn-box {
        position: relative;
        top: 29.2% !important;
    }

    .banner-btn {
        background: #fff;
        height: 60px;
        padding: 15px 25px !important;
        width: 200px;
        position: relative;
        top: 29.2% !important;
        font-size: 2.3rem !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1900px) {
    #sustainable .container-fluid .col-md-6:first-child, #locationMap .container-fluid .col-md-5:first-child {
        padding-left: 19% !important;
    }

    .curved-block {
        left: 19.5% !important;
    }

    .info-back {
        width: 72% !important;
    }

    .navigation .container {
        min-width: 1060px;
        width: 73%;
    }

    /* #page-header .container-fluid {
        height: 1040px !important;
    } */

    #page-header .container-fluid img {
        width: 100% !important;
        /* margin-top: 150px;
        max-width: 996px !important;
        position: relative;
        left: 17%; */
    }

    .hero-title-big .row .col-md-4 {
        left: -3.5% !important;
    }

    #brownBox .details-body {
        width: 67% !important;
        position: relative;
        right: -35%;
    }

    .brown-box {
        padding: 100px 140px !important;
    }

    .gold-box {
        background: #b18f5f;
        height: 563px !important;
        width: 445px !important;
        position: relative;
        top: 28% !important;
        padding: 190px 0px 100px 25px !important;
        color: #fff;
    }

    .gold-box p {
        font-size: 3.0rem !important;
        line-height: 4.2rem !important;
        position: relative;
        right: -9px;
        width: 425px !important;
        font-weight: 400;
    }

    .btn-box {
        position: relative;
        top: 30% !important;
    }

    .banner-btn {
        background: #fff;
        height: 60px;
        padding: 15px 25px !important;
        width: 200px;
        position: relative;
        top: 30% !important;
        font-size: 2.3rem !important;
    }

  #page-header .hero-section {
        height: 1100px !important;
    }

    #brownBox img {
        height: 190px !important;
        right: 10%;
        float: right !important;
        left: auto !important;
    }

    #locationMap .col-md-5 .text-block {
        position: relative;
        top: 178px !important;
    }
}
@media screen and (min-width: 2400px) {
  #page-header .hero-section {
        height: 1236px !important;
    }
}

.logo.mobile {
                display: none;
            }
/* end big screen */

/* start mobile styles */

@media (max-width: 767px) {
    
            .logo.mobile {
                display: block !important;
            }
            
            #site-navigation, nav.navigation {
                /* height: 40px !important; */
                height: 0px !important;
            }
            
            .videos-row .first-line .col-md-3 {
                width: 24% !important;
                float: left;
            }
            
            .videos-row .first-line {
                margin-bottom: 25px;
            }
            
            .home-features {
                position: relative;
                height: auto !important;
                top: -38px !important;
                margin-bottom: -58px !important;
                z-index: 1;
            }
            
            .navigation .brand {
                width: 70px !important;
                padding-top: 0px !important;
                /* margin-top: 25px; */
            }
            
            .details-third.darkturq {
                position: relative;
                top: 0 !important;
                margin-left: 20% !important;
            }
            
            .icon-block .col-md-6 {
                width: 50% !important;
                float: left;
            }
            
            .to-top {
                position: absolute;
                right: 15px !important;
                bottom: 50px;
            }
            
            #details {
            /* background: url(/web/20250108153214im_/https://www.romanaheights.com/assets/img/details-block-banner.jpg);
            background-size: cover;
            height: 1026px;
            background-position: bottom;
            object-fit: fill;
            margin-top: 60px;
            padding-top: 61px; */
        }
            
            #contentBlock .container, #faqs .container {
                width: 100% !important;
            }
            
            #contentBlock .col-md-5 {
                margin-bottom: 30px;
            }
            
            .page-wrapper.show-navigation .navigation .nav-btn {
                right: -20px;
                top: 0px !important;
            }
            
            .navigation .nav-btn {
                padding: 5px;
                cursor: pointer;
                position: absolute;
                top: -38px !important;
                right: 0;
                bottom: auto !important;
                /* top: -155px !important;
                right: 0px;
                bottom: 0; */
                margin: auto;
                height: 25px;
            }
            
            .navigation-links {
                position: relative !important;
            }
            
            .navigation .right .navigation-links li {
                padding: 6px 0px !important;
            }
            
            .place-blue h3 {
                margin-left: -30px;
            }
            
            .place-blue .text-right {
                padding-right: 0 !important;
            }
            
            #ebrochure .col-md-8 {
                padding-left: 15px !important;
            }
            
            /* .carousel-item {
                min-height: 280px !important;
            } */
            
            .carousel-caption h5 {
                line-height: 21px !important;
            }
            
            .carousel-caption {
                position: relative !important;
                right: 0;
                /* bottom: -37px; */
                z-index: 10;
                padding-top: 0px !important;
                padding-bottom: 2px !important;
                bottom: 0 !important;
                left: 0 !important;
                color: #fff;
                text-align: right;
            }
            
            #block-2afa63dae5884df82998 {
                padding: 3px 0px 20px 30px !important;
            }

            .place-left h2.live-in {
                font-size: 25px !important;
            }
            
            .place-mid {
                padding-top: 30px;
                padding-left: 20px !important;
                padding-bottom: 30px;
            }
            
            .place-right p {
                padding: 20px 20px 20px 26px !important;
                position: relative;
                top: 0 !important;
            }
            
            .home-white-full {
                position: relative;
                padding: 5px 40px 30px !important;
            }
            
            .blue-box {
                display: none !important;
            }
            
            .navigation .right .navigation-links li a {
                opacity: 1 !important;
                padding: 5px 10px 3px 10px !important;
            }
            
            .white-box {
                width: 100% !important;
                padding: 20px 35px !important;
                position: relative !important;
                background: #fff;
                z-index: 9999;
            }
            
            .puller {
                position: relative;
                top: 0 !important;
                padding-bottom: 70px;
            }
            
            .tag-img {
                right: 61px !important;
                width: 80px !important;
                display: block !important;
            }
            
            .container {
                padding-right: 30px;
                padding-left: 30px;
            }
            
            .full-width {
                width: 100%;
                padding: 0;
            }
            
            footer .row {
                margin-right: 0 !important;
                margin-left: 0 !important;
            }
            
            .footer-copyright {
                max-width: 239px;
                margin: 0 auto;
            }
            
            .contact .col-md-3 {
                width: 20%;
                float: left;
            }
            
            .contact .col-md-9 {
                width: 80%;
                float: left;
            }
            
            .navigation {
                position: relative;
                /* margin-top: 20px; */
            }
            
            .navigation .menu {
                text-align: right;
                padding-right: 0 !important;
            }
            
            .navigation .menu a {
                color: #2c4862 !important;
            }
            
            .logo {
                position: absolute !important;
                top: 0;
            }
            
            .hero-section {
                max-height: 320px !important;
            }
            
            /*
            .big-gallery .slide img {
                width: 100%;
                height: auto !important;
                object-fit: fill;
            }
            */
            
            .big-gallery .slide img {
                width: 98% !important;
                height: 200px !important;
                object-fit: cover !important;
            }
            
            #details .row .col-md-6:last-child {
                padding-left: 10px !important;
                margin-top: 30px;
            }
            
            .icon-block .col-md-3 {
                padding: 0 !important;
                width: 30%;
                float: left;
            }
            
            .nav .logo {
                position: absolute !important;
                top: 160px;
            }
            
            /* .owl-carousel.big-gallery .owl-item {
                display: block;
                width: 100% !important;
                height: auto;
                position: relative;
                min-height: 192px !important;
                float: left;
            }

            .owl-carousel.big-gallery .owl-stage {
                width: 100% !important;
                transform: none !important;
            } */
            
           /* .navigation .container .wrapper {
                padding-right: 30px !important;
                padding-left: 30px !important;
            } */
            
            h2.page-title {
                margin-bottom: 5px;
                font-size: 25px !important;
                line-height: 40px !important;
                font-family: 'proxima_nova_ltthin', helvetica, sans-serif;
                font-weight: 100 !important;
            }
            
            .nav > li > a {
                /* color: #a08240; */
                font-family: 'Montserrat', sans-serif;
                font-size: 20px;
                color: #878787 !important;
                font-weight: 400;
            }
        
            .navigation .left {
                display: block;
                width: 50%;
            }
            
            .pcstyle {
                display: none !important;
            }
            
            .mobstyle {
                display: block !important;
            }
            
            .navigation .right {
                display: block;
                position: absolute;
                right: 0;
                top: 9px;
            }
        
            .navigation .nav-btn figure {
                /* background-color: #000; */
                background-color: #5c675f !important;
                width: 25px;
                margin-bottom: 4px;
            }
            
            .navigation.show-background .nav-btn figure {
                background-color: #fff !important;
            }
            
            h2.page-title {
                font-size: 26px;
                line-height: 30px;
                font-family: 'proxima_nova_ltthin', helvetica, sans-serif;
                font-weight: 100 !important;
            }
            
            .floor-slider .owl-item.active {
                display: block !important;
                margin-right: 30px !important;
                left: 0 !important;
                text-align: center;
            }
            
            #gallery label {
                margin-left: 5%;
                display: none;
            }
            
            #form-contact .col-md-6, #form-contact .col-md-12 {
                padding: 0px 15px !important;
            }
            
            img.signum-badge {
                top: 0px !important;
                float: none !important;
            }
            
            .Siglogo {
                position: relative;
                right: 0 !important;
                text-align: center;
            }
            
            .sub-title {
                font-size: 13.5px !important;
                margin-top: 2px !important;
                margin-bottom: 20px;
            }
            
            .left-50 {
                padding-left: 5px !important;
            }
            
            .block {
                padding: 30px 0 5px !important;
            }
        }

/* end mobile */

    #page-header .container-fluid {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: #1d1612;
        /* height: 800px; */
    }
    
    #page-header .container-fluid img {
        width: 100% !important;
        /* margin-top: 150px;
        max-width: 720px;
        position: relative;
        left: 17%; */
    }
    
    #page-header .hero-section {
        /* background: url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/banner-image.jpg'); */
        /* background-size: contain !important; */
        background-size: cover !important;
        background-position-x: center !important;
        height: 845px;
        /* background-size: cover !important;
        height: 858px !important; */ /* 1128px !important; */
        /* height: 100% !important; */
    }
    
    .hero-section:after {
        background-color: rgba(0, 0, 0, 0.0) !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: "";
    }
    
    .navigation .right .navigation-links li a {
        opacity: 1 !important;
        color: #333;
    }
    
    .navigation .brand {
        z-index: 101;
        position: relative;
        display: block !important;
        padding-top: 10px;
        width: 100px;
    }
    
    #gallery h2, .big-gallery .slide .description h3 {
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: 300 !important;
        text-align: center;
    }
    
    .owl-nav-wrapper #big-gallery-nav {
      position: absolute;
      right: 0;
      top: -31px; /* -68px; */
      z-index: 1;
      background: #fff;
    }
    
    #liveRelaxed .row .col-md-7 {
        padding-right: 50px !important;
    }
    
    #liveRelaxed .row .col-md-5 {
        margin-top: 110px;
    }
    
    #liveRelaxed h4 {
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        font-size: 17px !important;
    }
    
    #liveRelaxed p {
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: 300 !important;
    }
    
    .navigation.show-background {
    /* background-color: rgba(0, 0, 0, 0.8); */
        background-color: rgba(255, 255, 255, 0.8);
        display: none !important;
    }
    
    #details {
        background: #f4f4f4;
        padding-top: 100px;
        /*
        background: url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/details-block-banner.jpg');
        background-size: cover;
        height: 1026px;
        object-fit: fill;
        margin-top: 60px;
        padding-top: 118px; */
    }
    
    .details-title {
        max-width: 600px;
        margin-left: 17%;
        position: relative;
    }
    
    .details-heading {
        margin-left: 30%;
        margin-top: 20px;
    }
    
    .details-heading h4 {
        line-height: 20px;
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: normal !important;
        font-size: 17px;
    }
    
    .details-first.orange {
        margin-left: 30%;
        border-left: 4px solid #f9c27f;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .details-second.blue {
        margin-left: 5%;
        margin-top: 30px;
        border-left: 4px solid #9adbf2;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .details-third.darkturq {
        position: relative;
        top: -51px;
        margin-left: 45%;
        border-left: 4px solid #01627f;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .details-third.darkturq p {
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: normal !important;
    }
    
    #details p, #details ul, #details ul li, #details a {
        line-height: 25px;
        font-family: 'Maven Pro', 'Montserrat', sans-serif !important;
        font-weight: 300 !important;
    }
    
    #bedroom {
        padding-top: 30px;
    }
    
    .controls-right {
        float: right;
        position: relative;
        top: -26px;
        background: #fff;
        height: 26px;
        z-index: 999;
        padding-left: 6px;
        padding-right: 2px;
    }
    
    .icon-block .row.first-line {
        /* margin-right: -25px; */
    }
    
    .icon-block .col-md-3 {
        padding: 0 !important;
    }
    
    .icon-block .col-md-3 img {
        width: 40px;
    }
    
    .icon-block .col-md-9 {
        padding-right: 0 !important;
        padding-left: 10px !important;
    }

    .icon-block .col-md-7.first .col-md-9 {
        padding-right: 0 !important;
        padding-left: 0px !important;
    }
    
    .icon-block .col-md-9 a {
        text-decoration: underline;
        font-size: 14px;
    }
    
    .icon-block .col-md-9 h4 {
        margin: 0;
        font-size: 16px;
    }
    
    .icon-block .col-md-9 span {
        font-size: 13px;
    }
    
    .icon-block .second h4 {
        margin-top: 10px;
    }
    
    .icon-block .second {
        padding-left: 25px;
        padding-right: 0;
    }
    
    .icon-block {
        padding-left: 32px;
        margin-top: 30px;
    }
    
    #contentBlock {
             margin-top: 70px;
             /* margin-bottom: 325px; */
             position: relative;
            /* top: 410px; */
            background: #1a1a1a;
            color: #fff;
         }
         
    #contentBlock .form-group .line-spc {
            margin-bottom: 30px;
            border-top: 1.2px solid #9e7c4e;
            max-width: 120px !important;
            position: relative;
            margin-left: 117px;
            top: 18px;
        }
        
    #contentBlock h2 {
            font-family: 'Cinzel', 'Montserrat', sans-serif;
            font-size: 30px;
            color: #fff;
            font-weight: normal;
            text-align: center;
            margin-bottom: 15px;
        }
        
    #contentBlock .fa {
            color: #9e7c4e;
            font-size: 16px;
        }
        
    .to-top {
        position: absolute;
        right: 100px;
        bottom: 50px;
    }
    
    .to-top a {
        color: #fff !important;
        border: 1px solid #eee;
    }
    
    .form-wrapper input[type=submit], button[type=submit] {
            display: inline-block;
            width: auto;
            height: auto;
            padding: 1em 2.5em;
            color: #fff !important;
            background-color: #b18f5f !important;
            border-width: 0;
            font-size: 12px;
            line-height: 1em;
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase;
            letter-spacing: 0px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 14px;
            text-transform: none;
        }
        
    .background-is-dark form.inputs-underline input[type="text"], .background-is-dark form.inputs-underline input[type="email"], .background-is-dark form.inputs-underline input[type="date"], .background-is-dark form.inputs-underline input[type="time"], .background-is-dark form.inputs-underline input[type="search"], .background-is-dark form.inputs-underline input[type="password"], .background-is-dark form.inputs-underline input[type="number"], .background-is-dark form.inputs-underline input[type="tel"], .background-is-dark form.inputs-underline textarea.form-control {
            background-color: transparent;
            /* border-bottom: 2px solid rgba(255, 255, 255, 0.8); */
            border: 1px solid #555 !important;
            background: #1a1a1a !important;
            color: #555;
            font-size: 12px;
            line-height: normal;
            margin: 6px 0 20px;
            padding: 5px 10px;
            min-height: 40px;
        }
        
        form.inputs-underline input[type="text"], 
        form.inputs-underline input[type="email"], 
        form.inputs-underline input[type="date"], 
        form.inputs-underline input[type="time"], 
        form.inputs-underline input[type="search"], 
        form.inputs-underline input[type="password"], 
        form.inputs-underline input[type="number"], 
        form.inputs-underline input[type="tel"], 
        form.inputs-underline textarea.form-control {
            padding-left: 15px;
            border: 1px solid #555 !important;
            /* border: 1px solid #c79c45; */
        }
        
        #form-contact .col-md-6, #form-contact .col-md-12 {
            padding: 0;
        }
        
        #form-contact .col-md-6:first-child {
            padding-right: 1px;
        }
        
        .footer-bottom {
            margin-top: 25px;
            margin-bottom: 10px;
        }
        
        #faqs {
            margin-top: 40px;
            /* display: none !important;
            visibility: hidden !important; */
        }
        
        #faqs img {
            width: 240px;
            margin-bottom: 50px;
        }
        
        .big-gallery .slide img {
            width: 100%;
            height: 720px;
            object-fit: fill;
        }
        
        .home-features {
            position: relative;
            height: 365px;
            top: -135px;
            margin-bottom: -115px;
            z-index: 1;
        }
        
        .home-features img.features-cloud {
            width: 100%;
        }
        
        .home-features img {
            max-height: 220px; /* 365px; */
        }
    
    .videos-row .first-line {
        max-width: 300px;
        padding-top: 5px;
    }
    
    .videos-row .col-md-9 {
        padding-left: 0;
    }
    
    #vidsModal span.close-btn {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
    }
    /*
    .daytime {
        background: url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/banner-image.jpg') !important;
    }
    
    .nighttime {
        background: url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/banner-image.jpg') !important;
    }
    */
    
    video {
      width: 100%    !important;
      height: auto   !important;
    }
    
    #linkBack {
        width: 60%;
        margin: 0 auto;
        max-width: 400px;
    }
    
    .disclaimer {
        font-size: 12px;
        margin-bottom: 20px;
        max-width: 95%;
    }
    
    .disclaimer-divider {
        margin-bottom: 60px;
        border-top: 1.2px solid #9e7c4e;
        max-width: 637px !important;
        position: relative;
        margin-left: 117px;
        top: 18px;
    }

    #gallery.block {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .decor img {
        max-width: 90%;
    }

    .decor {
        text-align: right;
    }

    .details-sub {
        font-size: 1.2em;
    }

    .live-it-all {
        width: 71%;
    }

    #details ul {
        margin: 5px 0 !important;
    }

    .bed-desc {
        padding-left: 20px;
        font-size: 1.2em;
    }

    .col-md-6.first {
        padding: 0;
    }

    .price-tag {
        position: relative;
        top: 8px;
    }

    .owl-nav .owl-next, .owl-nav .owl-prev {
        color: #8d8d8d;
    }
    
    #details .row .col-md-6:last-child {
        padding-left: 100px;
    }
    
    .navigation .right .navigation-links li.logo a:after {
        background-color: transparent !important;
        height: 0px !important;
    }
    
    p.slide-title.text-center {
        margin: 0 0 8px !important;
    }
    
    .price-tag.sec.text-right {
        font-size: 9px;
        left: -5px;
        /* margin-right: 20px; */
    }
    
    .price-tag.sec {
        margin-bottom: 0 !important;
    }
    
    .navigation .right {
        /* top: 0 !important; /* 25px 
        left: 100px; */
        left: -4%;
        top: 0 !important;
        /* left: 100px; */
        /* right: 0; */
        text-align: center;
    }
    
    .background-is-dark {
        background: transparent;
        padding-top: 50px;
        padding-bottom: 20px;
        background-size: cover;
    }
    
    .hero-section-banner {
        margin-bottom: 0px;
    }

    .green-text {
        color: #516f33;
    }

    .green-title {
        font-size: 4rem;
        font-weight: 400;
    }

    #sustainable .container-fluid {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #sustainable .container-fluid .col-md-6:first-child {
        padding-left: 12%; /* 150px; */
        padding-top: 100px; /* 7%; */
        padding-bottom: 1%;
        z-index: 999;
    }

    /* #sustainable .container-fluid .col-md-6:last-child {
        height: 700px;
        background: #d5d1ce;
    } */
    
    #sustainable .container-fluid .col-md-6:last-child img {
        /* height: 700px;
        width: 100%;
        object-fit: cover;
        position: absolute;
        left: -22%; */
        height: 700px;
        width: auto;
        object-fit: cover;
        position: relative;
        left: 0;
        top: -330px;
        z-index: 0;
    }

    .designed {
        margin-top: 80px;
        margin-bottom: 50px;
    }

    .designed .green-title {
        margin-bottom: 10px;
    }

    .lightgreen-text {
        color: #75993e;
    }

    .green-subtitle {
        font-size: 2rem;
    }

    .bold-text {
        font-weight: 600;
        font-size: 1.6rem;
    }
    .pos-left {
        position: relative;
        left: -10px;
    }

    #faqs strong {
        font-weight: normal !important;
    }

    #moreDetails .col-md-5 {
        padding-left: 7%;
    }

    #designed .col-md-6:last-child {
        padding-left: 15%;
    }

    .banner-vector {
        position: absolute;
        right: 0;
    }

    #page-header .container-fluid .banner-vector img {
        position: relative;
        right: 1px;
        top: -400px;
        z-index: 9999;
        width: 330px !important;
    }

    .home-feat .banner-vector img {
        position: relative;
        top: -463px;
        width: 340px;
    }

    #floorplans .banner-vector img {
        position: relative;
        width: 125px;
        top: -80px;
    }

    .banner-vector-left {
        position: absolute;
        left: 0;
    }

    .banner-vector-left img {
        position: relative;
        top: -280px;
        width: 330px !important;
    }

    .home-feat .banner-vector-left img {
        position: relative;
        top: -355px;
        width: 200px !important;
    }

    #moreDetails .banner-vector-left img {
        position: relative;
        width: 185px !important;
        top: -240px;
    }

    .slider-arrows {
        height: 150px;
    }

    #gallery .carousel-item img {
        width: 100%;
        height: 595px;
        object-fit: cover;
        /* height: 800px;
        object-fit: cover;
        object-position: bottom center; */
    }
    
    #gallery .carousel-item.first img,
    #gallery .carousel-item.fifth img,
    #gallery .carousel-item.last img{
        object-position: center center !important;
    }

    @media screen and (max-width: 600px) {
        #newsletterModal .col-md-7 {
                height: auto !important;
            }
            
            #newsletterModal .col-md-5 {
                padding: 40px 10px !important;
            }
            
            #newsletterModal .col-md-7 {
                padding: 60px 24px 60px 18px !important;
            }
            
        .mobile {
            display: block !important;
        }

        .desktop {
            display: none !important;
        }

        #ebrochure label {
            padding: 5px 2px !important;
        }

        .romana-info {
            position: relative;
            /* top: 155px; 115px; */
            top: 0 !important;
        }
        
        #sustainable {
            height: 1142px !important;
            background: #f9f9f9;
        }
        
        #sustainable .container-fluid .row.second {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .dl-btn-p {
            margin-top: 60px !important;
        }

        .curved-text {
            position: relative;
            top: -290px !important;
            left: -2%;
            max-width: 60%;
        }

        #gallery .green-title {
            font-size: 3rem !important;
            margin-bottom: 20px !important;
        }

        #content1 .col-md-5 {
            text-align: center;
        }

        .carousel-itemd {
            padding-right: 0 !important;
        }

        .info-line img {
            height: 25px !important;
        }
        .info-back {
            width: 100% !important;
            object-fit: contain !important;
            position: relative;
            left: 2% !important;
            height: 650px !important;
        }

        .plan-box {
            width: 99% !important;
            left: 0px !important;
        }
        #floorplans .floorplan, #floorplans .plan-price {
            height: 320px !important;
        }
        .carousel-inner-block.grid {
            display: block !important;
        }

        #featuresBox .col-md-3:first-child {
            padding-bottom: 10px !important;
        }

        .designed {
            width: 80%;
            margin: 0 auto;
            padding-bottom: 20px;
        }

        #featuresBox .col-md-4 {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-feat .banner-vector-left img {
            position: relative;
            top: -95px !important;
            width: 50px !important;
        }
        #floorplans {
            position: relative;
            margin-top: 0px;
            margin-bottom: 50px;
        }
        #floorplans .banner-vector img {
            position: relative;
            width: 80px;
            top: -10px;
        }
        #gallery .carousel-item img {
            width: 100%;
            height: auto !important;
        }
        .scrollspy-locations {
            position: relative;
            height: 272px !important;
        }

        #page-header .container-fluid .banner-vector img {
            position: relative;
            right: 1px;
            top: -158px !important;
            z-index: 9999;
            width: 130px !important;
        }

        .logo.mobile img {
            /* height: 50px; */
            height: 70px;
            max-width: 150px;
            position: relative;
            top: -20px;
        }

        .desktop-logo {
            display: none !important;
        }

        #sustainable .container-fluid .col-md-6:first-child {
            padding-left: 50px !important;
            padding-top: 5px !important;
        }

        .banner-vector-left img {
            position: relative;
            top: -50px !important;
            width: 100px !important;
        }

        #designed .col-md-6:last-child {
            padding-left: 5% !important;
        }
        
        .home-feat .banner-vector img {
            position: relative;
            top: -400px !important;
            width: 140px !important;
        }
        .home-feat .container img {
            position: relative;
            max-width: 375px;
            left: -30px;
        }

        .slider-arrows {
            height: 50px;
        }

        #moreDetails .col-md-3 {
            padding-left: 8%;
        }

        #moreDetails .banner-vector-left img {
            position: relative;
            width: 100px !important;
            top: -240px;
        }
        
        /* new mobile styles */
        .border-gold {
            border-bottom: 1px solid #b18f5f;
            border-top-color: #1d1612 !important;
            height: 2px;
            width: 71%;
            opacity: 1;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        
        .background-is-dark {
            padding-top: 30px !important;
            background: #ededed !important;
        }
        
        #sustainable .container-fluid .col-md-6:first-child {
            padding-top: 40px !important;
            padding-left: 30px !important;
            padding-right: 20px;
        }
        
        .details-sub.black-title, .black-title {
            font-size: 3rem !important;
        }
        
        .details-body {
            font-size: 1.8rem !important;
            line-height: 2.3rem !important;
        }
        
        .carousel {
            height: 320px !important;
        }
        
        #gallery .click-text {
            top: -210px !important;
            left: 0px;
            color: #fff;
            font-size: 3rem;
        }
        
        #locationMap .col-md-5 .text-block {
            position: relative;
            left: 5px !important;
            top: auto !important;
            padding-top: 20px !important;
        }
        
        #locationMap .col-md-7 {
            padding: 0 !important;
        }
        
        .brown-box {
            background: #6d6662;
            padding: 50px 40px !important;
            color: #fff;
        }
        
        #sustainable .container-fluid .col-md-6:last-child img {
            height: 425px !important;
            width: 100%;
            object-fit: cover;
            left: 0% !important;
            top: 20px !important;
        }

        #sustainable .container-fluid .col-md-6:last-child {
            height: 300px !important;
            /* background: #d5d1ce; */
        }

        .brown-box p {
            padding-right: 0% !important;
        }

        #brownBox img {
            height: auto !important;
            float: right !important;
            position: relative;
            right: -8% !important;
        }
        
        #plansGallery .carousel {
            position: relative;
            /* height: 240px !important; */
            top: 0px !important;
            background: #000;
            margin-bottom: 220px !important;
        }

        #plansGallery .slider-arrows {
            height: 50px;
            position: relative;
            top: 91px;
        }
        
        #page-header .container-fluid img {
            width: 100% !important;
            /* margin-top: 35px !important;
            left: 0 !important; */
        }

        #featuresBox .col-md-3 {
            text-align: center;
            padding-left: 0 !important;
        }

        .navigation .right .navigation-links {
            top: 26px;
        }

        .hero-title-big .row .col-md-8, .hero-title-big .row .col-md-7 {
            padding-right: 20.5px !important;
        }

        .hero-title-big .row .col-md-4, .hero-title-big .row .col-md-5 {
            height: 416.32px !important;
            min-height: 416px !important;
            padding-left: 0 !important;
            left: 0% !important;
        }

        .navigation .nav-btn {
            top: -12px !important;
        }

        .navigation .right {
            top: 13px !important;
        }

        .gold-box {
            background: #b18f5f;
            height: 335px !important;
            width: 330px !important;
            position: relative;
            top: 1% !important;
            padding: 92px 0px 100px 31px !important;
            color: #fff;
        }

        .gold-box p {
            font-size: 2.05rem !important;
            line-height: 3.2rem !important;
            position: relative;
            right: -9px;
            width: 325px !important;
            font-weight: 400;
        }

        .btn-box {
            position: relative;
            top: 4.5% !important;
        }

        .banner-btn {
            background: #fff;
            height: 60px;
            padding: 10px 20px;
            width: 200px;
            position: relative;
            top: 4.5% !important;
        }

        #locationMap .col-md-5 {
            position: relative;
            padding-left: 8% !important;
            z-index: 99999;
        }
    }
        
    
    /* new styles */
    
    .border-gold {
        border-bottom: 1px solid #b18f5f;
        border-top-color: #1d1612 !important;
        height: 2px;
        width: 71%;
        opacity: 1;
    }
    
    .navigation .right .navigation-links li a.home:after {
        height: 1px !important;
        background-color: #b18f5f !important;
    }
    
    .details-sub.black-title, .black-title {
        font-family: 'Playfair Display', 'Cinzel Decorative',sans-serif !important;
        font-weight: normal;
        font-size: 6rem;
        color: #596369;
    }
    
    .details-body {
        font-family: 'Brandon Grotesque',sans-serif !important;
        font-size: 2.1rem;
        font-weight: 300;
        color: #231f20;
        line-height: 2.8rem;
        width: 90%;
    }
    
    .brown-box {
        background: #6d6662;
        padding: 115px 140px;
        color: #fff;
    }
    
    .brown-box p {
        color: #fff !important;
        text-align: right;
        padding-right: 12%;
    }
    
    #brownBox {
        padding-left: 0 !important;
    }

    #brownBox img {
        height: 100px;
        position: relative;
        float: left;
        left: 10%;
        /* right: 0%; */
    }
    
    #locationMap {
        background: #f2f2f2;
    }
    
    #locationMap .col-md-5 .text-block {
        position: relative;
        /* left: 150px; */
        top: 100px;
    }
    
    #locationMap .col-md-5 {
        position: relative;
        padding-left: 12%;
        z-index: 99999;
        /* bottom: 100px; */
    }
    
    
    #plansGallery .carousel {
        position: relative;
        height: 500px;
        top: 50px;
        background: #000;
    }
    
    #plansGallery .carousel .carousel-inner .carousel-item a img, .plan-img {
        height: 500px;
        object-fit: cover;
        width: 360px;
    }
    
    #plansGallery .carousel .carousel-item, .carousel .carousel-item {
        text-align: center;
    }
    
    #plansGallery .carousel .carousel-item:after {
        background: rgba(0,0,0,0.6) !important;
        position: absolute;
        width: 100%; height:100%;
        top:0; left:0;
        opacity: 0;
        transition: all 1s;
        -webkit-transition: all 1s;
    }
    
    #plansGallery .carousel-item .overlay {
        width: 100%;
        background: rgba(0,0,0,0.5);
        height: 500px;
        left: 0;
        top: 0;
        position: absolute;
    }
    
    #gallery .carousel-item .overlay {
        width: 100%;
        background: rgba(0,0,0,0.5);
        height: 595px;
        left: 0;
        top: 0;
        position: absolute;
    }
    
    #plansGallery .slider-arrows {
        height: 50px;
    }
    
    .click-text {
            position: relative;
            z-index: 99999;
            top: -300px;
            left: 0px;
            color: #fff;
            font-size: 3rem;
        }
        
    #gallery .click-text {
            position: relative;
            z-index: 99999;
            top: -335px;
            left: 0px;
            color: #fff;
            font-size: 3rem;
        }
        
    #featuresBox {
        background: #5c675f;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    #featuresBox .container {
        margin: 0 auto;
        position: relative;
        /* left: 40px; */
    }
    
    #featuresBox .col-md-3 p {
        font-family: 'Brandon Grotesque',sans-serif !important;
        font-size: 14px;
        margin-top: 10px;
    }
    
    #featuresBox .col-md-3 {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 60px;
    }

    #featuresBox .col-md-3:first-child {
        padding-left: 0px !important;
    }
    
    #featuresBox .col-md-3 img {
        width: 84px;
        height: 80px;
        object-fit: contain;
    }
    
    #floorplans .list-group-item-action {
        font-family: 'Brandon Grotesque',sans-serif !important;
        font-size: 1.8rem !important;
        line-height: 2.3rem;
        padding-bottom: 5px;
    }

    .hero-title-big .row .col-md-4, .hero-title-big .row .col-md-5 {
        height: 800px; /* 916.32px; */
        min-height: 800px; /* 916px; */
        padding-left: 0 !important;
        position: relative;
        left: -5.5%;
    }

    .hero-title-big .row .col-md-8 {
        padding-right: 2.5px;
    }

    .gold-box {
        background: #b18f5f;
        height: 405px; /* 435px; */
        width: 330px;
        position: relative;
        top: 25%;
        padding: 140px 0px 100px 10px;
        color: #fff;
    }

    .gold-box p {
        font-size: 2.25rem;
        line-height: 2.6rem;
        position: relative;
        right: -9px;
        width: 325px;
        font-weight: 400;
    }

    .btn-box {
        position: relative;
        top: 27%;
    }

    .banner-btn {
        background: #fff;
        height: 60px;
        padding: 10px 20px;
        width: 200px;
        position: relative;
        top: 26.5%;
    }

    #brownBox .details-body {
        width: 93%;
    }

    #floorplans .list-group-item.active {
        text-transform: none !important;
    }

    /* Romana styles */

    .navigation .center {
        top: 0 !important;
        /* left: 100px; */
        /* right: 0; */
        text-align: center;

        display: table-cell;
        text-align: center;
        vertical-align: middle;
        position: relative;
    }

    .navigation .right .navigation-links li a {
        padding: 5px 45px !important;
    }

    .nav > li > a > img {
        max-width: 200px;
        width: 200px;
        display: inline-block;
    }

    li.logo {
        width: 200px;
        position: relative;
        top: -32px;
        margin-left: 20px;
    }

    .navigation .right .navigation-links li.logo a {
        width: 200px !important;
        padding: 0 !important;
    }

    li.logo img {
        height: 117px;
    }

    li.logo-right {
        margin-left: 20px;
    }
    
    #sustainable .container-fluid .row.second {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #sustainable .container-fluid .col-md-6:first-child {
        /* z-index: 999;
        padding-top: 0 !important;
        position: relative;
        top: -1000px; /* -1180px; */
        
        z-index: 999;
        padding-top: 0 !important;
        position: relative;
        top: 0;
    }

    .curved-block {
        position: relative;
        /* top: -820px; /* -970px; */
        /* left: 12%; */
        top: 0;
        height: 480px;
        z-index: 999;
    }

    .curved-block img {
        width: 845px; /*1048px; 1200px; */
        position: relative;
        z-index: 0;
        left: -100px;
        height: 480px; /* 370px; */
    }

    .curved-text {
        position: relative;
        top: -375px; /* -330px; */
        left: -2%;
        max-width: 60%;
    }

    .curved-text .black-title {
        color: #b79831 !important;
    }

    #page-header .container-fluid img {
        z-index: 1;
        position: relative;
    }

    .info-back {
        height: 800px;
        width: 86%;
        object-fit: fill;
        /* z-index: 99999; */
        position: relative;
        left: 15%;
    }

    #page-content {
        display: grid;
    }

    #sustainable {
        height: 900px;
        background: #f9f9f9;
    }

    #extraInfo {
        padding: 0 0 30px;
    }

    #extraInfo .col-md-6:last-child {
        padding: 50px;
    }

    #gallery .designed p {
        max-width: 750px; /* 580px; */
        margin: 0 auto;
    }

    #gallery .green-title {
        font-size: 4rem;
        font-weight: 400;
        font-family: 'Playfair Display', sans-serif !important;
        color: #596369 !important;
    }

    .carousel-itemd {
        height: 238px;
        text-align: center;
        padding-right: 8px;
    }

    .carousel-itemd a img {
        width: 372px;
        height: 230px;
    }

    .carousel-inner-block.grid {
        display: flex;
    }

    #gallery .carousel-itemd .overlay {
        display: none;
        width: 372px;
        background: rgba(0,0,0,0.5);
        height: 230px;
        /* left: 0; */
        /* top: 0; */
        position: absolute;
    }

    #gallery .carousel-itemd .click-text {
        display: none;
        position: relative;
        z-index: 9999;
        top: -162px;
        /* left: 17%; */
        text-align: center;
        color: #fff;
        font-size: 3rem;
    }

    #floorplans .floorplan, #floorplans .plan-price {
        height: 500px;
    }

    .plan-box {
        border: 1px solid #5c675f;
        width: 397px;
        height: 35px;
        margin: 0 auto;
        position: relative;
        top: 7px;
        left: 1px;
    }

    .info-line img {
        height: 50px;
        float: right;
    }
    
    #newsletterModal .col-md-7 {
        background:  #fcf8f7 url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/mailchimp-right-background.webp');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 50px;
        background-color: #fcf8f7 !important;
        height: 520px;
    }
    
    #newsletterModal {
        /* box-shadow: 0 0 3px 1px #eee;
        border: 1px solid #eee;
        margin-top: 5rem;
        margin-bottom: 10rem; */
        z-index: 9999999 !important;
    }
    
    #newsletterModal .modal-dialog {
        width: 60% !important;
    }
    
    #newsletterModal .modal-content {
        background: #ffffff !important;
    }
    
    #newsletterModal .modal-body {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    
    #newsletterModal .modal-header {
        position: absolute;
        right: 2px !important;
        z-index: 999;
    }
    
    #newsletterModal .custom-control {
        max-width: 100px;
        float: left;
        margin-right: 15px;
    }
    
    #newsletterModal .col-md-5 {
        padding: 40px 50px;
    }
    
    #newsletterModal p {
        opacity: 1 !important;
        font-family: 'Proxima Nova', helvetica, sans-serif;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 1.8rem !important;
    }
    
    #newsletterModal h4 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 2rem !important;
    }
    
    #newsletterModal .sub-heading {
        color: #8c5703;
        font-size: 1.8rem !important;
    }
    
    #newsletterModal .fa {
        color: #8c5703;
    }
    
    #newsletterModal h3 {
        font-size: 3rem !important;
        font-family: 'proxima_nova_ltsemibold', helvetica, sans-serif;
    }
    
    #newsletterModal .select-small {
        max-width: 100% !important;
        height: 46px;
        border-radius: 0;
    }
    
    #newsletterModal .form-control {
        border: 1px solid #fff !important;
        background: #fff !important;
    }
    
    #newsletterModal .mailchimp-col {
        width: 100%;
        max-width: 600px;
        padding-left: 4%;
    }
    
    #newsletterModal input {
        display: inline-block !important;
    }
    
    #newsletterModal input:checked + label {
        position: inherit !important;
        top: 0 !important;
        background: #5c675f !important;
        color: #fff !important;
        padding: 1px 4px !important;
        line-height: 20px !important;
        font-size: 16px !important;
    }
    
    
    /* Brochure Styles */
    
        .dl-btn-p {
        margin-top: 40px;
    }
    
    .brochure-dl-btn {
        background: #000000;
        color: #fff !important;
        padding: 20px 40px;
        margin-top: 31px;
    }
    
    .brochure-dl-btn-form, .form-wrapper input[type=submit].brochure-dl-btn-form, button[type=submit].brochure-dl-btn-form {
        background: #000000 !important;
        color: #fff !important;
        padding: 20px 40px !important;
        margin-top: 5px;
    }
    
    .brochure-dl-btn:hover {
        color: #eee !important;
    }
    
    #brochureModal #newsletterModalBlock .col-md-6 {
        background: #f6f6f6 !important;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #brochureModal #newsletterModalBlock .col-md-6 img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    #brochureModal #newsletterModalBlock {
        background: #f6f6f6;
    }
    
    #brochureModal #newsletterModalBlock .col-md-6:last-child {
        background: #ffffff !important;
        padding-right: 50px;
        padding-left: 30px;
    }
    
    @media screen and (max-width: 800px) {
    #brochureModal form label {
        font-size: 16px;
        margin-bottom: 0px !important;
        padding: 3px !important;
    }
    
    #brochureModal #form-contact-submit {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #brochureModal .custom-control {
        width: 120px;
        display: inline-block;
        float: none !important;
    }

  label {
    font-size: 0;
  }

  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 600px) {
        #brochureModal .col-md-7 {
                height: auto !important;
            }
            
            #brochureModal .col-md-5 {
                padding: 40px 10px !important;
            }
            
            #brochureModal .col-md-7 {
                padding: 60px 24px 60px 18px !important;
            }
}

    #brochureModal .col-md-7 {
        background:  #fcf8f7 url('/web/20250108153214im_/https://www.romanaheights.com/assets/img/mailchimp-right-background.webp');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 50px;
        background-color: #fcf8f7 !important;
        height: 520px;
    }
    
    #brochureModal {
        /* box-shadow: 0 0 3px 1px #eee;
        border: 1px solid #eee;
        margin-top: 5rem;
        margin-bottom: 10rem; */
        z-index: 9999999 !important;
    }
    
    #brochureModal .modal-dialog {
        width: 80% !important;
        max-width: 60%;
    }
    
    #brochureModal .modal-content {
        background: #ffffff !important;
    }
    
    #brochureModal .modal-body {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    
    #brochureModal .modal-header {
        position: absolute;
        right: 2px !important;
        z-index: 999;
    }
    
    #brochureModal .custom-control {
        max-width: 100px;
        float: left;
        margin-right: 15px;
    }
    
    #brochureModal .col-md-5 {
        padding: 40px 50px;
    }
    
    #brochureModal p {
        opacity: 1 !important;
        font-family: 'Proxima Nova', helvetica, sans-serif;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 1.8rem !important;
    }
    
    #brochureModal h4 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 2rem !important;
    }
    
    #brochureModal .sub-heading {
        color: #8c5703;
        font-size: 1.8rem !important;
    }
    
    #brochureModal .fa {
        color: #8c5703;
    }
    
    #brochureModal h3 {
        font-size: 5rem !important;
        font-family: 'Playfair Display','proxima_nova_ltsemibold', helvetica, sans-serif;
    }
    
    #brochureModal .select-small {
        max-width: 100% !important;
        height: 46px;
        border-radius: 0;
    }
    
    #brochureModal .form-control {
        border: 1px solid #eee !important;
        background: #fff !important;
        font-size: 1.9rem !important;
    }
    
    #brochureModal .mailchimp-col {
        width: 100%;
        max-width: 600px;
        padding-left: 4%;
    }
    
    #brochureModal input {
        display: inline-block !important;
    }
    
    #brochureModal input:checked + label {
        position: inherit !important;
        top: 0 !important;
        background: #5c675f !important;
        color: #fff !important;
        padding: 1px 4px !important;
        line-height: 20px !important;
        font-size: 16px !important;
    }
    
    .modal-header .close {
        margin-top: -23px;
        font-size: 50px;
        position: relative;
        right: -10px;
        color: #000 !important;
    }
    
    #brochureModal .marg-top10 {
        margin-top: 20px;
    }
    
    @media screen and (max-width: 800px) {
        #newsletterModal .modal-body {
   padding-left: 0 !important;
   padding-right: 0 !important;
  }
	.modal-header .close {
    margin-top: -7px;
    right: -10px;
    font-size: 35px;
}
	#newsletterModal .modal-dialog {
  width: 100% !important;
  margin-top: 45% !important;
  margin-left: 0 !important;
}
        #brochureModal .modal-dialog {
            width: 90% !important;
            max-width: 100% !important;
        }
        
        #brochureModal .modal-header {
            padding: 0 !important;
        }
        
        .modal-header .close {
            position: relative;
            right: 0px !important;
            top: -30px !important;
            color: #000 !important;
        }
        
        #brochureModal #newsletterModalBlock .col-md-6 {
            background: #f6f6f6 !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
        
        #brochureModal h3 {
            font-size: 3rem !important;
            font-family: 'Playfair Display','proxima_nova_ltsemibold', helvetica, sans-serif !important;
        }
        
        .marg-top10 {
            margin-top: 20px;
        }
        
        .navigation .right {
            left: 0 !important;
        }
        
        .show-navigation .logo.mobile {
            display: block !important;
            width: 100% !important;
        }
        
        .show-navigation .logo.mobile img {
            height: 100px !important;
            max-width: 232px;
            left: -15px;
        }
        
        .show-navigation .navigation .brand {
            padding-top: 0px !important;
            width: 100px !important;
            margin: 0 auto;
            margin-top: 30px;
        }
        
        .navigation .right .navigation-links {
            margin-top: 150px !important;
            background: #000;
            width: 100%;
        }
        
        .navigation .right .navigation-links li {
            padding: 20px 0px !important;
        }
        
        .navigation .right .navigation-links li a {
            color: #fff !important;
            font-size: 2.5rem !important;
            line-height: 3rem;
        }
        
        .page-wrapper.show-navigation, .show-navigation #page-header {
            background: #000;
            width: 100%;
        }
        
        .show-navigation .navigation .nav-btn:before {
            opacity: 1 !important;
        }
        
        .home-feat .container img {
            left: 0 !important;
        }
        
        .curved-block {
            position: relative;
            /* left: 12%; */
            top: 0;
            z-index: 9 !important;
            height: 318px !important;
        }
        
        .curved-block img {
            width: 845px;
            position: relative;
            z-index: 0;
            left: -70px !important;
            height: 330px !important;
        }
        
        .curved-text {
            position: relative;
            top: -375px;
            left: 15%;
            max-width: 60%;
        }
        
        .navigation .right .navigation-links li.logo {
            display: none !important;
        }
        
        #newsletterModal h3 {
            font-size: 2.5rem !important;
            font-family: 'proxima_nova_ltsemibold', helvetica, sans-serif;
        }
        
        .navigation .brand.white {
            display: none !important;
        }
        
        .show-navigation .navigation .brand.dark {
            display: none !important;
        }
        
        .show-navigation .navigation .brand.white {
            display: block !important;
        }
     }
     
     .contact-row a {
         color: #fff !important;
     }
     
     .marg-top101 {
            margin-top: 40px;
        }