/*.path {
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  -webkit-animation: dash 3s linear, fill 0.3s linear 3s;
  -webkit-animation-fill-mode: forwards;
  animation: dash 3s linear, fill 0.3s linear 3s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fill {
  to {
    fill: rgb(128,188,192);
    stroke-width : 0;vdo-popup-btn.close-btn:afte
  }
}
@keyframes fill {
  to {
    fill: rgb(128,188,192);
    stroke-width : 0;
  }
}
.site-preloader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    opacity:1;
    pointer-events:none;
    
    -ms-transition:opacity 0.3s linear;
    -webkit-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
    .site-prloader{
        width:200px;
        height:58px;
        position:absolute;
        top:calc(50% - 29px);
        left:calc(50% - 100px);
        background:url(../images/site-specific/dilmah_text_logo.svg) no-repeat 0 0;
        
        -webkit-animation: logozoom 2s linear infinite;
        animation: logozoom 2s linear infinite;
    }
    @-webkit-keyframes logozoom {
        0% {-webkit-transform: scale(1);}
        50% {-webkit-transform: scale(1.1);}
        100% {-webkit-transform: scale(1);}
    }
    @keyframes logozoom {
        0% {transform: scale(1);}
        50% {transform: scale(1.1);}
        100% {transform: scale(1);}
    }
    .site-prloader svg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width:85vw;
    }
    
.loaded .site-preloader-wrapper{
    opacity:0;
}*/
body{
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #413838;
}

h1, h2, h3, h4, h5, h6{
    font-family:'Playfair Display', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    color:#000;
}
h1, h2, .xbox h2{
    font-size: 2.35em;
    letter-spacing: 0.01em;
    margin-bottom: 35px;
    line-height: 1.1;
}
    h1 .first-phrase, h2 .first-phrase, .xbox h2 .first-phrase,
    .xbox.xbox-style-3-L .first-phrase{
        font-size: 0.55em;
        letter-spacing: -0.01em;
    }
h2, .xbox h2{
    margin-bottom: 39px;
    text-align: center;
}
h3{
    font-size: 1.6em;
    margin-bottom: 22px;
    letter-spacing: 0.01em;
}
h3 .first-phrase{
    font-size: 0.85em;
}
    h3 span{
        display: block;
    }
h4{
    font-size: 1.5em;
    margin-bottom: 25px;
}
h5{
    font-size: 1.4em;
    margin-bottom: 20px;
}
h6{
    font-size: 1.3em;
    margin-bottom: 20px;
}

a,a:hover{
    color:#1d61ad;
    text-decoration:none;
    cursor: pointer;
}
.content-wrapper ul {
	list-style-type: none;
	list-style-position: outside;
}
p{
    margin-bottom:20px;
}
p,
li{
    font-size: 1em;
    line-height: 1.8;
}
.content-wrapper ul ul,
.content-wrapper ul ol,
.content-wrapper ol ol,
.content-wrapper ol ul{
    font-size:100%;
}
    .content-wrapper ul li {
    	padding-left: 20px;
    	margin-left: 0;
    	text-indent: 0;
    	position: relative;
    }
        .content-wrapper ul li::before {
        	content: "";
        	width: 13px;
        	height: 17px;
        	background-image: url(../images/site-specific/bullet-sml.jpg);
        	background-repeat:no-repeat;
        	display: inline-block;
        	position: absolute;
        	left: 0;
        	top: 6px;
        }
    .content-wrapper ol {
    	list-style-position: outside;
    	padding-left: 22px;
    }
.primary-link,
.primary-link:hover{
    color:#1d61ad;
    cursor: pointer;
}
.secondary-link,
.secondary-link:hover{
    color:#840718;
    cursor: pointer;
} 
.primary-link:after,
.secondary-link:after {
	font-family: FontAwesome;
	content: "\f138";
	margin-left: 3px;
	font-size: 0.9em;
}
input[type="submit"] {
	color: #fff;
	background-color: #8b8c8c;
	border-radius: 0;
	border: none;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	font-size: 0.9em;
}
    input[type="submit"]:hover{
        color: #fff;
    }
.primary-btn, button.primary-btn{
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #adce67;
	padding: 10px 10px 7px;
	border-radius: 3px;
	border:1px solid #adce67;
	
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
    
.secondary-button a{
	color: #fff;
	background-color: #840718;
	border-radius: 0;
	border: none;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	font-size: 0.9em;
}
    .secondary-button:hover{
        color: #fff;
    }
    
table,tbody,tr,th,td {
	border: 1px solid #000;
}
th,td,
th:first-child,td:first-child{
    padding:10px;
}
th{
    color:#000;
    font-weight:700;
}

label {
	margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1em;
}
input[type="email"], input[type="number"], 
input[type="search"], input[type="text"], 
input[type="tel"], input[type="url"], 
input[type="password"], textarea, select {
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 0;
	font-size: 0.95em;
	border-radius: 0;
	color: #6c6c6c;
	font-family: 'Poppins', sans-serif;
}
.vdo-enable .main-visual .show-slogan .main-visual-slogan-wrapper{
    opacity:0;
    pointer-events:none;
}
@media(min-width:1200px){
    input[type="submit"]:hover{
        background-color: #27a9e1;
    }
    .primary-button:hover, button.primary-btn:hover{
        background-color: #fff;
        color: #adce67;
    }
    .secondary-button:hover{
        background-color: #8b8c8c;
    }
    .gallery-typeA .custom-link:hover .image-caption,
    .our-estate-index .gallery-typeA .custom-link .image-caption {
        height: 50px 
    }
}


/* gallery type B */
.gallery-typeB .title-wrapper {
	width: 100%;
	background: #2C3437;
	text-align: center;
	z-index: 4;
	top:0;
	-webkit-transition:top 0.5s ease;
	-ms-transition:top 0.5s ease;
	transition:top 0.5s ease;
}
@media (min-width: 1200px) {
    .gallery-typeB .title-wrapper {
        min-height: 62px;
    }
}
.gallery-header-fixed .gallery-typeB .title-wrapper {
	left: 0;
	position: fixed;
}
.gallery-typeB .title-wrapper span {
	padding: 3% 2.8%;
	display: inline-block;
	color: #fff;
	font-size: 0.8em;
	cursor: pointer;
	position: relative;
	
	-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.gallery-typeB .title-wrapper span.active {
    cursor: default;
}
.gallery-typeB .title-wrapper span.active,
.gallery-typeB .title-wrapper span:hover{
    background: #000;
}

.gallery-typeB ul{
    margin: 0;
    position: relative;
}
    .gallery-typeB > .xList-items > li{
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        margin-bottom: 0;
        text-align: center;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }
    .gallery-typeB > .xList-items > li.active{
        position: relative;
        bottom: auto;
        left: auto;
        opacity: 1;
        height: auto;
    }
    
    
    .gallery-typeB > .xList-items .xList-items .xList-item {
    	display: inline-block;
    	overflow: hidden;
        width: 100%;
        margin: 0;
        vertical-align: top;
    }
 
        .gallery-typeB .inner-container{
            position: relative;
        }
        .gallery-typeB .image-wrapper{
            background-size: cover;
            background-position: center;
            height: 250px;
            width: 100%;
            margin: 0;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
            z-index: 1;
        }
        .gallery-typeB .image-wrapper:after{
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 102%;
            height: 35%;
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
            z-index: 1;
        }
            .gallery-typeB .image-wrapper .video-src,
            .gallery-typeB .image-wrapper .full-video-src,
            .gallery-typeB .image-wrapper video{
                display: none;
            }
            .gallery-typeB .image-wrapper img{
                display: none;
            }
            .gallery-typeB .inner-container .overlay {
            	position: absolute;
            	bottom: 15px;
            	left: 0;
            	z-index: 1;
            	padding: 0 20px;
            	width: calc(100% - 40px);
            	pointer-events: none;
            	z-index: 1;
            }
                .gallery-typeB .inner-container h3 {
                	color: #fff;
                	padding: 0;
                	margin: 0;
                	text-align: left;
                	text-transform: uppercase;
                	padding: 0 0 15px;
                	font-size: 1.2em;
                	
                	float:left;
                }
                    .gallery-typeB .inner-container .link-wrapper{
                        /*float: left;*/
                        float:right;
                    }
                    .gallery-typeB .inner-container .primary-btn {
                    	text-transform: uppercase;
                    	text-decoration: none;
                    	color: #fff;
                    	background: transparent;
                    	width: auto;
                    	height: 12px;
                    	display: block;
                    	text-align: center;
                    	vertical-align: middle;
                    	line-height: 9px;
                    	pointer-events: auto;
                    	font-size: 0.8em;
                    	float: right;
                    	border: 1px solid #fff;
                    	margin-right: 15px;
                    }
                    .gallery-typeB .inner-container .primary-btn:not(.video){
                        display:none;
                    }
                .gallery-typeB .inner-container .video{
                    border-radius: 50px;
                    margin-right:0;
                    
                }
                .gallery-typeB .inner-container .video:before {
                	content: "\f04b";
                	font-family: FontAwesome;
                	font-size: inherit;
                	text-rendering: auto;
                	position: relative;
                    left: 1px;
                    top: 1px;
                }
.no-content{
    display:none !important;
}
.gallery-typeB .xbox,
    .gallery-typeA  .xbox{
        position:relative;
    }
    .gallery-typeB .xbox:after,
    .gallery-typeA  .xbox:after,
    .main-visual .slick-slide:first-child:after{
        content: "";
        height: 24px;
        width: 24px;
        position: absolute;
        background: transparent;
        top: calc(50% - 12px);
        left: calc(50% - 12px);
        border: 4px solid rgba(222, 221, 221,1);
        border-radius: 100%;
        border-top: 4px solid rgba(222, 221, 221,0.5);
        opacity:1;
        -webkit-animation: galleryPreLoader 1s infinite linear;
        animation: galleryPreLoader 1s infinite linear;
        
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    .gallery-typeB .xbox.loaded:after,
    .gallery-typeA .xbox.loaded:after,
    .main-visual .slick-slide:first-child.image-loaded:after{
         opacity:0;
    }
@-webkit-keyframes galleryPreLoader {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);}
}
@keyframes galleryPreLoader {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(359deg);}
}
.gallery-typeB .inner-container,
    .gallery-typeA .inner-container{
        opacity:0;
        -webkit-transition: all 400ms ease 0.5s;
        -moz-transition: all 400ms ease 0.5s;
        -o-transition: all 400ms ease 0.5s;
        transition: all 400ms ease 0.5s;
    }
    .gallery-typeB .loaded .inner-container,
    .gallery-typeA  .loaded .inner-container{
        opacity:1;
    }
@media(min-width:750px){
    header{
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 100;
    }
    header{
        top: 0;
    }
    
    
    .gallery-typeB .title-wrapper span {
        padding: 20px;
        font-size: 0.9em;
    }
    .gallery-typeB > .xList-items .xList-items .xList-item {
        width: calc(100% / 2);
        float:left;
    }
        .gallery-typeB .image-wrapper{
            height: 300px;
        }
        
        
        .gallery-typeB .inner-container h3 {
        	font-size: 1.2em;
        }
    footer{
        bottom: 0;
    }
}

@media(min-width:750px){
    .header-fixed .slick-list .slider-item {
    	overflow: hidden;
    }
}

@media(min-width:1000px){
    .gallery-typeB > .xList-items .xList-items .xList-item {
        float: left;
    	margin-bottom: 2px;
    	overflow: hidden;
        width: calc(100% / 3);
        margin: 0;
    }
    
}

@media(min-width:1200px){
    .gallery-typeB .inner-container .primary-btn,
    .gallery-typeB .inner-container:before,
    .gallery-typeB .inner-container .overlay{
        -webkit-transition: all 400ms ease;
    	-moz-transition: all 400ms ease;
    	-o-transition: all 400ms ease;
    	transition: all 400ms ease;
    }
        .gallery-typeB .image-wrapper{
            height: 350px;
        }
        
            .gallery-typeB .image-wrapper.video-item video {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                width: auto;
                height: 100%;
                opacity:0;
                -webkit-transform: translate(-50%, -50%);
            	-moz-transform: translate(-50%, -50%);
            	-o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                
                -webkit-transition: opacity 800ms ease;
            	-ms-transition: opacity 800ms ease;
            	transition: opacity 800ms ease;
            }
            .gallery-typeB .image-wrapper.video-item video.vdo-start{
                opacity:1;
                
            }
        .gallery-typeB .inner-container .overlay {
        	position: absolute;
        	top: auto;
        	/*bottom: -15px;*/
        	bottom:5px;
        	left: 0;
        	z-index: 1;
        	pointer-events: none;
        	-webkit-transform: none;
        	-moz-transform: none;
        	-o-transform: none;
        	transform: none;
            padding: 0 30px;
            width: calc(100% - 60px);
        }
        .gallery-typeB .inner-container:hover .overlay {
        	/*bottom: 20px;*/
        	bottom:5px;
        }
            .gallery-typeB .inner-container h3 {
            	font-size: 1.5em;
            }
            .gallery-typeB .inner-container .primary-btn{
                background: transparent;
                
                color: #fff;
                transition-delay: 0.200s;
                position: relative;
                top: 15px;
                opacity: 0;
            }
            .gallery-typeB .inner-container:hover .primary-btn{
                position: relative;
                top: 0;
                opacity: 1;
            }
            .gallery-typeB .inner-container .primary-btn:hover{
                background: #fff;
                color: #000;
            }
}       
            
/**/

/* MENU */
.full-width-container .main-menu li ul{
    height: 0;
    overflow: hidden;
}
.main-menu .has-submenu > a{
    position:relative;
}
.main-menu .has-submenu > a:before {
    font-family: FontAwesome;
    content: '\f107';
    position: absolute;
    right: 0px;
    top:0px;
    color:#fff;
}
.window-scrolled .main-menu .has-submenu > a:before{
    color:#017a82;
}
.window-scrolled .main-menu .has-submenu.active > a:before{
    color:#adce67;
}
.main-menu .has-submenu.open > a:before,
.main-menu .has-submenu:hover > a:before{
    content: '\f106';
}
.full-width-container .main-menu li.open ul{
    height: auto;
}
    .full-width-container .main-menu li ul li:last-child{
        border: none;
    }


@media(min-width:1200px){
.main-menu nav,
.full-width-container .main-menu li ul{
    overflow: visible;
}
.main-menu li{
    position: relative;
}
    .full-width-container .main-menu li ul {
    	margin: 22px 0 0;
    	padding-top: 34px;
    	position: absolute;
    	opacity:0;
    	top: 0px;
    	left: 50%;
    	height: auto;
    	width: auto;
    	background:transparent;
    	-webkit-transform: translateX(-50%);
    	-moz-transform: translateX(-50%);
    	transform: translateX(-50%);
    	pointer-events: none;
    	
    	/*column-count: 2;*/
    	
    	/*display:table;*/
    	
    	-webkit-transition: all 0.2s ease;
    	 -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .full-width-container .main-menu li ul:after{
        content:"";
        width:100%;
        height:calc(100% - 36px);
        position:absolute;
        bottom:0;
        left:0;
        box-shadow:1px 4px 4px rgba(0,0,0,0.2);
        pointer-events:none;
        background-color:#fff;
        z-index:-1;
        border-radius:5px;
    }
    .main-menu li:hover ul:before {
        content: "";
        position: absolute;
        top: 27px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 12px;
        height: 8px;
        /*border-width: 0 6px 8px 6px;
        border-color: transparent transparent #017a82;
        border-style: solid;*/
        background:url(../images/site-specific/sub-menu-arrow.png) no-repeat 0 0;
    }
    .main-menu li:hover ul {
        pointer-events: auto;
        opacity:1;
    }
    .sub-menu-column{
        position:relative;
        display:table-cell;
        background-color:#fff;
    }
    .sub-menu-column.left-column{
        /*float:left;*/
    }
    .sub-menu-column.right-column{
        /*float:right;*/
    }
        .full-width-container .main-menu li ul .sub-menu-column li{
            top:0;
            left:0;
            right:auto;
        }
        .full-width-container .main-menu li ul li {
        	display: block;
        	margin: 0 0 0px;
        	width: 100%;
        	-webkit-transition: all 400ms ease;
    	    -moz-transition: all 400ms ease;
        	transition: all 400ms ease;
        	opacity: 0;
        	padding: 6px 10px;
        	background: #fff;/*#017a82;*/
        	position: relative;
        	white-space: nowrap;
        	
        	float:left;
        	/*width: calc(100% - 20px);*/
        	
        	border-radius:5px;
        	border-top-left-radius:0;
        	border-top-right-radius:0;
        }
            /*.has-submenu:hover:after, .has-submenu:hover:before {
                content: '';
                width: 100vw;
                height: 86px;
                position: absolute;
                top: -28px;
                left: 50%;
                background: #ccc;
                transform:translateX(-100vw);
            }
             .has-submenu:hover:after {
                left: -50%;
                transform:translateX(100vw);
                
            }*/
        .window-scrolled .full-width-container .main-menu li ul li{
            background: #fff;/*#017a82;*/
        }
        .window-scrolled .full-width-container .main-menu li ul li a{
            color: #017a82;/*#fff;*/
        }
        .window-scrolled .full-width-container .main-menu li ul li.active > a{
            color: #adce67;
        }
        .main-menu .has-submenu > a{
            padding-right:20px;
        }
        .main-menu .has-submenu > a:hover:before,
        .main-menu .has-submenu:hover > a:before,
        .main-menu .has-submenu.active > a:before {
            color: #adce67;
        }
        .main-menu .has-submenu > a:before {
            right: 0px;
            top:1px;
        }
        .main-menu li ul li:nth-child(2n+1) {
        	left: 0%;
        }
        .main-menu li ul li:nth-child(2n) {
        	right: 0;
        }
        .main-menu li:hover ul li {
        	left: 0;
        	right: 0;
        	opacity: 1;
        }
            .main-menu li ul li a {
            	color: #017a82;
            	cursor: pointer;
            }
            .window-scrolled .main-menu li ul li a:hover,
            .main-menu li ul li a:hover{
                color: #adce67;
            }
        
           /*header:after{
                content:"";
                width:0;
                position:absolute;
                bottom:0;
                left:50%;
                transform:translateX(-50%);
                background:#fff;
                height:1px;
                -ms-transition: width 0.5s ease, height 0.5s ease 0.5s;
                -webkit-transition: width 0.5s ease, height 0.5s ease 0.5s;
                transition: width 0.5s ease, height 0.5s ease 0.5s;
            }
            
            .sub-menu-opened header:after{
                width:100%;
                height:100%;
            }
            .full-width-container .main-menu li.hovered ul {
                opacity:1;
                top:0;
            }
            .sub-menu-opened .full-width-container:after{
                opacity:0;
            }*/
}
/**/



/* header */
/* Full Width Header */
header.fixed-header{
    position: fixed;
    height: 65px;
    z-index: 102;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow:0px 0px 0px #ccc;
    
    -ms-transition:box-shadow 0.3s linear, opacity 0.3s linear;
    -webkit-transition:box-shadow 0.3s linear, opacity 0.3s linear;
    transition:box-shadow 0.3s linear, opacity 0.3s linear;
}

.window-scrolled header.fixed-header.loaded{
    box-shadow:0px 0px 20px #ccc;
}
.full-width-container{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 101;
    text-align: center;
    -ms-transition: all .4s ease 0s; 
    -webkit-transition: all .4s ease 0s; 
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    max-height: 86px;
}

.full-width-container:after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    opacity:1;
    background: rgba(0,0,0,.45);
    -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    -khtml-box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    -ms-box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    -o-box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    box-shadow: 0 0 100px 0 rgba(0,0,0,.45);
    
    /*-ms-transition: all .5s ease 0.5s; 
    -webkit-transition: all .5s ease 0.5s; 
    -moz-transition: all .5s ease 0.5s;
    -o-transition: all .5s ease 0.5s;
    transition: all .5s ease 0.5s;*/
}
.loaded .full-width-container:after{
    -webkit-box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
    -khtml-box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
    -moz-box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
    -ms-box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
    -o-box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
    box-shadow: 0 0 100px 100px rgba(0,0,0,.45);
}
.window-scrolled .full-width-container:after{
    opacity:0;
}
.no-action header .full-width-container{
    opacity: 0;
}
.window-scrolled.no-action header .full-width-container{
    opacity: 1;
}
.fixed-header .main-visual{
    height: auto;
    margin-top: 65px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color:#fff;
    z-index:50;
}
.fixed-header .main-visual img{
    color:#fff;
    visibility:hidden;
}
.full-width-container > div, .full-width-container nav li{
    display: inline-block;
    vertical-align: middle;
}
.full-width-container .main-menu{
    width: 100%;
    text-align: cnenter;
}
#main-menu-right {
    padding-bottom: 150px;
}
.full-width-container nav li {
    padding: 10px 30px;
    border-bottom: 1px solid #333;
    text-align: left;
    margin-bottom: 0;
}
.full-width-container .main-menu:last-child li:last-child{
    border-bottom: none;
}
.full-width-container nav > li:last-child{
    margin-right: 0;
}
.full-width-container nav > li:first-child{
    margin-left: 0;
}
.full-width-container nav li a{
    color: #fff;
    display: block;
}
.full-width-container nav li.active > a{
    pointer-events:none;
}
.window-scrolled .full-width-container nav li a{
    color:#017a82;
}
.full-width-container nav li.active > a{
    color: #adce67;
}
.full-width-container nav .has-submenu li.active a{
    color: #adce67;
}

.full-width-container #branding img {
    width: 135px;
    margin: 0 15px 0;
    -ms-transition: width .4s ease 0s; 
    -webkit-transition: width .4s ease 0s; 
    -moz-transition: width .4s ease 0s;
    -o-transition: width .4s ease 0s;
    transition: width .4s ease 0s;
}
.window-scrolled .full-width-container{
    background: transparent;
    overflow: visible;
}
.window-scrolled .full-width-container #branding img {
    width: 100px;
    height: auto;
}
.fixed-header .main-visual:before,
.main-visual:before{
    display: none;
}
.visual-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.visual-bg{
    display: none;
}
body.no-action .full-width-container{
    max-height: 0;
}
body .full-width-container:hover,
body.window-scrolled .full-width-container{
    max-height: 1000px;
}

.no-action .open-menu{
    opacity: 1;
}
.window-scrolled .open-menu, .header-active .open-menu{
    opacity: 0;
}
.open-menu {
    position: absolute;
    z-index: 1;
    display: block;
    margin: auto;
    transform: translateX(-50%);
    left: 50%;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0px 10px 35px;
    opacity: 0;
    -ms-transition: all .4s ease 0s; 
    -webkit-transition: all .4s ease 0s; 
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.open-menu span{
    position: absolute;
    top: 10px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-10px, 10px);
        opacity: 0;
    }
}
@keyframes sdb05 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-10px, 10px);
        opacity: 0;
    }
}

.scroll-down {
    padding-top: 70px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    display: none;
}
.down-arrow{
    cursor: pointer;
    display: inline-block;
}
.scroll-down span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}
.scroll-down span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.scroll-down span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}
.scroll-down span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.full-width-container .main-menu, .full-width-container .main-menu li{
    width: auto;
    display: block;
    position:relative;
}
.full-width-container .mobile-menu-close{
    display: none;
}
.full-width-container #branding {
    max-width: 200px;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 12px;
    float: none;
    z-index:1005;
}
@media (max-width:1199px){
    .full-width-container #branding {
        text-align:left;
    }
}
.full-width-container #branding img {
    width: 80px;
}
.full-width-container .main-menu,
.menu-open .full-width-container .mobile-menu-icon{
    display: none;
}
.menu-open .full-width-container .main-menu,
.menu-open .full-width-container .mobile-menu-close{
    display: block;
}
.menu-open .full-width-container .main-menu{
    position: relative;
    z-index: 1;
}
.open-close {
    position: fixed;
    top: 21px;
    right: 20px;
    text-transform: uppercase;
}
.full-width-container .open-close a{
    position: relative;
    color: #017a82;
}
.mobile-menu-close, .mobile-menu-icon{
    top: auto;
    right: auto;
}
.menu-open .full-width-container:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.menu-wrapper{
    position: fixed;
    width: 100%;
    left: 0;
    top: 100px;
    overflow-x: auto;
    overflow-y: auto;
    height: auto;
}
.menu-open .menu-wrapper{
    height: 100%;
}

.main-visual .row{
    position: absolute;
    color: #fff;
    bottom: 0;
    right: 0;
    font-size: 0.9em;
    width: 200px;
    text-align: center;
}
#map {
	height: 220px;
}
.page-navigation-share {
	margin-bottom: 15px;
}


.page-navigation-wrapper {
	/*float: left;*/
}
   .page-navigation-arrow {
    	position:relative;
    	width:50%;
    	box-sizing:border-box;
    	font-size:1.2em;
    }
    .page-navigation-arrow.only-one{
        width:100%;
    }
    .page-navigation-arrow.disable{
        opacity:0.4;
    }
    .page-prev-arrow {
    	float:left;
    }
    .page-next-arrow {
    	float:right;
    	text-align:right;
    }
    .page-navigation-arrow a {
    	color:#007c85;
    	/*position: relative;*/
    }
    .page-prev-arrow{
    	padding-left:30px;
    }
    .page-next-arrow{
    	padding-right:30px;
    }
        .page-navigation-arrow a:after{
            content:"";
            height:0;
            width:0;
            position:absolute;
            border-style:solid;
            top:50%;
            -ms-transform:translateY(-50%);
            -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
        }
        .page-navigation-arrow.disable:after, .page-navigation-arrow.disable:before{
            display:none;
        }
        .page-next-arrow a:after{
            border-color:transparent transparent transparent #007c85;
            right:0px;
            border-width:10px 0px 10px 10px;
        }
        .page-prev-arrow a:after{
            border-color:transparent #007c85 transparent transparent;
            left:0px;
            border-width:10px 10px 10px 0px;
        }
    
        
        
.share-btn {
	float: right;
	font-size:1em;
	position:relative;
	color: #adce67;
	font-family:'Poppins', sans-serif;
	text-transform:uppercase;
	position:relative;
	padding-right:20px;
}
.share-btn:before{
    font-family:FontAwesome;
    position:absolute;
    top:-2px;
    right:0;
    font-size:1.25em;
}
.share-btn img{
    display:none;
}
.gallery-title {
	text-align: center;
	margin-bottom: 30px;
}
h1{
    position:relative;
}
h1:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -15px;
	width: 125px;
	height: 1px;
	background: #000;
}
.vdo-src,
.youtube-vdo-src{
    display:none;
}
body.popup-enable{
    overflow:hidden;
}
.main-visual-slogan-wrapper{
    display:none;
}
.vdo-popup-btn{
	color: #fff;
	margin-top: 0px;
	border-radius: 0;
    border: 2px solid #fff;
    width:24px;
    height:24px;
    position:absolute;
    background:transparent;
    left: 0;
    right:0;
    margin:0 auto;
    bottom:30px;
    border-radius:100%;
    
    opacity:0;
    pointer-events:none;
    
    white-space: nowrap;
    text-indent:-99em;
    line-height: 40px;
    
    -ms-transition:all 0.5s ease 2s;
	-webkit-transition:all 0.5s ease 2s;
	transition:all 0.5s ease 2s;
	
	-webkit-animation-name: zoom; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	animation-name: zoom;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(1);}
    to {-webkit-transform:scale(1.1);}
}

/* Standard syntax */
@keyframes zoom {
    from {transform:scale(1);}
    to {transform:scale(1.1);}
}
    .vdo-popup-btn::after {
    	content: "";
    	width: 0px;
    	height: 0px;
    	position: absolute;
    	top: calc(50% - 5px);
    	left: calc(50% - 4px);
    	border-width: 5px 0 5px 10px;
    	border-color: transparent transparent transparent #fff;
    	border-style: solid;
    }
.show-slogan .vdo-popup-btn {
    opacity:1;
    pointer-events:auto;
}

.vdo-popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
	background: rgba(0,0,0,0.8);
	opacity:0;
	
	-ms-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.vdo-popup-wrapper.load{
    opacity:1;
}
    .video-popup {
    	width: 85%;
    	height: 70%;
    	/*padding-top: 56.25%;*/
    	max-height: 70%;
    	position: relative;
    	margin: 0 auto;
    	top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        
        
    }
    	

        .video-popup video {
        	width: 100%;
        	height: 100%;
        	position: absolute;
        	top: 0;
        	left: 0;
        	right: 0;
        	margin: auto;
        }
    .vdo-close {
    	width: 25px;
    	height: 25px;
    	position: absolute;
    	top: 25px;
        right: 25px;
        cursor:pointer;
    }
        .vdo-close:after,
        .vdo-close:before{
        	content: "";
        	display: block;
        	width: 132%;
        	height: 1px;
        	-ms-transform: rotate(-45deg);
        	-webkit-transform: rotate(-45deg);
        	transform: rotate(-45deg);
        	background: #fff;
        	position: absolute;
        	left: 0;
        	bottom: 0;
        	-ms-transform-origin: 0 0;
        	-webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }
        .vdo-close:after{
        	-ms-transform: rotate(45deg);
        	-webkit-transform: rotate(45deg);
        	transform: rotate(45deg);
        	bottom:auto;
        	top:0;
        }
        
    
    /* slogan with background */
    
    .main-visual-slogan-wrapper {
    	font-size: 1em;
        background:transparent;
    	opacity: 0;
    	width: 100%;
    	transition: all 0.5s linear;
    }
        .main-visual .show-slogan .main-visual-slogan-wrapper {
        	/* width: 100%; */
        	opacity: 1;
        }
        .main-visual-slogan-wrapper .container {
        	padding: 15px 25px 15px 25px;
        	width: auto;
        	text-align: right;
        	margin-left: 0;
        	max-width: none;
        	position:relative;
        	right: 50%;
        	-ms-transition:all 1.5s ease;
        	-webkit-transition:all 1.5s ease;
        	transition:all 1.5s ease;
        	display: inline-block;
        	max-width: 618px;
        }
            .main-visual .show-slogan .main-visual-slogan-wrapper .container {
            	
            	background-color: rgba(0, 0, 0, 0.35);
            }
            p.slogan {
        	font-size: 2em;
        	padding-bottom: 5px;
        	font-family:'Playfair Display', sans-serif;
        }
        
        
        .play-btn {
  width: 100%;
  text-align: center;
  margin-top: 25vh;
}

.circle {
  stroke: #f8aa28;
  stroke-dasharray: 650;
  stroke-dashoffset: 650;
  -webkit-transition: all 0.5s ease-in-out;
  opacity: 0.3;
}

.slogan-read-more .read-more:after {
    content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 5px 0px 5px 10px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	margin-left: 5px;
	position: relative;
	top: 0px;
	-webkit-animation-name: readMore; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
	animation-name: readMore;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@-webkit-keyframes readMore {
    from {margin-left: 5px; opacity:1;}
    to {margin-left: 10px; opacity:0.3;}
}

/* Standard syntax */
@keyframes readMore {
    from {margin-left: 5px; opacity:1;}
    to {margin-left: 10px; opacity:0.3;}
}

 .main-visual-arrow-wrapper{
        display:none;
    }
    body{
        background:#000;
        -webkit-transition: background 0.5s linear;
       -ms-transition: background 0.5s linear;
       transition: background 0.5s linear;
    }
    body.fade-in{
        background:transparent;
    }
    .barba-container{
        opacity:0;
       -webkit-transition: opacity 0.2s linear;
       -ms-transition: opacity 0.2s linear;
       transition: opacity 0.2s linear;
    }
    body.fade-in .barba-container{
        opacity:1;
    }
    
    .iframe-vdo-wrapper {
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        position: absolute;
        bottom: 0px;
    }
        iframe.iframe-vdo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .vdo-popup-btn.close-btn:after,
        .vdo-popup-btn.close-btn:before{
            top:calc(50% - 8px);
            left:calc(50% - 1px);
            border: none;
            width: 2px;
            height: 16px;
            background: #fff;
            content: "";
            position: absolute;
        }
        .vdo-popup-btn.close-btn:after{
            transform:rotate(45deg)
        }
        .vdo-popup-btn.close-btn:before{
            transform:rotate(-45deg)
        }
@media(min-width:750px){
    header.fixed-header {
    	height: 86px;
    }
        .full-width-container #branding {
        	top: 16px;
        }
            .window-scrolled .full-width-container #branding img {
            	width: 127px;
            }
        .open-close {
        	top: 32px;
        }
        #map {
        	height: 250px;
        }
        
        
       .main-visual-slogan-wrapper:not(.no-content){
           display:block;
       } 
     .vdo-popup-btn{
        border: 3px solid #fff;
        width:40px;
        height:40px;
        top: auto;
        cursor:pointer;
    }
    


    .vdo-popup-btn:after{
        top:calc(50% - 10px);
        left:calc(50% - 6px);
        border-width:10px 0 10px 15px;
    }
    .vdo-popup-btn.close-btn:after,
    .vdo-popup-btn.close-btn:before{
        top:calc(50% - 12px);
        height: 24px;
    }
    p.slogan {
    	font-size: 1.75em;
    	/* padding-bottom: 5px; */
    	/*letter-spacing:20px;*/
    }
    p.slogan,
    .slogan-read-more{
        position:relative;
        top:0px;
        opacity:1;
        overflow:hidden;
    }
    .main-visual-slogan-wrapper .container {
         -webkit-transform: translateY(120%);
         -ms-transform: translateY(120%);
         transform: translateY(120%);
         opacity:0;
        transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95); 
    }
    p.slogan > span,
    .slogan-read-more > a{
        display:block;
    }
    .slogan-read-more > a{
        float:right;
    }
    .show-slogan .main-visual-slogan-wrapper .container {
        -webkit-transform: translateX(50%) translateY(0%);
        -ms-transform: translateX(50%) translateY(0%);
        transform: translateX(50%) translateY(0%);
        opacity:1;
    }
    /*.show-slogan p.slogan {
        
    }*/
    .video-popup video {
    	width: 100%;
    }
}

@media(max-width:570px){
    .page-navigation-arrow  {
        font-size: 0.85em;
    }
}

@media(min-width:1000px){
    .main-visual .row{
        bottom: 25px;
        right: 25px;
        font-size: 1.5em;
    }
    .mobile-menu-icon, .mobile-menu-close {
        display: block;
    }
    .mobile-menu-icon {
        -webkit-transition: translateY(0);
        -ms-transition: translateY(0);
        transform: translateY(0);
    }
    #weather .weather-img {
        width: 45px;
    }
}

@media(min-width:1200px){
    
    .full-width-container{
        top:-86px;
    }
    .loaded .full-width-container{
        top:0;
    }
    
    .main-visual-arrow-wrapper{
        display:block;
    }
    .full-width-container nav li a:hover, .full-width-container nav li.active a,.full-width-container nav li.has-submenu:hover a{
        color: #adce67;
    }
    .open-close, .mobile-menu-icon, .mobile-menu-close{
        display: none;
    }
    .full-width-container .main-menu, .full-width-container #branding{
        display: inline-block;
        vertical-align: middle;
    }
    .full-width-container .main-menu li {
        padding: 0 10px;
        border-bottom: none;
        text-align: center;
        display: inline-block;
    }
    .full-width-container #branding{
        top: 0;
        position: relative;
    }
    #main-menu-right {
        padding-bottom: 0;
    }
    .menu-wrapper {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        overflow: visible;
    }
    header.fixed-header {
        background: transparent;
    }
    .fixed-header .main-visual,
    .main-visual .slick-list, .main-visual .slider-item{
        height: 75vh;
        margin-top: 0;
    }
    .full-width-container .main-menu{
        width: 40%;
        text-align: left;
    }
    .full-width-container #main-menu-left{
       text-align: right;
    }
    .scroll-down {
        display: block;
    }
    .window-scrolled .full-width-container{
        background: rgba(255, 255, 255, 1);
    }
    body .full-width-container:hover,
    body.window-scrolled .full-width-container{
        max-height: 86px;
        height: 100%;
    }
    .full-width-container #branding img {
        margin: 9px 15px 5px;
        width: calc(100% - 30px);
        height: auto;
    }
    .window-scrolled .full-width-container #branding img {
        width: calc(100% - 50px);
    }
    .full-width-container .main-menu li {
        padding: 0 10px;
    }
    #map {
        	height: 350px;
        }
    p.slogan {
    	font-size: 2.4em;
    	/* padding-bottom: 15px; */
    }
    .show-slogan .vdo-popup-btn:hover {
        opacity:1;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }

    .main-visual-slogan-wrapper .container {
		right: 110px;
    }

    .show-slogan .main-visual-slogan-wrapper .container {
    	-webkit-transform: translateX(0) translateY(0%);
        -ms-transform: translateX(0) translateY(0%);
        transform: translateX(0) translateY(0%);
    }
}
/**/


/* Main visual */
.main-visual.header-fixed, 
.main-visual.header-fixed .slick-list, 
.header-fixed .slick-list .slider-item {
	height: 56.25vw;
}
.main-visual .slider-item{
    position: relative;
    background-position: bottom center;
}
.main-visual .slider-item:first-child{
    opacity:0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.main-visual .image-loaded .slider-item:first-child{
    opacity:1;
}
    .main-visual .slider-item video{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 100%;
        opacity:0;
        object-fit: cover;
        -webkit-transition: opacity 0.5s ease 0.5s;
        -ms-transition: opacity 0.5s ease 0.5s;
        transition: opacity 0.5s ease 0.5s;
    }
    
    .main-visual .slider-item .hero-loaded {
        opacity: 1;
    }
    
    
    
    .home-main-visual .slider-item video{
        opacity:1;
        width: 100%;
        min-width: 100%;
    }
    
    .main-visual .slider-item video.hero-video{
        top: auto;
        bottom: -1px;
    }
    
    .main-visual .slider-item video.video-loaded,
    .main-visual .slider-item video.loaded{
        opacity:1;
    }
    
    .main-visual .slider-item video.estate-hero.hero-video {
        opacity: 0;
        -webkit-transition: none;
        transition: none;
    }
    .main-visual .slider-item video.estate-hero.hero-video.hero-loaded {
        opacity: 1;
    }
    
@media(min-width:1200px){
    .main-visual.header-fixed, 
    .main-visual.header-fixed .slick-list, 
    .header-fixed .slick-list .slider-item {
    	height: 75vh;
    } 
    #mainvisual-blank_1529908564785.main-visual.header-fixed, 
    #mainvisual-blank_1529908564785.main-visual.header-fixed .slick-list, 
    #mainvisual-blank_1529908564785.header-fixed .slick-list .slider-item {
    	/*height: 100vh;*/
    	height: calc(100vh - 61px);
    }
    
    
    .scroll-arrow {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 20px;
        height: 40px;
        cursor:pointer;
    }
    span.down {
        display: block;
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
        width: 14px;
        height: 14px;
        position:absolute;
        top:0px;
        left:0px;
        right:0;
        margin:0 auto;
        opacity:1;
        
        animation-name: scroll-btn;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
    }
    span.down.arrow-1 {
        animation-delay:0s;
    }
    span.down.arrow-2 {
        animation-delay:.5s;
    }
    span.down.arrow-3 {
        animation-delay:1s;
    }
    
    @keyframes scroll-btn {
        0%   {opacity:0;top:0;}
        30%   {opacity:1;}
        100% {opacity:0;top:20px;}
    }
    
    .vdo-enable header.fixed-header{
        opacity:0;
        pointer-events:none;
    }
}
/**/


/* footer with social media */
footer .container.copyright-bar {
	padding-top: 75px;
}
.copyright-bar p{
    width: 100%;
    /*line-height: 41px;*/
    text-align: center;
}
.copyright-bar p.designed-by{
    text-align: center;
}
.bottom-bar .social-media.typeB{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

@media(min-width:750px){
    footer .container.copyright-bar {
    	padding-top: 60px;
    }
}
@media(min-width:1000px){
    footer .container.copyright-bar {
    	padding-top: 0;
    }
    .copyright-bar p {
    	width: 45%;
    	line-height: 41px;
    	text-align: left;
    }
    .copyright-bar p.designed-by{
        text-align: right;
        width: 40%;
    }
    .bottom-bar .social-media.typeB{
        position: relative;
        top: auto;
        left: auto;
        width: 15%;
    }
}
/**/

/* contact page */
#mainrow-blank_1530253317144 #map{
    height:75vh;
}
.main-row{
    margin-bottom:40px;
}
.form-wrapper, .main-container .contact-details {
	padding: 15px;
	border: 1px solid #017a82;
}
.contact-details .map-image{
    margin-bottom:30px;
}
    .form-wrapper h3, .contact-details h3 {
    	text-align: center;
    	margin-bottom: 30px;
    }
    .form-wrapper{
        margin-bottom:20px;
    }
    .form .field-block {
    	margin-bottom: 20px;
    }
    .field-block.submit-block {
    	text-align: right;
    }
        .form label {
        	display: none;
        }
   
    .main-container .contact-detail {
        margin-bottom: 20px;
        margin-left: 20px;
        text-indent:-30px;
        text-align: center;
    }
    .main-container .contact-page .contact-detail{
        margin-left: 0px;
        text-indent:0px;
    }
    .contact-detail {
    	margin-left: 10px;
    }
    address {
    	font-style: normal;
    }
    .fa-map-marker:before,
    .fa-phone:before,
    .fa-envelope:before{
    	font-family: FontAwesome;
    }
    .main-container .contact-detail:before {
    	margin-right: 10px;
    	font-size: 1.5em;
    	line-height: 1.1;
    }
    .main-container .contact-detail a{
        color:#413838;
    }
    .main-container .contact-detail.fa-map-marker::before {
    	font-size: 2em;
    }
    .field-block input, .field-block textarea {
    	width: 100%;
    	border-color: #017a82;
    	color:#000;
    }
    .field-block input.error, label.error, .field-block textarea.error{
        border-color:#951313;
        color:#951313;
    }
    label.error{
        font-size:0.8em;
        font-weight:400;
        margin-top:5px;
    }
    .field-block textarea {
    	height:100px;
    	resize:none;
    }
    .submit-block button {
    	padding: 0px;
    	width: 100%;
    	font-size: 0.9em;
    	font-weight:400;
    }
@media (min-width:750px){
    .form-wrapper, .main-container .contact-details {
    	padding: 20px;
    	min-height:540px;
    }
    .form-wrapper{
        margin-bottom:0px;
    }
}
@media (min-width:1000px){
    .form-wrapper, .main-container .contact-details {
    	padding: 35px;
    }
    .submit-block button {
    	width: 150px;
    }
    .form-wrapper, .main-container .contact-details {
    	min-height:528px;
    }
}
    @media (min-width:1200px){
         .main-container .contact-detail a:hover{
            color:#017a82;
        }
        .form-wrapper, .main-container .contact-details {
        	min-height:644px;
        }
    }
    
@media (max-width:375px){
    .title-wrapper.estate-cats .container {
        padding: 0;
    }
    .title-wrapper.estate-cats .container span,
    .title-wrapper.estate-cats .container span.active{
        padding: 3% 2%;
    }
}
/**/

/** Issue Fix 31-10-2018 **/
.main-visual .slick-list .slider-item {
    z-index: 1;
}

.fixed-header .main-visual .slick-slide img {
    display: block;
    visibility: visible;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.fixed-header .home-main-visual .slick-slide img {
    min-height: 100%;
}

.main-visual .slider-item:first-child {
    opacity: 1;
}

.sitemap-page a {
  color: #017a82;
}

@media (min-width: 1200px) {
  .sitemap-page a:hover {
    color: #adce67;
  } 
} 

@media (min-width: 1200px) and (max-width: 1320px) {
  .full-width-container .main-menu li {
    padding: 0 1.7%;
  }

  .full-width-container #branding {
    margin: 0;
  }

  #main-menu-left {
    width: 37%;
  }

  #main-menu-right {
    width: 43%;
  }
}
/** Issue Fix 31-10-2018 **/

/* Cookie block changes start */

.cookie-section.primary-background {background: rgba(227,227,227, 0.95);}

.cookie-section .cookie-wrapper .cookie-btn-wrap {
    color: #fff;
    text-decoration: none;
    /*background: #b2d171;*/
    /*padding: 15px 20px;*/
    line-height: 1;
    margin-top: 3px;
    text-transform: uppercase;
    margin-left: 20px;
}

p.cookie-content {
    font-size: 0.8em;
}

a.cookie-accept.primary-button {
    color: #000000;
}

.cookie-btn-wrap:hover {
    opacity: 0.8;
    text-decoration: none;
}

.cookie-btn-wrap a.cookie-accept.primary-button {
    padding: 15px;
    background-color: #b2d171;
}

@media (min-width: 1200px) {
    .cookie-section .cookie-wrapper .cookie-btn-wrap {
            width: 10%;
    }
}
/* Cookie block changes end */

/*changes to privacy policy page*/
#maincontainer-blank_1528948264704 .accordion-xlist .accordion-title:after {
    content: '\f107';
    font-family: 'FontAwesome';
}

#mainrow-blank_1529999137635 .content-wrapper.check-empty-parent li,
#mainrow-blank_1529999137635 .content-wrapper.check-empty-parent h3 {
    text-align: left;
}

ul.xList-items.list-style-none li {
    margin: 30px 0px;
}

.xList.accordion-xlist.r2g-xlist-accordion .content-wrapper li {
    margin: 0;
}

#mainrow-blank_1529999137635 .content-wrapper {
    margin-top: 10px;
}
/*changes to privacy policy page*/