/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800&display=swap);
/** Generated by FG **/
@font-face {
	font-family: 'BwGradual';
	src: url('fonts/BwGradual-Regular.eot');
	/*otf, woff2, woff*/
	src: local(''), url('fonts/BwGradual-Regular.woff') format('woff'), url('fonts/BwGradual-Regular.otf') format('opentype'), url('fonts/BwGradual-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


:root{
	--darkblue: #0D5065;

	--lightblue: #4BE8F4;
	--lightbluetext: #27B4BE;
}
.lightblue{ color:var(--lightbluetext); }
.darkblue{ color:var(--darkblue); }
.lightbluebg{ background:var(--lightblue); }
.darkbluebg, .dark{ background:var(--darkblue); }


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:focus {
    outline: 0px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
	font-family: 'Montserrat', 'Arial', sans-serif;	font-size: 22px;	line-height: 1.9rem;
	
}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
    			-webkit-box-shadow: 0 0 0 0 white inset !important;
			}
			/*Change text in autofill textbox*/
			input:-webkit-autofill {-webkit-text-fill-color: #020202 !important;-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
			@-webkit-keyframes autofill {    to {  color: #FFF;        background: #383838;   } }
			input:-internal-autofill-selected, input:-webkit-internal-autofill-selected {appearance: menulist-button;background-color: rgb(101 101 101) !important;background-image: none !important;color: -internal-light-dark(black, white) !important;}


html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%;}

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family: 'BwGradual', 'Arial', sans-serif;
}
h1 {font-size: 2.75rem;line-height: 1.2em;}
h2 {font-size:2.72rem; line-height: 1.2em;}
h3 {font-size: 1.85rem;line-height: 1.18em;}
h4 {font-size:1.81rem; line-height: 1.375em;}
h5 {font-size: 1.54rem;line-height: 1.61em;max-width: 95%;}
h6 {font-size:1.45rem; line-height: 1.5em;}

img{ max-width:100%;}


ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.logo_wrapper{	width:300px; height:67px;	position: absolute; left:48px; top:39px;   overflow:hidden;}
	.logo_left{ width:66px; height:66px; display:block; position:absolute; left:0; top:0; overflow:hidden;}
	.logo_right{width:220px;height:54px;display:block;position:absolute;left: 300px;top:6px;overflow:hidden;}
	.lleft{display:block;width:66px;height:66px;background:url('img/logo-left.svg');background-size:contain;background-position:center;position:absolute;top:70px;transition-delay: .7s;}
	.lright{display:block;width:220px;height:54px;background:url('img/logo-right.svg');background-size:contain;background-position: left center;position:absolute;background-repeat: no-repeat;right: 220px;opacity:0;transition-delay: 1.2s;}
.page-loaded .lleft{ top:0; }
.page-loaded .lright{right: 0;opacity:1;}
.page-loaded .logo_right{ left:80px;}
	
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}

.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box; font-family: inherit; font-size:inherit; }

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.content_block{ width:100%; max-width:1520px; position:relative; margin:0 auto; box-sizing:border-box; }
	.site-main {background:#FFF;padding:80px;top:-180px;z-index: 9;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, svg, a.button, nav *{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #2bbbdb; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #2bbbdb; /* Gecko Browsers */
   color:#FFF;
}

body {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

/* Fade in on page load */
body.page-loaded {
    opacity: 1;
}

/* Fade in on page load */
body.page-loaded {
    opacity: 1;
    background: var(--darkblue);
}
body.page-unload {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}


/*LENTIS */
	.animate-on-scroll {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	}
	.animate-on-scroll.fade-in {
		opacity: 1;
		transform: translateY(0);
	}

/*Parallax image*/
    .pscene{height:694px;width:100%;display:block;overflow: hidden;}
        .parallax_image{ display:block; width:100%; height:100%; overflow:hidden; background-size: cover !important;background-position: 50% !important;}


/*WAYPOINT DISAPPEAR*/
    .disappear{ transform:scale(0.97); opacity:0; }
    .disappear_cta{ transform:scale(0.87); opacity:0;  }
        .disappear_cta .ninesixty{ margin-top:70px; }
        

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{ width:1300px; position:relative;left:-80px; }

.content{ display: block; width: 100%; height: 100%; }
.content_block{ width:100%;max-width: 1520px;position:relative;margin:0 auto;box-sizing:border-box; }


div, input, span, svg, a.button, nav, .mobilemenu_button:before, .mobilemenu_button:after, label, img{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image, .parallax_image, .parallax_image *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
.parallax-mirror, .parallax-mirror *, .nodelay{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
    .parallax_image img{height:auto !important;}
.nodisp{ display:none !important; }
::selection {
  background: #2bbbdb; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #2bbbdb; /* Gecko Browsers */
   color:#FFF;
}

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{width: 100%;max-width: 1300px;position:relative;left: 0;margin: 0 auto;text-align: center;}

.testimonial_slider{ padding:230px 0; background-size: cover !important;background-position: 50% !important; position:relative; }
    .testimonial_slider:before{ content:"";display:block;width:100%;height:100%;position:absolute;background: rgba(0,0,0,0.25);z-index:1;top: 0; }
    .testimonial_slider .testimonials_wrapper{ z-index:9999; position:relative; }
    .testimonials_title{font-size:2.5rem;text-align:center;font-weight:800;text-transform:unset;margin-bottom: 43px;}
    .testimonial_slider .flexslider, .testimonial_slider .flexslider .slides > li{ background:transparent; }
    .testimonials_wrapper{ background:#FFFFFF93 0% 0% no-repeat padding-box; padding:170px 0 120px;}
    .testimonial_slider .slides{ max-width:1053px; margin:0 auto; }
    .testimonial_slider li *{ font-family:'Gilroy';   text-align:center; font-size:1.1rem; line-height:1.5rem;}
    .testimonial_slider .flex-control-nav{ display:none;}
    
/*popup*/
    .popup{display:block;position:fixed;z-index: 999999999;width:100%;height:100%;top: 0;}
        .popup:before{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
        .popup.showpopup:before{ opacity:1; }
    .popupclose{display:block;position:absolute;width: 40px;height:40px;background:#9a9a9a; top:-20px; right:-20px; cursor:pointer; }
        .popupclose:hover{ background:black; }
        .popupclose:hover:before, .popupclose:hover:after{ background:#FFF;}
        .popupclose:before{ content:""; display:block; position:absolute; width:80%; height:2px; background:black; transform:rotate(45deg); top:20px; left:5px;; }
        .popupclose:after{ content:""; display:block; position:absolute; width:80%; height:2px; background:black; transform:rotate(-45deg); top:20px; left:5px;; }
    .popupcontent{position:absolute;width:100%;/* height: 330px; */padding:50px;background:#FFF;z-index:999;display:block;top:65%;left:50%;transform:translate(-50%, -50%);max-width: 860px;opacity:0;box-sizing: border-box;}
        .showpopup .popupcontent{  top:50%; opacity:1 }
        .popupcontent *{color:#003A4A; }
    .popupgrid{display:grid;grid-template-columns: 1fr;}
        .popuplot{line-height:100%;text-align: left;color: #003A4A;font-size: 45px;font-weight: 800;line-height: 1em;margin-bottom: 20px;}
        .popuplogo{background:#F5F5F5;text-align:center;padding:50px;height: 80px;}
            .popuplogo img{max-height:80px;max-width: 300px;position: relative;top: 50%;transform: translateY(-50%);}
        .popupleft{padding: 0px 0 0 0;position:relative;}
        .popupleft *, .popupleft a{color: var(--lightbluetext);font-weight: 400;}
        .popupleft strong{color: var(--darkblue);}
        .landsize{font-size: 1rem;font-weight: 400;line-height: 2em;display:block;text-align: left;position: relative;max-width: 50%;top: 5px;color: var(--darkblue);}
			.landsize *{ color:inherit !important; }
            .landsize:before{content: "Land size: ";font-weight: 400;width:200px;display:inline-block;/* color:#72AFB2; */}
            .landsize sup{ bottom:10px; display:inline-block; position:relative; font-size:.8rem}
        .popupcontact, .popupcontact *{ font-size:1rem; }
        .popupcontact strong{display:inline-block;width:190px;font-weight: 400;}
        .landprice{font-size: 2rem;font-weight: 700;text-align:right;position:absolute;top:0;right:0;margin-top:20px;color:var(--darkblue);}
@media only screen and (max-width:1380px){
	.landsize{width:100%;max-width: unset;}
	
	.popupclose{  top: 0;    right: 0; }
	.popupcontent{ height:500px; padding:10px}
	.landprice{font-size:1.5rem;position: relative;text-align: center;}
}

/*FLEXSLIDER*/
.flexslider_wrapper{ height:calc(100dvh - 144px); }
.captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top: 0;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box;object-fit: contain;object-position: left;}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(js/flexslider2/theme/bg_direction_nav.png) no-repeat;position:absolute;bottom: 50px;cursor:pointer;text-indent: -0;color: transparent;}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity: 1;cursor:pointer;color:rgba(0,0,0,.8);text-shadow: unset;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{right: 320px;left: unset;}.flex-direction-nav .flex-next{right: 200px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity: 1;left: unset;}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity: 1;right: 200px;}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;/* height:480px */}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd;}}@media only screen and (max-width:600px){.flexslider, .header_slider{border-top:0 solid #000;/* height:480px; */}}
.flex-viewport{ height:100%; }
.sliderimage{height:100%;position: relative;background-position: center;background-size: cover;}
	.sliderimage:after{
    content: "";
    display: block;
    width: 100%;
    height: 27%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(7, 40, 50, 0.54) 100%);
    pointer-events: none;
    }
.sliderlogo{position:absolute;width:700px;height:165px;bottom:0;left:0;background: rgba(255,255,255,0.3);clip-path: polygon(0 0,77.86% 0,100% 100%, 0 100%); z-index:99}
	.sliderlogo img{max-width:295px;max-height:68px;position:absolute;left: 200px;top:50%;transform:translateY(-50%);}
	.halswell-commons .sliderlogo img{ max-width:178px; max-height:64px;}
	.red-barn-estate .sliderlogo img{ max-width:251px; max-height:78px;}
	.pinewood-grange .sliderlogo img{ max-width:286px; max-height:89;}
	.westmorland-heights .sliderlogo img{max-width: 346px;max-height:64px;}
	.meadowlands .sliderlogo img{ max-width:368px; max-height:54px;}
	.sabys-estate .sliderlogo img{ max-width:315px; max-height:114px;}
	.the-acres .sliderlogo img{ max-width:207px; max-height:60px;}
.sliderimage .video_wrapper{opacity:0;position: relative;top: 50%;transform: translateY(-50%); height:100%; z-index:999}
	.video_wrapper video{width:100%;height: 100%; object-fit:cover; width:100%; height:100%;}
		.video_wrapper video{ }
	.sliderimage .pausebutton + .video_wrapper{ opacity:1; }
.playbutton{position:absolute;width:100px;height:100px;background-color:#FFF;-webkit-mask-image:url(img/play.svg);-webkit-mask-size:contain;left:50%;top:50%;transform:translate(-50%, -50%);z-index: 999999;cursor: pointer;}
	.playbutton.pausebutton{ -webkit-mask-image:url(img/pause.svg); top:calc(100% - 100px);}

@media only screen and (max-width:1380px){
	.flexslider_wrapper{ width:100%; height:auto; aspect-ratio:1/.8;}
	.sliderlogo{width:50%;height:76px;clip-path: polygon(0 0,78% 0,100% 100%, 0 100%);}
	.sliderlogo img{max-width: 50% !important;!i;!;left:50px;max-height: 40px !important;!i;!;}
	.flex-direction-nav .flex-prev{right:100px;bottom: 10px;}
	.flex-direction-nav .flex-next{right:30px;bottom: 10px;}
}
@media only screen and (max-width:767px){
	.sliderlogo{width:70%;}
	.sliderlogo img{ max-width:50%; left:30px; }
	.sliderimage .pausebutton{width:50px;height:50px;bottom: 0;transform: translate(-50%, 20px);}
}

/*TEXT ONLY*/
    .text_only h1{ font-size:2.5rem; max-width:620px; line-height:2.5rem; margin-bottom:70px; font-weight:800; }
    .text_only{ max-width:1115px;}
    .text_only *{ font-weight:200; }
/*TEXT PAGE*/
.header_image{height:325px;width:100%;display:block;margin-top: 180px;background-size: cover !important;background-position: 50% !important;}
.centeraligned{ text-align:center; width:100%; display:block;  }
.map{width:100%;height: 800px; margin-bottom:85px; }

/*CONTACT*/
	#sending, #sent{display: none;}
    #sending img{ display:none;}
	#sending center{
	width: 50px;
	height: 50px;
	margin: 0px auto 0;
	border: solid 10px var(--lightblue);
	border-radius: 50%;
	border-right-color: transparent;
	border-bottom-color: transparent;
	-webkit-transition: all 0.5s ease-in;
	-webkit-animation-name:             rotate;
	-webkit-animation-duration:         1.0s;
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function: linear;
	transition: all 0.5s ease-in;
	animation-name:             rotate;
	animation-duration:         1.0s;
	animation-iteration-count:  infinite;
	animation-timing-function: linear;
	}
		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to { 
				transform: rotate(360deg);
			}
		}


		 @-webkit-keyframes rotate {
			from {
				-webkit-transform: rotate(0deg);
			}
			to { 
				-webkit-transform: rotate(360deg);
			}
		}
	#formdiv{ display:block; margin:0 auto; max-width:800px; }
	.contact_content{ margin:70px 0; }
	.fieldgroup{position:relative;display:block;margin-top: 20px;}
    .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background: #E7E5DF;border:0;border-bottom: 0;height: 66px;position:relative;}
    .fieldgroup textarea{height: 275px;}
    .fieldgroup input[type="submit"]{background: var(--lightblue);color: #000 !important;text-align:center;text-transform:uppercase;height: 66px;line-height: 66px;cursor: pointer;max-width: 280px;}
    .fieldgroup input[type="submit"]:hover{background: var(--darkblue);color:#fff !important;border-bottom:1px solid #585757;}
    .g-recaptcha{ margin:20px 0; }

    .animatelabel{ position:relative; }
    .fieldgroup label{display:block;position:absolute;font-size:10px;top:0;left: 30px;line-height: 16px;text-transform: uppercase;}
    .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; }
    .animatelabel label{font-size: 16px;line-height:30px;top: 20px;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -23px;color:#afafaf !important;font-size: 13px;}
	
/*MENU*/
    .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: var(--darkblue);height: 144px;box-shadow: 0 0 0 0;}
    .main_navigation{position:absolute;right:68px;top: 59px;}
    nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 400;color:#FFF;text-transform: uppercase;font-size:0.65rem;font-family: 'BwGradual';}
        nav a:after{ content:""; width:0px; opacity:0; height:5px; background:var(--light); display:block; position:absolute;  left:50%; transform:translateX(-50%); bottom:5px; transition:all 0.3s ;  -webkit-transition:all 0.3s ;  -o-transition:all 0.3s ;  -moz-transition:all 0.3s  }
        nav a:hover:after, nav li.current-menu-item a:after{ width:50px; height:5px; opacity:1}
    nav ul{list-style:none;text-align: right;}
        nav .menu li {display:inline-block;padding: 0px 30px;}
		nav .menu li:last-of-type{ padding-right:0; }
        nav .menu .sub-menu li{display:block;float: unset;padding: 0px 40px;white-space: nowrap;background: transparent;}
        nav .menu .sub-menu li a{font-family: 'BwGradual';font-weight:400;display:block;}
           /* nav .menu .sub-menu a:before{ content:'\279C'; padding-right:10px; font-size:12px; position:relative; top:-2px; color:#f1f1f1; }*/
         nav .menu .sub-menu li:hover, nav .menu .sub-menu li.current-menu-item{color: var(--lightblue);}   
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{ color:inherit;  }
    nav .menu li{ position:relative; }
    nav .menu li.menu-item-has-children:after{content:"";position:absolute;right: 11px;top:50%;transform:translateY(-50%);border-width: 0px 1px 1px 0px;margin-top:-4px;transform: rotate(45deg);display:block;width:7px;height:7px;border-style: solid;border-color: white;display: none;}
    
    nav .menu .sub-menu{display:block;position:absolute;background: var(--dark);text-align: left;left: 50%;transform: translateX(-50%);margin-left: 0;padding: 0;height: 0 !important;overflow: hidden;opacity: 0;border-radius: 45px;text-align: center;padding: 0 34px;}
        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 29px 34px;opacity: 1;background: #105D71;text-align: center;}
           nav .menu .sub-menu .sub-menu{display:block;position:absolute;left: 100%;transform: translateX(10px);width: auto;top: -36px;margin-left:-10px;}
            nav .menu .sub-menu:hover{overflow: unset;}
                nav .menu li:hover .sub-menu .sub-menu{height: 0 !important;padding: 0; background:#000; }
                nav .menu .sub-menu li:hover li a{ color:#FFF;  }
                nav .menu .sub-menu li:hover li:hover a{ color:#f1f1f1;  }
                nav .sub-menu li .sub-menu{overflow:auto;height: 0 !important;padding: 0;}
                nav.navigation .menu li:hover .sub-menu li:hover .sub-menu{overflow:auto;height: auto !important;padding: 20px 12px 0 0px;background: transparent;margin-bottom: 0px;}
    .menu_button{position:absolute;display:none;top: 50px;right:40px;height: 4px;margin-top:10px;margin-bottom:10px;width:50%;max-width:35px;z-index: 999999;cursor: pointer;background:#FFF;}

    
/*FOOTER*/
    .site-footer{background: var(--darkblue);display:block;padding: 112px 0 104px 0;position:relative;}
        .site-footer, .site-footer *, .site-footer a{color: #FFF;}
		.footer_grid h6{ color: var(--lightblue); padding-bottom:20px;}
        .footer_grid{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:46px;}
        .site-footer input, .site-footer select, .site-footer textarea{box-sizing: border-box; font-family: inherit; font-size:14px; }    
        .email_block, .footer_block{ display:grid; grid-template-columns:repeat(2,1fr); }
            .se_intro{ max-width:400px; padding-bottom:20px; }
		.se_contact .icons{ display:inline-block; width:30px; position:relative; margin-right:20px;}
			.icons:before{ content:""; display:block; position:relative; width:30px; height:30px; background:var(--lightblue); top:5px; -webkit-mask-image:url('img/phone.svg');mask-image:url('img/phone.svg'); -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-size:contain;mask-size:contain;}
			.icons.email:before{ -webkit-mask-image:url('img/email.svg');mask-image:url('img/email.svg'); top:12px; }
		.enews_subscription{ position:relative}
			.enews_subscription:before{ content:""; display:block; position:absolute; width:100%; height:100%;  background:rgba(0,0,0,0.2); padding:34px 31px; left:-31px; top:-34px; border-radius:30px; z-index:0 !important; }
			.enews_wrapper{ z-index:1; position:relative; }
			.enews_intro{ padding-top:30px; max-width:400px}
			.enews_subscription form{ margin-top:10px;}
			.enews_subscription input[type="email"]{ background:#1B657C; width:74%; height:50px; border-radius:28px; border:0; color:#FFF; padding:0 20px}
			.enews_subscription input[type="submit"]{ background:var(--lightblue); width:24%; height:50px; border-radius:28px; border:0; color:var(--darkblue); padding:0 20px}
			.enews_subscription input::placeholder{ color:#FFF; }
        .footerlogo{height: 199px;width: 301px;background: url(img/logo-footer.svg);background-size: contain;background-repeat: no-repeat; display:block; position:relative; top:-18px;}
			.flogo{ display:none;}
            .footer_socialmedia{ margin-top:20px}
            .footer_socialmedia a{display:inline-block;width:24px;height:24px;border: 1px solid #7E7E7E;border-radius:50%;position:relative;color: #7E7E7E;}
                .footer_socialmedia a:hover{ background:#FFF; }
                .footer_socialmedia a.email:before{content:"@";font-size: 14px;text-align: center;display:block;width:16px;height:16px;line-height: 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color: #7E7E7E !important;}
                .footer_socialmedia a.facebook:before{content:"";display:block;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: #7E7E7E; -webkit-mask:url('img/facebook.svg') no-repeat; mask:url('img/facebook.svg') no-repeat; -webkit-mask-position:50%; -webkit-mask-size:contain; mask-size:contain;}
                .footer_socialmedia a.instagram:before{content:"";display:block;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: #7E7E7E; -webkit-mask:url('img/instagram.svg') no-repeat; mask:url('img/instagram.svg') no-repeat; -webkit-mask-position:50%; -webkit-mask-size:contain; mask-size:contain;}
            .footer_nav{ display:grid; grid-template-columns:repeat(2,1fr); }
                .fn_title{ text-transform:uppercase; font-size:.6rem }
                .fnav ul{ list-style:none; margin:0; padding:0; }
                .fnav li, .fnav a, .fncline, .fncline *{ font-size:.5rem; line-height:1rem;  }
        
/*DEFAULT*/
    .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%;}
	#page{ padding-top:144px;}
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; }
	.nav-up, .nav-down {top: -52px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
	.nav-up .logo_wrapper, .nav-down .logo_wrapper{top: 65px;transform:scale(.8);transform-origin: center left;}
	.nav-up .main_navigation, .nav-down .main_navigation{ top:75px;}
	.header_slider{height: 830px;}
		.header_slider{min-height: 100%;height: 930px;position: relative;display: block;}
        .header_slider .slides li:after{content:"";display:block;width:100%;height:100%;position:absolute;background: rgba(0,0,0,0.25);z-index:99;top: 0;}
		.hs_image{height: 100%;background-size:cover !important;background-position:50% !important;display: block;position: relative;width: 100%;}
		.flexslider .slides > li {position: relative;width: 100%;height: 100%;background: #ddd;}
		.slider_title{position:absolute;top:50%;transform: translateY(-50%);left: 200px;margin-left: 0;text-align: left;max-width: 870px;z-index: 999;}
			.slider_title h1{color:#FFF;font-size: 3.9rem;line-height: 1em;  font-family:'Gilroy-Bold', 'Arial', sans-serif; }
			.slider_title h2{color:#FFF;font-size: 1.1rem;line-height: 1rem; padding-top: 15px; font-family:'Gilroy', 'Arial', sans-serif;}
            .slider_title h2 *{ font-size: 1.1rem;line-height: 1.3em; padding-top: 15px; font-family:'Gilroy', 'Arial', sans-serif; }
		.header_fade{ position:absolute; bottom:0; width:100%; z-index:99 }
			.header_fade img{ display:block; width:100%; height: auto;  }
		.flex-control-paging li a{opacity:1;width: 14px;height: 14px;display:block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;}
		.flex-control-nav li {    margin: 0 0 8px 5px !important;    display: inline;    clear:both;    zoom: 1;    float: right;    margin-bottom: 5px;}
		.flex-control-nav {width: 1300px;position: relative;bottom: 30px;text-align: right;margin: 0 auto;z-index: 105;display: none;}
			.flex-control-paging li a.flex-active {   background: #ccc; }
   
     
/*HOME*/



/*POSTS*/
	


/*RESPONSIVE*/
	
	

	@media only screen and (max-width:1680px){
		html, body{/* font-size:16px; */}
		.enews_subscription{ right:31px;}
	}

	@media only screen and (max-width:1596px){
		.content_block{padding:0 48px;}
		.footer_grid{ grid-template-columns:330px 1fr 1fr; grid-gap:40px; }
		.enews_subscription{ width:calc(100% - 40px); left:20px;}
	}
	@media only screen and (max-width:1400px){
		.footer_grid{ grid-template-columns:230px 1fr 1fr; grid-gap:40px; }
			.footerlogo{ max-width:90%; }
	}


	@media only screen and (max-width:960px){
		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
        
       
        
        .header_slider { height: 630px; }
        .logo{ left:20px; top:20px;  }

        nav a, nav a:hover, nav a:link, nav a:visited {  text-transform: uppercase; line-height:3rem;    font-size: 1rem; }
		.mobilemenu_button{display: block;border-top:0;position:absolute;right:20px;top:30px;height:30px;width:60px;z-index: 999;border-radius: 5px;}
			.mobilemenu_button span{ height:4px; display:block; background:var(--lightbluetext); top:-4px; position:relative; width:68%; border-radius:5px;}
          .mobilemenu_button{ right:20px; top:40px; height:20px; width:40px;}
          .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
          .mobilemenu_button.mbopen span{ height:0; opacity:0; }
          .mobilemenu_button:before{content:"";display:block;height:4px;width:100%;top:50%;left:0;background: var(--lightbluetext);position:absolute;margin-top:-2px;transform-origin:center;border-radius: 5px;}
          .mobilemenu_button:after{content:"";display:block;height:4px;width:68%;bottom:-4px;right:0;background: var(--lightbluetext);position:absolute;margin-top:-2px;transform-origin:center;border-radius: 5px;}
            .mobilemenu_button.mbopen{border-top: 0 !important;}
            .mobilemenu_button.mbopen:before{transform:rotate(45deg);}
            .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
			nav .menu li{ padding:0; border:0; }
				nav .menu li a{border:0;padding: 0;/* line-height: 2em; */}
					nav .menu li li a{ line-height:3em; font-size:.75rem}
          .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 85px;}
          .nav-up .mobilemenu_button:before, .nav-up .mobilemenu_button:after, .nav-down .mobilemenu_button:before, .nav-down .mobilemenu_button:after{background: var(--lightbluetext);border-radius: 5px;}
            .menu-main-navigation-container{ padding:10px 20px 0;}
			.main_navigation{position:fixed;right: 0;top:50px;display: block;width: 100%;height: 100%;background: var(--lightbluetext);transform:translateY(100%);opacity: 1;}   
			  nav .menu li{display:block;clear:both;text-align:center;border: 0px solid #373737;margin-bottom:2px;}
			       nav .menu li ul.sub-menu li{display:block;clear:both;text-align:center;border:0;margin-bottom:2px;/* background:rgba(255,255,255,0.2); */}
			 nav.main_navigation.mobilmenushow{opacity: 1 !important;!i;!;transform:translateY(0);top: 88px;}
				.nav-up nav.main_navigation.mobilmenushow, .nav-down nav.main_navigation.mobilmenushow{top: 88px;height: calc(100% - 88px);}
				   .nav-up nav.main_navigation, .nav-down nav.main_navigation{top: 90px;height: calc(100% - 90px);}
			 ul.menu {/* transform: rotate(180deg); */display: block;position: relative;margin: 20px 0 0 0;padding: 0;}
				  ul.menu > li {/* transform: rotate(-180deg); */float: none;}
					 ul.menu > li.menu-item-has-children{/* pointer-events: none; */}

	    nav .menu .sub-menu { display: block; position: relative; background: rgba(255,255,255,0.5); left: -0; }
	        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{margin-bottom:20px;left: 0;transform: unset;padding: 0;}
            nav .menu li.menu-item-has-children:after{ top:15px;  }
        
		.togglebutton{content:">";position:absolute;right:0;top: 22px;width:20px;height:20px;background:red;display:block;}
        .slider_title { left: 20px; }
		.footer_grid{ grid-template-columns:1fr; }
			.footer_logo{ text-align:center; }
			.footerlogo{ max-width:270px; margin:0 auto; }
			.section_enquiries{ text-align:center; max-width:346px; margin:0 auto 70px; }
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
       
		h1{ font-size:1.82rem; }
		h2{ font-size:1.45rem; }
		h3{ font-size: 1.27rem; }
		h4{ font-size:1.09rem; }
		h5{ font-size:0.9rem; }
		p{ font-size:16px; line-height:1.8em}
		div{ line-height:1.36em;}
		

	}

	@media only screen and (max-width:600px){
		.logo_wrapper{left:34px;top: 29px;width: 240px;height: 41px;}
		.content_block{padding: 0px 24px 70px;}
		
		.flex-direction-nav{ display:none !important; }
		.lright, .logo_right{width: 184px;height: 41px;}
			.logo_right{ top:0; left:60px;}
				.page-loaded .logo_right{ left:60px;}
		.logo_left, .lleft{ width:41px; height:41px; }
	}

	@media only screen and (max-width:440px){
	  .enews_subscription input[type="email"], .enews_subscription input[type="submit"]{ width:100%; margin-bottom:14px; text-align:center; }
		.logo_wrapper{left:20px;}
		.nav-up, .nav-down{top: -30px;}
		.site-header{height: 88px;}
			.nav-up .logo_wrapper, .nav-down .logo_wrapper{top: 38px;}
			.nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 50px;}
		#page{ padding-top:88px;}
		.nav-up nav.main_navigation.mobilmenushow, .nav-down nav.main_navigation.mobilmenushow{top: 58px;height: calc(100% - 58px);}
	}

	@media only screen and (max-width:370px){
		h1{ font-size:1.75rem; }
		h2{ font-size:1.4rem; }
		h3{ font-size: 1.25rem; }
		h4{ font-size:1.09rem; }
		h5{ font-size:0.9rem; }
	}