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

*/




:root{
	--navy: #21282F;
	--light: #F5F5F5;
	--lightgray: #F0EFEF;
	--black: #000;
	--dark: #21282F;
	--brightgreen: #00F980;
	--cicblue: #00A9FD;
	--gradient: linear-gradient(to bottom right, #00F980 0%, #00A9FD 46%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #00F980 0%, #00A9FD 46%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #00F980 0%, #00A9FD 46%) top left / 50% 50% no-repeat, linear-gradient(to top right, #00F980 0%, #00A9FD 46%) top right / 50% 50% no-repeat;
}
.whitebg { background:white; }
/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:focus {
    outline: 0px solid #343333;
}
html, body {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
	color: var(--Black, #000);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;	
}
h1,h2,h3,h4,h5,h6{ font-weight: 400; font-family: "Manrope", sans-serif; font-optical-sizing: auto;}
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: 25px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	line-height:1.2em;
	margin: 0;
	padding: 0;
}
h1{ font-size:4.375rem; }
h2{ font-size:3.4375rem; }
h3{ font-size:3rem; }
h4{ font-size:1.875rem;}
h5{ font-size:1.75rem; }
h6{ font-size:1.5rem; }
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{
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
	position:absolute;
	left: 160px;
	top: 68px;
	height: 75PX;
	width: 275px;
	background: url(img/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	}	

	.sending:not(.wpcf7-form), .sent:not(.wpcf7-form){display:none;}
.wpcf7-form.sent > *:not(.wpcf7-response-output){ display:none; }
.wpcf7-form .wpcf7-response-output{ margin:20px 0 0; padding:16px 20px; border:0; border-left:4px solid var(--cicblue); border-radius:6px; background:var(--light); color:var(--navy); }
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output{ border-left-color:#C92715; }
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
a.button, .button{display:inline-block;padding: 14px 35px;background:var(--cicblue);border:1px solid var(--cicblue);color:#000;cursor:pointer;border-radius:50px;text-transform: uppercase;font-size: 1.1rem;position: relative;}
	a.button.transparentbluebutton, .button.transparentbluebutton{background:transparent;color: var(--cicblue);}
	.button.transparentbutton{ background:transparent; border:1px solid var(--navy)}
	.button.arrowbutton{padding-right: 59px;}
	.arrowbutton:after{content:"";display:block;width: 16px;height: 16px;position:absolute;background:#000;-webkit-mask-image:url(img/arrow.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;right: 27px;top: 20px;}
	.button.greenbutton{background:var(--brightgreen);border: 1px solid var(--brightgreen);position:relative;left:auto;right:0;}
	.transparentbluebutton.arrowbutton:after{  background:var(--cicblue);}
		.arrowbutton:hover:after{ transform:rotate(45deg); background:#FFF; }
	a.button:hover{
    background: var(--cicblue);
    color: #FFF;
    box-shadow: 7px 6px 15px 3px rgba(0,0,0,0.3);
    border: 1px solid var(--cicblue);
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
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; }

	.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 *, *:after, a{ 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(--light);
}
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: 1526px;position:relative;margin:0 auto;box-sizing:border-box;}


div, input, span, svg, a.button, nav, .mobilemenu_button:before, .mobilemenu_button:after, label{ 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 *{ 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;}
    

/*FLEXSLIDER*/
.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:180px solid #000;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}.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;top:50%;cursor:pointer;text-indent:-9999px;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:0;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{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.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%; }

/*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*/
	.wpcf7 form.sent .wpcf7-response-output {	border-color: #00a0d2; /* Green */	padding: 30px;	text-align: center;	border: 1px solid var(--cicblue);}
    #sending img{ display:none;}
	#sending center{    width: 50px;height: 50px;	margin: 0px auto 0;	border:solid 10px #abb6bc;
	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:transparent; border:0; border-bottom:1px solid; height:20px; position:relative; }
    .fieldgroup textarea{height: 115px;}
    .fieldgroup input[type="submit"]{background:#FFF;color: #000 !important;text-align:center;text-transform:uppercase;height:36px;line-height:36px;cursor: pointer;}
    .fieldgroup input[type="submit"]:hover{ background:#585757; color:#fff !important;  border-bottom:1px solid #585757; }
    .g-recaptcha{ margin:20px 0; }

    .animatelabel{ position:relative; }
    .fieldgroup label{display:block;position:absolute;top:0;left: 20px;z-index: -1;}
    .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; }
    .animatelabel label{top: 13px;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -23px;color: #ffffff !important;font-size: 13px;}
	.enews_message{ margin-top:12px; font-size:.9rem; line-height:1.4; }
	.enews_message.enews_ok, .enews_message.enews_exists{color: #FFF;text-align: center;max-width: 500px;padding: 15px;text-align: center;margin: 20px auto;border: 1px solid;border-radius: 50px;background: #ffffff5c;}
	.enews_message.enews_invalid, .enews_message.enews_spam, .enews_message.enews_error{ color:#C92715; }
	#cform1.is-sending input[type="submit"]{ opacity:.5; cursor:wait; }
/*MENU*/
    .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: transparent;height: 124px;box-shadow: 0 0 0 0;}
    .main_navigation{position:absolute;right: 160px;top: 59px;border-radius: 66px;border: 1px solid rgba(255, 255, 255, 0.29);background: rgba(255, 255, 255, 0.06);backdrop-filter: blur(6.599999904632568px);padding: 13px 0;}
    nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 400;color:#FFF;font-size: 0.88rem;}
       nav ul{list-style:none;margin-left: 0;padding: 0 20px;}
        nav .menu li {display:inline-block;padding: 0 30px;/* overflow: hidden; */}
		nav .menu li:hover{/* overflow:visible; */}
        nav .menu .sub-menu li{display:block;float: unset;padding: 12px 40px;white-space: nowrap;border-radius: 23px;background: rgba(0, 169, 253, 0.0);text-align: center;}
        nav .menu .sub-menu li a{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{ background: rgba(0, 169, 253, 0.60); }
    nav .menu li{ position:relative; }
	    nav .menu li.current-page-parent a{font-weight: 800;}
		nav .menu li.current-page-parent .sub-menu a{font-weight: 400;}
		nav .menu li.current-page-parent .sub-menu li.current-menu-item a{font-weight: 800;}
    nav .menu .sub-menu{display:block;position:absolute;text-align: left;left: 50%;transform: translateX(-50%);margin-left: 0;padding: 0;height: 0 !important;opacity: 0;margin-top: 7px;z-index: -1;max-height: 0;overflow: hidden;}
		nav .menu .sub-menu:before{content:"";width: 0;height: 0;background: transparent;display:block;position:absolute;top: -13px;left:50%;border-top-left-radius: 7px;border-style: solid;border-width: 0px 11px 13px 11px;border-color: transparent transparent rgba(3, 156, 233, 0.34) transparent;transform: rotate(0deg) translateX(-50%);}
        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 0px 0;opacity: 1;background: rgba(3, 156, 233, 0.34);backdrop-filter: blur(6.599999904632568px) !important;padding: 21px;border-radius: 23px;/* -webkit-transition: unset; */z-index: 11;max-height: 1000px;overflow: visible;}
           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;}

     .submenu-toggle {						    position: absolute;						    top: 0;						    right: 0;						    width: var(--nav-toggle-size);						    height: 100%;						    min-height: 48px;						    background: transparent;						    border: 0;						    border-left: 1px solid var(--nav-border);						    display: flex;						    align-items: center;						    justify-content: center;						    padding: 0;						    cursor: pointer;						  }
						 
						  .submenu-toggle:focus-visible {						    outline: 0px solid var(--nav-accent);						    outline-offset: -2px;						  }
						 
						  .submenu-toggle .chevron {						    width: 10px;						    height: 10px;						    border-right: 2px solid var(--nav-text);						    border-bottom: 2px solid var(--nav-text);						    transform: rotate(45deg);						    transition: transform 0.25s ease, border-color 0.2s ease;						    margin-top: -3px;						  }
						  .menu-item-has-children.submenu-open > .submenu-toggle .chevron {						    transform: rotate(-135deg);						    margin-top: 3px;						    border-color: var(--nav-accent);						  }
						  /* collapsed state scoped to the desktop dropdown only (was global .sub-menu and hid the footer submenus) */
						  .main_navigation .sub-menu {						    max-height: 0;						    overflow: hidden;						    background: var(--nav-submenu-bg);						    transition: max-height 0.3s ease;						  }
						  .sub-menu a {padding-top: 0px;padding-bottom: 0px;padding-left:0px;font-size: 14.5px;font-weight: 400;text-transform: none;letter-spacing: normal;color: var(--nav-text-muted);}
						 
						  .sub-menu .sub-menu a {						    padding-left: 52px;						  }
						 
						  
						 
						  .screen-reader-text {						    position: absolute !important;						    width: 1px;						    height: 1px;						    padding: 0;						    margin: -1px;						    overflow: hidden;						    clip: rect(0, 0, 0, 0);						    white-space: nowrap;						    border: 0;						  }

/*FOOTER*/
	.footer_disclaimer{ padding:80px 20px ; text-align:center; }
		.footer_disclaimer, .footer_disclaimer *{ font-size:.8rem; }
	.footer_credit{ opacity:.5}
    .site-footer{background: #21282F;display:block;padding:87px 0 45px 0;position:relative;}
        .site-footer, .site-footer *{ color:#FFF !important; }
        .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: 440px 1fr;}
            .footer_left .h3{ font-size:1.68rem; font-weight:600; }
            
            .email_block{ padding-bottom:30px; border-bottom:1px solid #FFF; margin-bottom:50px; }

        .footer_logo{ height: 108px;	width: 186px;	background: url(img/logo.svg);	background-size: contain;	background-repeat: no-repeat; }
            .footer_nav{ position:relative; }
			.footer_socialmedia{margin-top:20px;position: absolute;width: 25%;bottom: 0;right: 0;}
            .footer_socialmedia a{display:inline-block;width:24px;height:24px;border-radius:50%;position:relative;color: #7E7E7E;margin-right: 10px;}
                .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;}
            #menu-footer-navigation{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr}
			
                .fnav ul{ list-style:none; margin:0; padding:0; }
                .fnav li, .fnav a, .fncline, .fncline *{font-size: 1.375rem;line-height: 3.5rem;}
		        .fnav li.bluetext a, .fnav li:last-of-type .sub-menu li a{ color:var(--cicblue) !important; text-transform:uppercase;}
				.fnav li.bluetext .sub-menu a{ color:white !important; text-transform:none}
				.fnav .sub-menu{ max-height:none; overflow:visible; background:none; }
/*DEFAULT*/
    .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%;}
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; }
	.nav-up, .nav-down {top: -570px;}
	.nav-up .logo, .nav-down .logo{top: -65px;}
	.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;}
			.flex-control-paging li a.flex-active {   background: #ccc; }
   
     
/*HOME*/



/*MOBILE MENU (off-canvas panel, opened by .mobilemenu_button below 1280px)*/
	.mobilmenu{
		--nav-text: #f2f2f2;
		--nav-text-muted: rgba(242, 242, 242, 0.72);
		--nav-border: rgba(255, 255, 255, 0.14);
		--nav-accent: var(--cicblue);
		--nav-submenu-bg: rgba(255, 255, 255, 0.04);
		--nav-toggle-size: 48px;

		position: fixed; top: 0; right: -100%; z-index: 2147483647;
		width: 88%; max-width: 420px;
		height: 100vh; height: 100dvh;
		box-sizing: border-box; padding: 70px 0 40px;
		background: var(--navy);
		overflow-x: hidden; overflow-y: auto;
		overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
		visibility: hidden;
		transition: right .4s ease, visibility 0s linear .4s, box-shadow .4s ease;
	}
	.mobilmenu.mobilmenushow{ right: 0; visibility: visible; box-shadow: -10px 0 40px rgba(0,0,0,.35); transition: right .4s ease, visibility 0s, box-shadow .4s ease; }
	html.mobilmenu-open, html.mobilmenu-open body{ overflow: hidden; }

	/* lists */
	.mobilmenu ul{ list-style: none; margin: 0; padding: 0; width: 100%; float: none; position: static; text-align: left; }
	.mobilmenu li{ list-style: none; position: relative; display: block; float: none; clear: both; width: 100%; margin: 0; padding: 0; box-sizing: border-box; border: 0; border-radius: 0; background: none; }
	.mobilmenu li{ border-bottom: 1px solid var(--nav-border); }
	.mobilmenu li li{ border-bottom: 0; }

	/* links */
	.mobilmenu a, .mobilmenu a:link, .mobilmenu a:visited{
		display: block; box-sizing: border-box; min-height: var(--nav-toggle-size);
		padding: 13px 24px;
		color: var(--nav-text); font-size: 15px; line-height: 22px; font-weight: 400;
		text-transform: uppercase; letter-spacing: .03em; text-decoration: none;
		transition: color .2s ease, background-color .2s ease;
		-webkit-tap-highlight-color: transparent;
	}
	.mobilmenu li.has-submenu > a{ padding-right: calc(var(--nav-toggle-size) + 12px); }
	.mobilmenu a:hover, .mobilmenu a:focus-visible{ color: var(--nav-accent); background-color: rgba(255,255,255,.03); }

	/* submenus (collapsed by default, opened by JS setting max-height) */
	.mobilmenu li > ul{
		max-height: 0; height: auto; overflow: hidden;
		margin: 0; padding: 0; visibility: visible; opacity: 1;
		background: var(--nav-submenu-bg);
		transition: max-height .3s ease;
	}
	.mobilmenu li li > a, .mobilmenu li li > a:link, .mobilmenu li li > a:visited{
		padding-top: 12px; padding-bottom: 12px; padding-left: 40px;
		font-size: 14.5px; text-transform: none; letter-spacing: normal;
		color: var(--nav-text-muted);
	}
	.mobilmenu li li li > a, .mobilmenu li li li > a:link, .mobilmenu li li li > a:visited{ padding-left: 56px; }
	.mobilmenu li li > a:hover, .mobilmenu li li > a:focus-visible{ color: var(--nav-accent); }

	/* current page */
	.mobilmenu li.current-menu-item > a[href],
	.mobilmenu li.current_page_item > a[href],
	.mobilmenu li.current-menu-parent > a[href],
	.mobilmenu li.current-menu-ancestor > a[href]{ color: var(--nav-accent); font-weight: 600; }

	/* submenu toggle button (injected by main.js) */
	.mobilmenu .submenu-toggle{
		position: absolute; top: 0; right: 0;
		width: var(--nav-toggle-size); height: var(--nav-toggle-size); min-height: 0;
		display: flex; align-items: center; justify-content: center;
		margin: 0; padding: 0;
		background: transparent; border: 0; border-left: 1px solid var(--nav-border); border-radius: 0;
		cursor: pointer; -webkit-tap-highlight-color: transparent;
	}
	.mobilmenu .submenu-toggle:focus-visible{ outline: 2px solid var(--nav-accent); outline-offset: -2px; }
	.mobilmenu .submenu-toggle .chevron{
		display: block; width: 10px; height: 10px; margin-top: -4px;
		border-right: 2px solid var(--nav-text); border-bottom: 2px solid var(--nav-text);
		transform: rotate(45deg);
		transition: transform .25s ease, border-color .2s ease, margin-top .25s ease;
	}
	.mobilmenu .submenu-open > .submenu-toggle .chevron{ transform: rotate(-135deg); margin-top: 4px; border-color: var(--nav-accent); }
	.mobilmenuclose{float:right;background: var(--cicblue);color: #ffffff;font-size: 24px;padding: 0px 16px;text-align:left;margin-bottom:5px;cursor:pointer;position: absolute;z-index: 99992;right: 0;top: 0;line-height: 50px;font-weight: 800;border-bottom-left-radius: 15px;}
	.mobilmenuclose span{  display:none}
	


/*RESPONSIVE*/
	@media only screen and (max-width:1860px){
			.site-header{width:100%;max-width:1560px;left: 50%;transform: translateX(-50%);}
		.logo{ left:0; }
		.main_navigation{ right:0;}
	}
	@media only screen and (max-width:1580px){
		.logo{ left:20px; }
		.main_navigation{ right:20px;}
		.content_block{ max-width:calc(100% - 40px)}
	}
	

	@media only screen and (max-width:1320px){
		html, body{ font-size:16px; }
		.email_block, .footer_block {    grid-template-columns: 240px 1fr;  }
	}


	@media only screen and (max-width:1280px){
		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
        .main_navigation{ display:none; }
        html, body{/* font-size:14px; */}
        
        .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: 4px solid #FFF;position:absolute;right:20px;top:30px;height:30px;width:60px;z-index: 999;}
          .mobilemenu_button{ right:20px; top:40px; height:20px; width:40px;}
          .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
          
          .mobilemenu_button:before{ content:""; display:block; height:4px; width:100%; top:50%; left:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center; }
          .mobilemenu_button:after{ content:""; display:block; height:4px; width:70%; bottom:-4px; right:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center;}
            .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-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 75px;}
          .nav-up .mobilemenu_button:before, .nav-up .mobilemenu_button:after, .nav-down .mobilemenu_button:before, .nav-down .mobilemenu_button:after{ background:#FFF; }
           .page-id-2 .stickybuttons {display:none; }
		.mobilemenu_button{ display: block; }

        .slider_title { left: 20px; }

		#menu-footer-navigation {    grid-template-columns: 1fr 1fr; }
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
        html, body{/* font-size:12px; */}
		.email_block, .footer_block{ grid-template-columns:1fr; }
		.footer_right{ display:none;}
		.footer_logo {    height: 58px;    width: 186px;    margin:0 auto;}
		.footer_disclaimer {    padding: 30px 20px;}

		h1 {    font-size: 2.7rem;}
		h2 {    font-size: 2.4rem;}
		h3 {    font-size: 2.1rem;}
		.fap_intro h5, .fap_intro h3 * {    font-size: 1.3rem;}
		.logo{width:220px;  }
	}