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

*/

@import url("https://use.typekit.net/nnd2yif.css");
/** Generated by FG **/

:root{
	--bg: #02474B;
	--orange: #FF6200; 
	--white: #FFF;
}


.example {
	font-family: "carbona-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'MONO' 0, 'slnt' 0;
  }


/* =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;	
	font-family: "carbona-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'MONO' 0, 'slnt' 0;
	font-size: 19px;	line-height: 1.47rem;

}
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{ font-size:inherit;}

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;}

body{overflow-x:hidden;}
html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%;background:var(--bg);}

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	color: #FFF;
	font-size:24px;
	font-weight: 400;
	font-size: 5.05rem;
	line-height: 1.11em;
}
h2{ font-size:2.89rem;line-height:1em;}

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: 130px;
	top: 89px;
	height: 130px;
	width: 366px;
	background: url(img/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	}	

	
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
a.button{ display:inline-block; padding:10px 15px; background:#000000;  color:#fff; cursor:pointer; }
	a.button:hover{ color:#fff;  background:#4e4e4e;  }
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}


		#sent{text-align:center;color: #FFF;z-index: 999;position: relative;padding: 200px 0;}
		.sending{width:80px;height:80px;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);padding: 200px 0;}
		.sending:after{
    content:"";
    position:absolute;
    /* top:100px; */
    width: 80px;
    height: 80px;
    /* margin: 50px auto; */
    margin-top: 230px;
    left:0%;
    border: 3px dotted #ffffff;
    display: inline-block;
    border-radius:50%;
    -webkit-transition: all 1.5s ease-in;
    -webkit-animation-name:             rotate;
    -webkit-animation-duration:         1.0s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    transition: all 2.5s ease-in;
    animation-name:             rotate;
    animation-duration: 6s;
    animation-iteration-count:  infinite;
    animation-timing-function: linear;
    }
    #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) ;
				transform-origin: center;
			}
			to {
				transform: rotate(360deg) ;
				/* transform-origin:right; */
			}
		}


		 @-webkit-keyframes rotate {
			from {
				-webkit-transform: rotate(0deg) ;
				transform-origin:center;
			}
			to { 
				-webkit-transform: rotate(360deg) ;
				transform-origin:center;
			}
		}
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; }

.ninesixty{ width:100%; max-width:1300px; 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;
}
.grecaptcha-badge {
    left: -72px !important; /* Adjust distance from the left */
    right: auto !important;
	width:70px !important;
	opacity:.3 !important; 
}
.scrolltop{position:fixed; opacity:0; bottom:20px;right: 0px;z-index:999;background:url('img/top.svg');background-size:contain;width: 100px;height: 100px;cursor: pointer;background-repeat: no-repeat;}
.scrolltop.showbutton{opacity:1;}
/*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%;width: 1660px;position:relative;margin:0 auto;box-sizing:border-box;}


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

.bnc{ background:var(--orange); padding:15px 0; text-align:right; }
	.bnc a{ color:#FFF; font-size:15px; }


.orangeblur{position:absolute;z-index:0;width: 110%;height:200%;left: -30%;top: -101%;background: radial-gradient(ellipse at center,  #ff4e00 0%,#f86c05 21%,#cc6512 43%,#02474b 77%);border-radius:50%; );filter: blur(47px);}
	.heptagon1{position:absolute;width:33.33%;aspect-ratio:0.866 / 1;/* background:url(img/heptagon.svg); */right: -7px;top: -23%;/* background-position:center; *//* background-size:contain; */z-index: 0;/* overflow: hidden; */}
	#heptagon2{position:absolute;right: 53%;top: 81%;z-index: 0;transform: scaleX(-1);}

.contactform{position:absolute;z-index:99;right:0;bottom: 10px;width:875px;right: -875px;}
	.contactform.show{ right:0; }
		.contactform.show .contacttext{ content:"asd"}
	.cform_wrapper{width:calc(100% - 100px);max-width:845px;position:relative;padding: 70px;display: block;}
		.cform_wrapper:before{width:100%;height:100%;background: #ffffff40;content:"";display:block;position: absolute;top: 0;left: 0;z-index: 0;backdrop-filter: blur(9px);}
	.contactbutton{background:url(img/contactbutton.svg);width:399px;height:100px;text-align:center;line-height:100px;color:#FFF;transform: rotate(-90deg);position: absolute;left: -250px;top: calc(50% - 50px);cursor: pointer;}
		.contactarrow{width:20px;height:20px;background:url(img/arrow.svg);display: block;position: relative;margin: 0 auto;top: 24px;transform: rotate(-45deg);}
		.show .contactarrow{transform: rotate(135deg);}
/*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;}.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%; }

/*solutions*/
	.solutions_wrapper{ display:grid; grid-template-columns:1fr 1fr; grid-gap:100px; padding:67px 0;}
		.solutions_image{background-size:cover !important;min-height:746px;background-position:center !important;position:relative;}
		.solutions_image:before{content:"";display:block;width: 320px;height: 210px;background: var(--bg);clip-path: polygon(0% 0, 100% 0%, 100% 0%, 0 100%);z-index:999;top: -1px;left:0;position: absolute;}
	.solutions_content{padding: 80px 0;max-width: calc(100% - 130px); 0; color:#FFF; }
	.solutions_content h2{font-size:2.89rem; line-height:1.2em; margin-bottom:50px; max-width:516px}
	.solutions_boxes{ display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; }
		.solutions_box{ border:1px solid #FFF; padding:37px 31px; }
		.solutions_box h3{font-size:1.47rem;max-width: 85%;line-height: 1.42em;margin-bottom: 22px;}
/*.our_expertise*/
.our_expertise{margin-top:50px;color:#FFF;position:relative;margin-bottom: 100px;}
.oe_titlebar h2{font-size:2.89rem;line-height:1em;margin-bottom: 78px;}
.oe_grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:57px}
.oe_item{background:var(--orange);padding:37px 31px;position:relative;opacity:1;top:0px;border: 2px solid var(--orange);}
	.oe_item:hover{background:var(--bg);transition-delay: 0s !important;}
	.oe_item h3{font-size:1.47rem;max-width: 85%;line-height: 1.42em;margin-bottom: 22px;}
	.oe_item:nth-of-type(1){transition-delay: .2s;}
	.oe_item:nth-of-type(2){ transition-delay:.3s }
	.oe_item:nth-of-type(3){ transition-delay:.4s }
	.oe_item:nth-of-type(4){ transition-delay:.5s }
.grid_elements_disorder .oe_item{ opacity:0; top:30px;}

/*projects*/
.projects_button{ color:#FFF; margin:0 auto; width:400px; text-align:center; position:relative; height:100px;}
	.pbtitle{display:inline-block;padding-top: 24px;font-size:15px;font-weight:bold;}
	.projects_button:before{content:"";width:100%;height:100px;background:url(img/hexabutton.svg);background-size:contain;position:absolute;left:0;top: 2px;background-repeat:no-repeat;}
	.projectslide{width:100%;height:100%;background-position:center !important;background-size:cover !important;}
		.projectslide_text{ color:#FFF; top:unset; bottom:70px; position:absolute; width:100%; }
			.projectslide_text h3{  font-size:1.47rem; text-align:center; }
	.projectslide:before{ content:""; display:block; width:100%; height:100%; position:absolute; z-index:999; bottom:0; left:0; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.58) 100%);
		 }
	.projectslide_text{ z-index:1000; } 
	/*flexslider_wrapper*/
	.flexslider_wrapper{ height:722px; }
.flexslider_wrapper{height: calc(100dvh - 84px);}


/*CTA*/
.cta_banner{ background:var(--orange); padding:80px 0; }
	.cta_content_wrapper{display:grid;grid-template-columns: 270px 675px 1fr;color:#FFF;grid-gap: 50px;position: relative;}
	.cta_arrow{ position:relative }
		.cta_arrow:before{content:"";display: block;width: 100%;height: 100%;background:url('img/arrow.svg');background-size: contain;/* transform: rotate(45deg); */background-repeat: no-repeat; background-position:top left;}
	.cta_content h2{ font-size:2.89rem; line-height:1.2em; margin-bottom:10px;}
	.ctabutton{ position:relative; text-align:center; }
	a.callbutton{background:#FFF;display: inline-block;color: var(--orange);position: relative;top: 50%;padding:12px 60px 8px;border-radius:50px;line-height:30px;white-space: nowrap;}

/*TITLE BLOCK*/
.title_block{padding-top: 370px;max-width: 590px;padding-bottom: 208px;}

/*team intro*/
.team_grid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:124px; }
	.teamphoto{-webkit-mask: url('img/heptagon.svg');-webkit-mask-repeat:no-repeat;-webkit-mask-size: contain;width:100%;aspect-ratio:0.866 / 1;background: url(https://altitudebuilding.nz/wp-content/uploads/2024/10/dave-claire-1920x1280.jpg);background-position: center center;background-size: cover;}
	.teamphoto img{ object-fit:cover; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); display:block; }
	.teamintro{color:#FFF;padding-top: 260px;font-size:1.21rem;line-height:1.56em;}
		.teamintro h2{ font-size:1.52rem; margin-bottom:45px; }
		.teamintro *{font-size:inherit;line-height:inherit;}
				.teamintro p{ display:block; width:100%; }
		.teamintro a{color:#FFF;background:var(--orange);line-height:30px;padding: 12px 60px 8px;border-radius:50px;font-size:.8rem;font-weight:bold;margin-top: 30px;display: inline-block;border: 2px solid var(--orange);}
			.teamintro a:hover{ background:transparent; }
	.getintouch{position:absolute;right:0;top:0;color: #FFF;background: transparent;line-height: 30px;padding: 12px 60px 8px;border-radius: 50px;font-size: .8rem;font-weight: bold;display: inline-block;border: 2px solid var(--orange);cursor: pointer;}
		.getintouch:hover{ background:var(--orange)}
/*CONTACT*/
	#sending, #sent{display: none;}
    #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;}
		.contactgrid{display:grid;grid-gap: 20px;}
		.grid2{ grid-template-columns:1fr 1fr; }
    .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background:transparent;border:0;border: 1px solid #FFF;height: 49px;position:relative;color: #FFF;}
    .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: relative;font-size:10px;top:0;left:0px;line-height: 16px; }
    .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; }
    .animatelabel label{font-size: 13px;line-height:30px;top: -7px;color: #FFF;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -23px;color:#afafaf !important;font-size: 13px;}
	#cform1 .button{background:var(--orange);border:0;border-radius:50px;color:#FFF;text-transform:uppercase;padding: 20px 60px 15px;margin-top:20px;display: inline-block;z-index: 9999;position: relative;}
/*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: 130px;top: 104px;}
    nav a, nav a:hover, nav a:link, nav a:visited{color:#FFF;text-transform: uppercase;font-size: 0.85rem;}
        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; }
        nav .menu li {display:inline-block;float: right;padding: 0px 41px;}
        nav .menu .sub-menu li{display:block;float: unset;padding: 0px 40px;white-space: nowrap;background: #000;}
        nav .menu .sub-menu li a{ font-family:'Roboto'; 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{ background:#272b37; }   
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{ color:#f1f1f1;  }
    nav .menu li{ position:relative; }
			.menuphone a{ font-weight:bold;}
			.menuphone:before{ content:""; display:block; position:absolute; background:var(--orange); height:52px; top:0; width:100%; z-index:-1; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:50px;}
			.menuphone:hover:before{ background:transparent; }
	    nav .menuhighlight{content:"";display:block;position:absolute;width:100%;height:52px;background:transparent;border:2px solid var(--orange);top:-50%;transform: translate(-2px, 50%);border-radius:50px;opacity: 0;}
	    .nav-down nav .menuhighlight, .nav-up nav .menuhighlight{/* height:30px; */top: -24px;}
		.main_navigation:hover .menuhighlight, .main_navigation_active .menuhighlight{ opacity:1; }
    nav .menu .sub-menu{display:block;position:absolute;background: var(--dark);text-align: left;left: -10px;/* transform: translateX(-50%); */margin-left: 0;padding: 0;height: 0 !important;overflow: hidden;opacity: 0;}
        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 0px 0;opacity: 1;background:#000;}
           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{display:block;padding:87px 0 45px 0;position:relative;}
        .site-footer, .site-footer *{ color:#FFF !important; }
       
         .email_block, .footer_block{ display:grid; grid-template-columns:repeat(2,1fr); }
            .footer_left h2{ max-width:700px; margin-bottom:20px; }
            .fleft{ max-width:700px; margin-bottom:50px;}
            .email_block{ padding-bottom:30px; border-bottom:1px solid #FFF; margin-bottom:50px; }
			.fcontent strong{ padding-right:30px; display:inline-block; }
			.emailsep{ position:relative; border-right:2px solid #FFF; padding-left:30px; margin-right:30px;}

        .footer_logo{height: 98px;width: 301px;background: url(img/logo.svg);background-size: contain;background-repeat: no-repeat;margin-bottom: 64px;}
            .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;  }

	.footer_right{ position:relative; }
		.masterbuilders{ width:151px; height:151px; background:url(img/masterbuilders.svg); position:absolute; right:0; bottom:0;}
        
/*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: -52px;background: var(--bg);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
	.nav-up .logo, .nav-down .logo{top: 65px;height: 50px;}
		.nav-up .main_navigation, .nav-down .main_navigation{top: 54px;height: 50px;}
	.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:inline-block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;}
		.flex-control-nav li {margin: 0 2px 8px 2px !important;display: inline;clear:both;zoom: 1;float: none;margin-bottom: 5px;}
		.flex-control-nav {width: 1300px;position: relative;bottom: 60px;text-align: center;margin: 0 auto;z-index: 105;}
			.flex-control-paging li a.flex-active {background: var(--orange);}
   
     
/*HOME*/



/*POSTS*/
	


/*RESPONSIVE*/
	
	@media only screen and (max-width:1850px){
		.content_block{ width:calc(100% - 100px); }
		.logo{ left:50px;}
		.main_navigation{ right:50px;}
		.solutions_content{max-width: unset;box-sizing: border-box;padding-right: 50px;}
	}
	@media only screen and (max-width:1630px){
		#heptagon2{ opacity:.4;}
	}


	@media only screen and (max-width:1485px){
		.solutions_boxes{ grid-template-columns:1fr}
		.solutions_wrapper{ grid-gap:50px;}
	}

	
	@media only screen and (max-width:1385px){
		.team_grid{display: flex;grid-template-columns:1fr 1fr;grid-gap:50px;justify-content: space-evenly;}
		.teamphoto{-webkit-mask: url('img/heptagon.svg');-webkit-mask-repeat:no-repeat;-webkit-mask-size: contain;width:100%;min-width: 650px;aspect-ratio:0.866 / 1;background: url(https://altitudebuilding.nz/wp-content/uploads/2024/10/dave-claire-1920x1280.jpg);background-position: center center;background-size: cover;}
		.teamphoto img{ object-fit:cover; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); display:block; }
		.teamintro{color:#FFF;padding-top: 260px;font-size:1.21rem;line-height:1.56em;}
		.oe_grid{ grid-gap:40px;}
	}
	@media only screen and (max-width:1280px){
		html, body{ font-size:16px; }
	}

	@media only screen and (max-width:1170px){
		.team_grid{display: block;}
		.teamphoto{width: 650px; margin:0 auto;}
		.teamphoto img{ object-fit:cover; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); display:block; }
		.teamintro{color:#FFF;padding-top: 50px;font-size:1.21rem;line-height:1.56em;}
			.teamintro a{    margin: 30px 0 0 auto;    position: relative;    display: block;    width: 97px;    text-align: center;}
	}


	@media only screen and (max-width:960px){
		body, html{max-width:100%;position:relative;/* overflow-x: hidden; */}
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
        
        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: 3em;font-size: 1.5rem;display: block;}
		.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; }
            .menu-main-navigation-container{ padding:10px 20px 0;}
			.main_navigation{position:fixed;right: 0;top:50px;display: block;width: 100%;height: 100%;background: var(--bg);transform:translateY(100%);padding-top: 0;}   
				.menuhighlight{ display:none !important; }
			  nav .menu li{display:block;clear:both;text-align:center;border: 0;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{opactiy:.97;transform:translateY(0);top: 100px;padding-top: 100px;}
				   .nav-up nav.main_navigation, .nav-down nav.main_navigation{ top:100px; height:calc(100% - 100px); }
			 ul.menu {transform: rotate(180deg);display: block;position: relative;margin: 20px 0 0 0;padding: 0;}
				  ul.menu > li {transform: rotate(-180deg);float: 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;}
            nav .menu li.menu-item-has-children:after{ top:15px;}
        

        .slider_title { left: 20px; }
		.oe_grid{ grid-template-columns:1fr 1fr;}
		.team_grid, .our_expertise{grid-template-columns:1fr;padding: 0 50px;}
			.teamintro{padding-top: 20px;}
		.contactform{width: calc(100% - 75px);right: calc(-100% + 75px);position: fixed;bottom: unset;}

		.cta_content_wrapper{grid-gap:20px;grid-template-columns: 0 1fr; padding-bottom:100px; text-align:center; }
			.ctabutton{ position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
		#heptagon2{ display:none; }
		.title_block{padding-left:20px;padding-bottom: 100px;padding-top: 170px;max-width: 300px;text-align: right;margin: 0 50px 0 auto;}
		.logo{ width:240px; height:100px; }

		.orangeblur{position:absolute;z-index:0;width: 100%;height: 70%;left: 0;top: 0;background: linear-gradient(151deg, rgb(255 98 0), rgb(2 71 75) 62%);filter: blur(0px);border-radius: 0;}
		.solutions_wrapper{ grid-template-columns:1fr; grid-gap: 40px; }
			.solutions_content{ padding:0 20px;}
			.solutions_boxes{ grid-template-columns:1fr; }
		.heptagon1{transform: scale(.8);width: 460px;}
		h1{ font-size:4rem; }
		.contactbutton{background:url(img/contactbutton.svg);background-size:contain; background-repeat:no-repeat;width:300px;height:75px;text-align:center;line-height:75px;color:#FFF;transform: rotate(-90deg);position: absolute;left: -187px;}
		.contactarrow{width:20px;height:20px;background:url(img/arrow.svg);display: block;position: relative;margin: 0 auto;top: 13px;left: 0px;transform: rotate(-45deg);}
		.contacttext{ position:relative; bottom:5px; font-size:.9rem}
		.footer_block{ padding:0 20px; }
		.bnc{ padding:15px 20px;}
		.getintouch{ right:50px;}
		.solutions_image{ min-height:500px; }
			.solutions_image:before{ display:none;}
		.cform_wrapper{ padding:50px;}
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
        html, body{/* font-size:12px; */}
		.oe_grid{ grid-template-columns:1fr;}
		.teamphoto{ min-width:unset; width:100%; aspect-ratio:0.86 /1}
		    .contactform {width: 100%;right: unset;left:0;position: fixed;bottom: unset;bottom: -577px;height:577px;z-index:999999}
			.contactbutton{background:url(img/contactbutton.svg);background-size:contain; background-repeat:no-repeat;width:300px;height:75px;text-align:center;line-height:75px;color:#FFF;transform: rotate(0deg) translateX(-50%);position: absolute;left:50%; top:-74px;}
			.contactform.show{ right:unset; bottom:0; }
			h2{ font-size:2.5rem !important; line-height:1.1em !important;}
		h3{ font-size:2rem !important; line-height:1.1em !important;}
		.team_grid, .our_expertise {padding: 0 20px;}
		.getintouch{ right:20px;}
		.flexslider_wrapper{ height:500px;}
		.cta_content h2{ margin-bottom:30px;}
		.cta_content_wrapper{ grid-gap:0; padding:0 30px 70px 30px;}
		.grid2{ grid-template-columns:1fr;}
		.cform_wrapper{padding:20px;width: 100%;box-sizing: border-box;}
		.cform_wrapper:before{background: var(--bg);}
			#cform1 .button{margin:30px auto;display:inline-block;left: 50%;transform: translateX(-50%);}
		.contactarrow{width: 13px;height: 13px;top: 18px;}
		h1{ font-size:3rem;}
	}

	@media only screen and (max-width:500px){
		.getintouch{ display:none; }
		.oe_titlebar h2{ margin-bottom:20px;}
		.footer_block{grid-template-columns:1fr;padding-bottom: 170px;}
		.footer_logo{ display:none; }
		.masterbuilders{bottom: -120px;width: 100px;height: 100px;background-size: contain;right: unset;left: 50%;transform: translateX(-50%);}
		.heptagon1{width:100%;right: 0;overflow: hidden;top: 0;transform: scale(1);}
			#heptagon1{width: 100%;height: 100%;top: 0px;position: relative;}
		.scrolltop{ display:none;}
		.title_block{text-align:center;margin: 0 auto;padding-bottom: 70px;padding-left: 0;}
		.logo{width: 200px;top: 24px;}
		.bnc{ display: none;}
		.fcontent{ text-align:center; }
		.fcontent strong{display:block;text-align:center;margin-top:10px;padding-bottom:5px;padding-right: 0;}
		.fcontent a{ display:block; line-height:30px}
		.emailsep{ display:none; }
		.footer_left{ text-align:center; }
	}

	@media only screen and (max-width:400px){
	  .projects_button{width:100%;/* height: auto; */}
		.projects_button:before{top:unset;bottom:0;background-position: bottom;}
	}