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

body {
    background: #EBE7E6;
    overflow-x: hidden;
}

h1 {
    font-family: 'Saol Display Regular';
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 3.6px;
    font-weight: normal;
}

.m-b40 {
    margin-bottom: 40px;
}

.banner {
    background: url("../images/interior/ivori-exterior.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
}


.banner.second {
    background: url("../images/lifestyle/hedgeley-dene-70.jpg") no-repeat center top;
    background-size: cover;
}

.banner.second:before {
    display: none;
}


.banner.third {
    background: url("../images/lifestyle/high-street-1182.jpg") no-repeat center top;
    background-size: cover;
}

.banner.third:before {
    display: none;
}



.enquiry-now {
    height: 10%;
    z-index: 1;
}

.enquiry-now > a {
    font-family: "muli";
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    background: #fff;
    letter-spacing: 1.8px;
    color: #AEB2B6;
    transition: all .5s ease;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.enquiry-now > a:hover {
    color: #000;
}

.logo-banner {
    height: 75%;
    display: flex;
    align-items: center;
    z-index: 1;
}

.down-arrow {
    height: 25%;
    z-index: 1;
    display: block;
}

.down-arrow a {
    padding: 20px;
    border-radius: 100%;
    transition: all .5s ease;
}


.nav {
    max-width: 1654px;
    margin: 0 auto;
    border-bottom: 1px solid #949392;
}

.nav ul {
    list-style: none;
    display: flex;
    justify-content: space-between;

    width: 90%;
}

.nav ul li a.active{text-decoration: underline;}

.nav ul li a {
    padding: 22px 40px;
    display: block;
    letter-spacing: 1.6px;
    color: #000;
    font-family: "muli";
    font-weight: 200;
    font-size: 16px;
    text-decoration: none;
}

/*.nav ul li:last-child a{font-weight: bold; text-decoration: underline;}*/

.nav ul li a:nth-child(1) {
    padding-left: 0;
}

.nav ul li a:hover {
    text-decoration: underline;
}

.nav ul li:last-child a {
   font-weight:bold; text-decoration:underline;
}


.container {
    max-width: 1654px;
    margin: 0 auto;
}

.container h1 {
    display: block;
    text-align: center;
    margin: 20px 0 140px;
}

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

.flex-col-h {
    padding: 94px 0;
}

.flex-col-v {
    display: flex;
    justify-content: space-between;
    padding: 94px 0;
    width: 92%;
}

.flex-col-h.video {
    width: 92%;
}

.flex-col-v .image-panel {
    width: 50%
}

.flex-col-v .text-section {
    width: 50%;
}

.flex-col-v .text-section .text-list {
    padding: 90px 60px 0 100px;
}

.container p {
    font: normal normal normal 22px/32px Muli;
    letter-spacing: 0px;
    color: #000000;
}


.flex-col-v.rev {
    flex-direction: row-reverse;
}

.flex-col-v.rev .text-section .text-list {
    padding: 90px 100px 0 0;
}

.link_txt a {
    padding: 10px 0;
    font: normal normal normal 22px/32px Muli;
    letter-spacing: 0px;
    color: #000000;
    font-size: 22px;
    margin: 30px 0 0;
    display: block;
}

.link_txt a:hover {
    text-decoration: none;
}

.video-panel img {
    width: 100%;
}

.footer {
    background: #a5b6ba;
    padding: 100px 0;
}

.footer .contant-info {
    margin-bottom: 40px;
}

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

.footer h2 {
    font: normal normal normal 24px/34px Saol Display;
    letter-spacing: 2.4px;
    color: #EBE7E6;
    font-family: 'Saol Display Regular';
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
}

.footer h3 {
    font-family: 'Saol Display Regular';
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    letter-spacing: 1.6px;
    color: #EBE7E6;
}

.footer a {
    text-decoration: none;
    color: #EBE7E6;
}

.footer h3 span {
    font: normal normal 300 10px/13px Muli;
    letter-spacing: 0px;
    color: #EBE7E6;
    display: block;
    margin: 10px 0 0 0;
}

.footer h3 span a{ font: normal normal 300 10px/13px Muli;
    letter-spacing: 0px;
    color: #EBE7E6;}

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

.footer .left-panel {
    width: 30%;
}

.footer .right-panel {
    width: 70%;
}

.flex-col-h-f {
    display: flex;
    align-items: flex-end;
}

.footer ul.brand-list {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: flex-end;
}

.footer ul.brand-list li {
    padding: 20px 40px 0;
}

.ivory-icon {
    position: absolute;
    left: 85px;
    top: 22px;
    z-index: 2;
}

.ivory-section-nav,
.footer-ivory-section {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.nav,
.container {
    margin: 0 0 0 auto;
}

.last-section {
    padding-bottom: 188px;
}





.ivory-section-nav,
.footer-ivory-section {
    position: relative;
    max-width: 100%;
    margin: 0 0 0 auto;
}

.nav,
.container {
    margin: 0 0 0 auto;
    max-width: 85%;
}


.flex-col-section-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 92%;
}

.flex-col-section-3 .list-item {
    margin: 0 20px 0 0;
}

.flex-col-section-3 .list-item:nth-child(3) {
    margin-right: 0;
}

.flex-col-section-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 92%;
}

.flex-col-section-2 .list-item:nth-child(1) {
    max-width: 55%;
}

.flex-col-section-2 .list-item:nth-child(2) {
    max-width: 40%;
}


.landing-page .flex-col-h,
.landing-page .flex-col-v,
.landing-page .flex-col-section-3,
.landing-page .flex-col-section-2 {
    padding: 68px 0;
}

.google-map-section {
    padding: 68px 0;
}

.map-list .listing {
    padding: 100px 0 120px;
    max-width: 80%;
}

.listing {
    display: flex;
    justify-content: space-between;
}

.list-item-map h3 {
    font-size: 20px;
    line-height: 34px;
    font-family: 'Saol Display Regular';
    letter-spacing: 2px;
    color: #000000;
    margin: 0 0 10px 0;
}

.list-item-map ul,
.list-item-map ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-item-map ul li {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Muli';
    letter-spacing: 0px;
    color: #000000;
}

.list-item-map ul {
    margin: 0 0 40px 0;
}

.list-item-map ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
}

.list-item-map ul li a:hover {
    /*text-decoration: underline;*/
    text-decoration: none;
}

p.title-image {
    font-size: 14px;
    line-height: 28px;
    color: #000000;
}

p.title-image.right-align {
    text-align: right;
    padding-right: 25px;
}

.landing-page .flex-col-v.rev .text-section .text-list {
    padding: 45px 120px 0 0;
}

.landing-page .flex-col-v .text-section .text-list {
    padding: 50px 60px 0 130px;
}

.landing-page .b-last-section {
    padding-bottom: 200px;
}

.backgroundOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background:rgba(165, 182, 186, .9);
    z-index: 99999;
    display: none;
}

.delayedPopupWindow {
    display: none;
    position: fixed;

    text-align: left;
    width: 100%;
    max-width: 624px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #aeb1b6;
    z-index: 999999;
}


.backgroundOverlayVideo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
	background:rgba(165, 182, 186, .9);
    z-index: 99;
    display: none;
}

.video-content-popup {
    position: fixed;
    text-align: left;
    width: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 99;
	
	
}

.delayedPopupWindowVideo{display:none;}

.main-video-panel{display:block;}

.btnClose {
    position: absolute;
    right: 30px;
    top: 30px;
    color: #ff9064;
    font-size: 25px;
}

.btnCloseVideo {
    position: fixed;
    right: 40px;
    top: 40px;
    color: #ff9064;
    font-size: 25px;
	z-index: 999;
}

.video-content-popup{max-width:1520px;}

.video-center-panel{display:block; height:80%; padding: 0 80px;}

.video-content-popup iframe{width:100%!important;}


.delayedPopupWindow h3 {
    margin: 0;
    padding: 0;
    color: #424f9b;
    font-size: 32px;
    line-height: 36px;
}

.inquiry-form {
    padding: 100px 80px 44px;
}

.inquiry-form .heading {
    display: block;
    margin-bottom: 30px;
}

.inquiry-form .info-list {
    margin-bottom: 20px;
}

.inquiry-form h3 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 3.3px;
    font-family: 'Saol Display Regular';
    color: #fff;
    font-weight: normal;
}

.inquiry-form h4 {
    font-family: 'muli';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.7px;
    color: #fff;
    font-weight: 300;
}

.inquiry-form p {
    font-family: 'muli';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.7px;
    color: #fff;
    font-weight: 300;
}

.inquiry-form p a {
    text-decoration: none;
    color: #fff;
}

form {
    margin-top: 45px;
}

.form-list {
    display: block;
}

.form-list .form-group {
    display: block
}

.form-list input[type="text"] {
    display: block;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.7px;
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #ccc;
    background: none;
    width: 95%;
    color: #fff;
    outline: none;
    margin-bottom: 25px;
}

.form-list input[type="email"] {
    display: block;
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.7px;
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 95%;
    background: none;
    color: #fff;
    margin-bottom: 25px;
    outline: none;
}

.form-list input.error {
    border-bottom: 1px solid red;
}

.form-group .btn {
    margin: 34px 0 0 0;
    display: block;
    padding: 10px 40px;
    background: none;
    border: 1px solid #ccc;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    font-family: 'muli'; font-weight: bold;
}

.form-group .btn:hover {
    background: #fff;
    color: #000;
}

.inquiry-form p a:hover {
    text-decoration: underline;
}

.enquiry-form {
    padding-bottom: 100px;
}

.inquiry-form p.small {
    font-size: 10px;
    line-height: 15px;
}

.internal-content {
    width: 100%;
}


input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}


label.error {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -20px;
    position: relative;
    line-height: 24px;
    font-family: 'muli';
    font-size: 14px;
    color: red;
    display: none !important;
}

.dynamic {

    width: 100%;
    padding: 20px 0 20px 0;
    font-size: 20px;
    font-family: 'muli';

    display: none;

}

.dynamic h5 {
    color: #000;
    font-family: 'muli';
    font-size: 20px;
}


.mob, .imgmob {
    display: none;
}

.text-list.relativ{position:relative; display: flex; height:100%;}

.arrow-down-icon.scroll-to-target {
    position: absolute;
    bottom: 68px;
    cursor: pointer;
   
}

.up-arrow a{position: fixed; right:40px; bottom:40px; padding: 10px; background: rgba(0, 0, 0, .3); display: none; border-radius: 5px; z-index: 5;}

.up-arrow a:hover{background: rgba(0, 0, 0, .7);}

.arrow-down-icon{cursor: pointer;}

.popup-flex-center{display: flex; align-items: center; height: 100%; width:100%;}
.inquiry-form{overflow-x: hidden; max-height: calc(100vh - 150px);}

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

.fixed-nav-space{display: none;}
.stickyNav {
    display: block;
    width: 100%;
    background: #ebe7e6;
	z-index:5;
}


.navbar-fixed {
  position: fixed;
  top: -3em;
}


.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inquiry-form p.sub-title {
    margin-top: 15px;
}


.success_message, .dynamic{
	 display: none;
    background: #ffffff;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    margin-top: 20px;
    font-family: 'muli';
    text-align: center;
	
}
.success_message h5, 
.dynamic h5{color:#000; font-family: 'muli'; font-size: 13px;}
.up-arrow{display:none!important;}