/*
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=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


:root{
    --darkblue: #00243C;
    --blue: #0469AE;
    --lightblue: #2DA7FA;
    --lightgray: #EDEDED;
    --darkgray: #939598;    
}



/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:focus {
    
}
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: 'Roboto', 'Arial', sans-serif;
	font-size: 18px;
	line-height: 1.4em;
}

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%;}
.loader{content:"";display:block;opacity: 1;width:100%;height:0;top:50%;transform:translateY(-50%);background: transparent;position: fixed;left: 0;z-index: 9999999999;transition: all 0s;}
		.loader:before, .loader:after{height:0;content:"";display:block;width:100%;position:absolute;display:block;background: #0069aa;top:0;}
			.loader:after{content:"";display:block;width:100%;position:absolute;display:block;background: #0069aa;bottom:0;top: unset;}
		.page_loading .loader:before{height: 51%;}
		.page_loading .loader:after{ height:51%;}
	.page_loading .loader{height: 100dvh;}
		.loader .paw{display: none;width: 200px;height: 200px;position: fixed;z-index: -1;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: contain;background-repeat: no-repeat;opacity:0;}
		.page_loading .loader .paw{ opacity:1; z-index: 99999999991; display:block; }
			.paw svg{ width:200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
img{ max-width:100%;}
h1, .cformtitle, .pdf_title, .gc_title, .related_title{
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1.125em;
}
h2{
	font-size:2.06rem;
	font-weight: bold;
}
h3{
	font-size:1.56rem;
	font-weight: bold;
}
h4{
	font-size:1.56rem;
	font-weight: 400;
}
.introtext{ font-size:1.22rem; }

ol, ul{ margin-left:20px; padding-left:5px; }
	 ol.slides, ul.slides{ margin:0; padding:0; }
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: 0;
	top: 50%;
	height: 63px;
	width: 228px;
	background: url(img/logo-n.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	}	

.button_text{ font-size:0.89rem; }
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
a.button{display:inline-block;padding: 10px 15px 10px 0;background:transparent;color: inherit;cursor:pointer;position: relative;}
	a.button:hover{ color:#eee; }
.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; }
.coverlink{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999}
	a.coverlink:before{display: none !important;}
.content{width:100%;max-width: 1200px;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 *, *:before, *:after{ 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: var(--darkblue); /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: var(--darkblue); /* Gecko Browsers */
   color:#FFF;
}
.mobileonly{ display:none; }
.dark_bg{ background:var(--darkblue); }
	.dark_bg *, .dark_bg a{ color:#FFF; }

.white_txt{ color:#FFF; }

.gradient_bg{ background: rgb(4,105,174);
background: -moz-linear-gradient(left,  rgba(4,105,174,1) 0%, rgba(45,167,250,1) 100%);
background: -webkit-linear-gradient(left,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
background: linear-gradient(to right,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0469ae', endColorstr='#2da7fa',GradientType=1 );
  }

.button{ display:inline-block; }
	.arrowbutton, a.arrowbutton { position:relative; padding-left:45px; line-height:32px; background:transparent; }
	.arrowbutton:before{content:"";display:block;width:32px;height:32px;-webkit-mask-image: url('img/arrowbutton.svg');mask-image: url('img/arrowbutton.svg');-webkit-mask-size: contain;mask-size: contain;position:absolute;left:0;background: #FFF;}
	.arrowbutton:hover, a.arrowbutton:hover{ background:transparent; }
	.arrowbutton:hover:before, a.arrowbutton:hover:before{ left:5px; }

	.underlinebutton{ position:relative; }
		.underlinebutton:after{content:"";display:block;width: calc(100% + 20px);background: var(--blue);height:2px;position:relative;box-sizing: border-box;margin-top: 6px;}

.blue-tail{ position:relative;display: inline-block;padding-right: 30px;}
	.blue-tail:after{ content:""; width:20px; height:2px; background:#42EFE8;display: block;position: absolute;right: 0;top: 50%;margin-top: -1px;}

/*WAYPOINT DISAPPEAR*/
    .disappear{ transform:scale(0.97); opacity:0; }
    .disappear_cta{ transform:scale(0.87); opacity:0;  }
        .disappear_cta .content{ 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: 1415px;position:relative;margin:0 auto;box-sizing:border-box; }


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

.svg_bg{ background:url(img/logobg.svg); background-size:cover; }
.grid_elements_disorder .grid_item{ top:70px; opacity:0; }
		.grid_item:nth-of-type(1){transition-delay: .3s}
		.grid_item:nth-of-type(2){ transition-delay:.4s }
		.grid_item:nth-of-type(2){ transition-delay:.5s }
		.grid_item:nth-of-type(3){ transition-delay:.6s }
		.grid_item:nth-of-type(4){ transition-delay:.7s }
		.grid_item:nth-of-type(5){ transition-delay:.8s }
		.grid_item:nth-of-type(6){ transition-delay:.9s }



/*GRID CAROUSEL*/
	.grid_carousel_wrapper{ padding:100px 0}
	.gc_title{ margin-bottom:40px }
	.grid_carousel_wrapper .slide .slide_content{/* padding: 0 0px 0 20px; */}
	
	.flex-control-nav{ display:none; }
	.gc_image{width: 95%;aspect-ratio: 1/1.2;}
		.gc_image img{object-fit:cover;width:100%;height:100%;display: block;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.gcs_title, .gcs_intro{ text-align:center; padding-top:20px;}
		.gcs_title{ font-size:1.7rem;font-weight:bold; }

	.grid_carousel_wrapper .flex-direction-nav{width: 140px;position: absolute;top: 20px;right: 0;height: 32px;list-style: none;}
	.flex-nav-prev{width: 35px;height: 36px;position:absolute;right: 60px;top:0;display:block;}
		.flex-prev{ display:block; width:100%; height:100%; position:relative; }
.flex-direction-nav .flex-prev{left:0;opacity: 1;}
	.grid_carousel_wrapper .flex-direction-nav li a {    width: 35px;    height: 35px;    margin: 0;    display: block;    background-color: #FFF;    position: absolute;    top: 0;    right: 0;    cursor: pointer;    color: unset;    opacity: 1;    color: transparent;    -webkit-mask: url(img/icon-button.svg);    mask: url(img/icon-button.svg);    -webkit-mask-size: contain;    mask-size: contain;}
	.grid_carousel_wrapper .flex-direction-nav .flex-disabled {    opacity: 0.5 !important;    cursor: default;}
	.flex-nav-prev a{ transform:rotate(-180deg)}
	
	.flex-disabled{ opacity:.5 !important; }
		/*    -webkit-mask: url(img/icon-button.svg);
    mask: url(img/icon-button.svg);
    -webkit-mask-size: contain;
    mask-size: contain;*/


/*IMAGE & TEXT BLOCK*/
.image_contain{padding: 80px 0;}
.itb_wrapper{display: grid;grid-template-columns: 1fr 1fr;grid-gap:158px;overflow:hidden;}
.imageright .itb_image{grid-area: image;}
	.content_block .itb_image img{display:block;top:50%;position:relative;transform: rotate(0deg) scale(1) translateY(-50%);}
.imageright .itb_content{grid-area: content;margin: 95px 60px 95px auto;}
	.imageright.fullwidth .itbc{ max-width:602px; margin:0 0 0 auto;  }
.itb_content{ max-width:475px}
	.itb_content *{ line-height:1.75em;}
.itb_content h1{font-weight: 900;margin-bottom:27px;line-height: 1.2em;}
.itb_content h1 *{font-size:inherit;line-height: inherit;}
.itbc{ position:relative; top:50%; transform:translateY(-50%)}

.imageright .itb_wrapper{ grid-template-areas:"content image" }
.itb_wrapper .button{margin-top: 50px;display:inline-block;clear:both;}

.imageleft .itb_content{ max-width:602px; margin: 95px 0; }
.itb_content h4{ margin-bottom:20px;}
.itb_image{background-size:cover !important;background-position:50% !important;min-height: 700px;}

.fullwidth .itb_image img{ object-fit:cover; width:100%; height:100%; }
.fullwidth .itb_image{ display:block; width:100%; height:100%;  }

@media only screen and (min-width:1880px){
	
	.imageleft .itb_content {   margin: 155px 0; }
	.warrantybox.imageright .itb_content{ margin: 95px 0}
}
@media only screen and (max-width:1680px){
	.itb_wrapper, .product_info_grid, .descgrid{ grid-gap:90px; }
	.imageleft .itb_content {margin: 95px 0;padding: 0 20px 0 0}
	.imageright .itb_content, .product_info_grid{padding: 0 0 0 40px;}
	.descgrid, .downloads_wrapper { padding:0 40px}
	.tabs{padding: 0 40px 0px;}
}
@media only screen and (max-width:820px){
	.itb_wrapper, .imageright .itb_wrapper{grid-template-columns:1fr;grid-template-areas:unset;grid-gap: 40px;}
	.imageright .itb_image, .imageright .itb_content{    grid-area: unset;}
	.itb_image img{margin:0 auto;max-height: 400px;}
	.imageright .itb_content {margin: 0px 0;padding: 0 40px 90px;}
	.itb_image{ min-height:400px;}
	.imageleft .itb_content {  max-width: unset; margin: 0px 0; padding:0 40px;}
	.itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding: 40px;}
	.product_information {    padding: 40px 0 0;}
}
@media only screen and (max-width:768px){
	.itb_wrapper, .imageright .itb_wrapper{grid-gap: 20px;padding: 20px;}
	.imageright .itb_content, .imageleft .itb_content{    margin: 0px 0;    padding: 0 0px;}
	.itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding:0 20px;}
		.product_info{ text-align:center;}
	.descgrid{padding:0;grid-gap: 20px;}
	.itb_image{ min-height:300px;}
	.facts {    margin: 45px 0 45px; }
	.tabs{padding: 0 0px 30px;margin-bottom: 20px;}
	.tab{font-size: .8rem;padding: 0 48px 0 0;}
	.downloads_wrapper { padding:0 0px}
}


/*products list*/
	.product_page_title_wrapper{margin:100px 0;display:grid;grid-template-columns: 400px 1fr;grid-gap: 80px;}
	.product_list_wrapper{ margin-bottom:100px; }	
	.plisttitle{ border-top:1px solid #dedede; padding-top:20px; margin-bottom:50px;}
	.product{ position:relative; }
	@media only screen and (max-width:1280px){
		.product_page_title_wrapper{ grid-template-columns:300px 1fr; grid-gap:50px;}
	}
	@media only screen and (max-width:820px){
		.product_page_title_wrapper{ grid-template-columns:1fr; grid-gap:20px;}
	}

/*product page*/
	.product_banner_grid{display:grid;grid-template-columns:1fr 720px;padding: 100px 0;position: relative;grid-gap: 170px;}
	.pb_image img{ width:100%}
	.pbintro_content{ margin-top:30px; }
	.pb_intro h1{ padding:40px 0 10px; }
	.pdfc_title{position:relative;padding-bottom:20px;font-weight:bold;font-size: 1.2rem;}
		.pdfc_title span{position:absolute;left: -70px;border: 3px solid #FFF;display:block;width: 30px;height: 30px;top: -3px;text-align: center;line-height: 30px;border-radius: 50%;}
	.pdfc_content{ margin-bottom:40px; }
		.pdfc_content, .pdfc_content *{ font-size:1.1rem;}

	.techical_drawings{background: var(--lightgray);padding:100px 0;}
		.pdf_title{text-align: left;margin-bottom:40px;}
		
		.tabbed_content{ margin: 40px 0 0;padding: 40px 0;}
        .tabs{text-align:center;margin-bottom: 0;}
            .tab{display:inline-block;font-weight:bold;/* font-size:1.29rem; */padding:27px 145px;color:#8B8B8E;cursor:pointer;}
            .tab.active,.tab:hover{ color:#000; background:#FFF; }
        .tabs_content{background: #FFF;margin:0 auto;overflow: hidden;}    

			.tabs_content .tcontent{padding: 49px;box-sizing: border-box;}
            .tcontent_wrapper{ width:200%;white-space: nowrap;}
            .tcontent{width: 50%;display:inline-block;white-space: normal;background: #FFF;}
            .tcontent_wrapper.downloads .tcontent{transform: translateX(-100%);}
            .specification_intro{ font-weight:bold;}
		.div_table{display:grid;grid-template-columns: 1fr 3fr 1fr;align-items: baseline;}
			.div_table div{padding:10px 0;}
			.boldtext{font-weight:bold;padding-bottom: 20px;border-bottom: 2px solid;margin-bottom: 20px;}
			.div_table div:nth-of-type(3){ text-align:center; }
		.dfile a.button{background:var(--lightgray);padding:10px 50px 10px 20px;position:relative;box-shadow: 0px -2px 10px 0 rgba(0,0,0,0.2);}
			.dfile a.button:after{ content:""; display:block; width:15px; height:18px; background:url(img/icon-download.svg) no-repeat; background-size:contain; position:absolute; right:20px; top:13px;  }
		.dfile a.button:hover{box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);color:black; padding:12px 50px 8px 20px}

	.related_products{ padding:100px 0; }
		.related_title{ text-align:center;  margin-bottom:40px;}
		.related_desc{text-align:center;margin-bottom: 100px;}
		.related_products .plist_title{ display:none; }
		.related_products .product_page_title_wrapper {    margin: 0; }

	@media only screen and (max-width:820px){
		.product_banner_grid{grid-template-columns:1fr;grid-gap:20px;padding-top: 20px;}
		.related_products{ padding:50px 0}
		.techical_drawings{ padding:70px 0 20px;}
		.pdf_title{text-align:center;margin-bottom: 20px;}
		.tabbed_content{margin: 0;padding: 20px 0 0;}
		.related_desc{margin-bottom: 20px;}
	}

	@media only screen and (max-width:600px){
		.div_table div:nth-of-type(1){ grid-area: div; }
		.div_table div:nth-of-type(2){grid-area: div2;}
		.div_table div:nth-of-type(3){grid-area: button;}
		.div_table{
			grid-template-columns:1fr 1fr;
			grid-template-rows: .5fr 1fr;
			grid-template-areas:
			"div div2"
			"button button";
			}
		.dfile a.button{ width:100%; box-sizing:border-box; margin-bottom:20px}
		.tabs_content .tcontent{ padding:10px}
		.div_table.boldtext{ padding:0; }
		
	}

/*contact banner*/
	.contact_form{ padding:150px 0 120px}
	.cform_grid{ display:grid; grid-template-columns:1fr 1fr; }
	.cform_content{ max-width:380px; margin-bottom:30px;}
		.cformtitle{ margin-bottom:30px;}
	.contact_form .fieldgroup{background:#FFF;min-height: 54px;}
		.contact_form label{ color:#444; }

	@media only screen and (max-width:820px){
		.cform_grid{ grid-template-columns:1fr; }
	}
		

/*Blog items*/
	.blog_items{ padding:100px 0 160px; }
	.blog_items  h1{text-align:center; margin-bottom:20px; }
	.blog_items .blog_items_intro{ text-align:center; max-width:550px; margin:0 auto 50px; }
	.all{ background:#EDEDED; }
		.all .blog_items_wrapper{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:29px;  grid-row-gap:72px;  }
		.all .blog_item_image{
				aspect-ratio:1/.83;
				background: rgb(4,105,174);
				background: -moz-linear-gradient(top,  rgba(4,105,174,1) 0%, rgba(45,167,250,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				background: linear-gradient(to bottom,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0469ae', endColorstr='#2da7fa',GradientType=0 );
				background-image:url(img/logobg.svg);
				background-size:cover;
				}
		.all .blog_item_image img{ object-fit:cover; width:100%; height:100%; display:block; top:50%; left:50%; position:relative; transform:translate(-50%,-50%)}
		.blisttitle{ font-size:1.5rem; padding:10px 0;}
		.all .arrowbutton:before{ background:black; }
	.blog_item{ padding-bottom:50px; position:relative; }
	.blog_item .button{ position:absolute; bottom:0; }

	.featured .blog_items_wrapper{
									 display:grid;
									 grid-template-columns:1fr 1fr 1fr;
									 grid-template-rows: 1fr;
									 grid-template-areas:
 									 "landscape landscape tall"
 									 "small1 small2 tall";
									 grid-gap: 29px;
									}
	.featured .blog_items_wrapper .blog_item:nth-of-type(1){ grid-area:landscape; }
	.featured .blog_items_wrapper .blog_item:nth-of-type(2){ grid-area:tall; }
	.featured .blog_items_wrapper .blog_item:nth-of-type(3){ grid-area:small1; }
	.featured .blog_items_wrapper .blog_item:nth-of-type(4){ grid-area:small2; }
		.featured .blog_item_image{
				width:100%; height:100%; 
				background: rgb(4,105,174);
				background: -moz-linear-gradient(top,  rgba(4,105,174,1) 0%, rgba(45,167,250,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				background: linear-gradient(to bottom,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0469ae', endColorstr='#2da7fa',GradientType=0 );
				background-image:url(img/logobg.svg);
				background-size:cover;
				}
		.featured .blog_item_image img{ object-fit:cover; width:100%; height:100%; display:block; top:50%; left:50%; position:relative; transform:translate(-50%,-50%)}
		.featured .blog_item{ padding-bottom:0;  }
		.featured .blog_item *{ color:#FFF; }
		.featured .blog_item_content{background:rgba(0,0,0,.5);bottom:0;position:absolute;width:100%;padding: 10px 20px 40px;box-sizing:border-box;}
		.featured .blog_item .button{ bottom:20px;}

/*Header banner*/
	.header_banner {position:relative;padding:180px 0;display: block;}
	.imagebg:before{ content:""; position:absolute; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); top:0; left:0; }
		.imagebg *{ color:#FFF}
	.lightbg{ background:var(--lightgray); }
	.graybg{ background-color:#EDEDED; background-image:url(img/logobg.svg); background-size:cover; position:relative; }
		.bluebg{ 
				 }
		.bluebg *{ color:#FFF; }
		.bluebg:after{background-color: rgb(4,105,174); position:relative; 
				background-color: -moz-linear-gradient(top,  rgba(4,105,174,1) 0%, rgba(45,167,250,1) 100%);
				background-color: -webkit-linear-gradient(top,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				background-color: linear-gradient(to bottom,  rgba(4,105,174,1) 0%,rgba(45,167,250,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0469ae', endColorstr='#2da7fa',GradientType=0 ); 
				content:"";display:block;width:100%;height:100%;top:0;left:0;z-index:1;position:absolute;background-image:url(img/logobg.svg);background-size:cover;background-blend-mode: multiply;}
		.graybg:after{content:"";display:block;width:100%;height:100%;top:0;left:0;z-index:1;position:absolute;background-image:url(img/logobg.svg);background-size:cover;background-blend-mode: multiply;}
		.bluebg *, .graybg  *{ z-index:2; }
		.darkbluebg{ background-color: var(--darkblue);}
			.darkbluebg *{ color:#FFF}

	.banner_content{position:relative;left: 50%;margin-left: -600px;text-align: left;max-width: 550px;z-index: 999;}
		.banner_content h1{ margin:20px 0}

	@media only screen and (max-width:1280px){
		.banner_content{margin-left:20px;left:0;max-width: calc(100% - 40px);}
	}


/*CTA BANNER*/
	.cta_banner{padding:110px 0 90px;}
	.cta_banner.warning{ padding:60px 0; }
		.cta_banner.bluebg{background: rgb(0,55,115);
			background: -moz-linear-gradient(top,  rgba(0,55,115,1) 0%, rgba(0,28,58,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(0,55,115,1) 0%,rgba(0,28,58,1) 100%);
			background: linear-gradient(to bottom,  rgba(0,55,115,1) 0%,rgba(0,28,58,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003773', endColorstr='#001c3a',GradientType=0 );
		}
	.cta_title{font-size: 2.05rem;font-weight: 600;line-height:1.11em;margin-bottom:35px;}
	.cta_content{max-width: 1200px;margin:0 auto;}
		.page-id-22 .cta_content{max-width: 856px;}
	.cta_banner .button{ margin-top:60px; }
	.warning .cta_title{ font-weight:bold;}
		.warning .cta_title:before{ content:""; display:inline-block; width:56px; height:52px; background:url(img/icon-warning.svg); position:relative; margin-right:10px;top:4px;}
	.cta_wrapper a{ color:#FFF; display:inline-block; position:relative; }
		.cta_wrapper a:before{ content:""; width:34px; height:34px; display:inline-block;  position:relative; top:10px; left:-13px; -webkit-mask:url(img/icon-button.svg);mask:url(img/icon-button.svg); -webkit-mask-size:contain;mask-size:contain; background:#FFF; }
		.cta_wrapper a:hover:before{ left:-5px; }
			
	@media only screen and (max-width:1280px){
		.cta_title{ font-size:3rem; }
	}

	@media only screen and (max-width:1024px){
		.cta_title{ font-size:2rem; }
	}

	@media only screen and (max-width:768px){
		.cta_title{font-size: 1.8rem;}
		.cta_banner {    	padding: 50px 20px;    text-align: center;		}
	}

/*BLOG*/
	.page-template-blog, .page-template-blog .site-header, .page-template-blog .layout_intro_text{ background:#FBFBFB; }
	.page-template-blog .nav-down , .page-template-blog .nav-up, 
	.page-template-blog .nav-down  .site-header, .page-template-blog .nav-down .layout_intro_text{ background:#FFF; }
	.blog_grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;grid-row-gap:100px;padding: 120px 0;}
	.blog_post{display:grid;grid-template-columns: 1.58fr 1fr;position:relative;}
		.blog_post_image{display:block;width:100%;position:relative;background: #DDD;}
		.blog_post_image img{ width:100%; aspect-ratio:1/.8; display:block; height:100%; object-fit:cover; position:absolute; }
	.blog_post_content{z-index:22;position:relative;padding: 39px 30px 60px;margin-left: -80px;background: #FFF;top: 50px;transform: translateX(-40px);font-size: .8rem;}
	.post_date{ font-size:.8rem; display:block; margin-bottom:20px; opacity:.7}
	.blog_post_content a.button{display:block;margin-top:30px;background:transparent;text-transform:uppercase;font-weight:bold;position:absolute;bottom: 20px;left: 31px;color: var(--blue);}
	.blog_post_content a.button:after{ display:none; }
	.blog_post_content h2{font-weight:normal;line-height:1.2em;margin-bottom: 0px;font-size: 1.2rem;}

	.banner_image{overflow:hidden;top:-90px;position:relative;width: 100%;height: 500px;}
	.banner_image:before{ content:""; display:block; position:absolute; width:100%; height:100%; background:linear-gradient(#0000004f, #0000)}
	.banner_image img{ object-fit:cover; width:100%; height:100%; }
	.blog_title{ position:absolute; z-index:99; color:#FFF; text-align:center; top:50%; text-align:center; display:block; width:100%; }
		.blog_title h1{font-weight:400;font-size: 2rem;}
	.blog_content{padding-bottom: 30px;}
	.blog_content a{ color:#468e80; }
	.blog_page_grid{display:grid;grid-template-columns:1fr .6fr;grid-gap:70px;padding-bottom: 50px;margin-bottom: 100px;}
	.blog_page_grid.nogrid{ display:block; }
	.blog_page_grid h2{ margin-bottom:30px;  font-weight:normal;}
	.blog_page_grid img{max-width: 100%;height:auto;border-radius:30px;padding-right: 30px;}
	.prev{position:absolute;left:0;bottom: 0px;}
	.next{ position:absolute; right:0; bottom:0; }
	.prev img, .next img{ width:100px; height:100px; object-fit:cover; }
	.next{ text-align:right; }
	.next img{ margin:0 0 0 auto; position:relative; display:inline-block; }
	.single-post table{ width:100%; margin-bottom:50px;}
	.single-post td{ border:1px solid #eaeaea; padding:10px 20px}
		.single-post tr:nth-of-type(even) td{ background:#eaeaea; border:1px solid #FFF; }
	.single-post thead{ background:#0c6a58; color:#80f49f;}
	.single-post u{ text-decoration:none;}

	.next{ padding-right:50px; }
       .next span{ padding-top:20px;}
      .prev{padding-left: 40px;}
      .prev-next-image{ opacity:0; position:absolute; width:300px; top:30px; left:50px }
      .next .prev-next-image{ right:50px; left: unset; }
      .prev-next-image h3{font-size:1.1rem }
      .prev:hover .prev-next-image, .next:hover .prev-next-image{ opacity:1; }
    .prev-next-title span:after{ top:0;}
    .prev span:after{ right:unset; left:-0px; transform:rotate(180deg)}

	@media only screen and (max-width:820px){
	.blog_post{display:grid;grid-template-columns:  1fr;position:relative;}
	.blog_post_image{ width:100%; aspect-ratio:1/.6}
	.blog_post_content{padding: 20px 20px 90px 20px;margin-left: 0;top: 0;transform: unset;}
	.blog_post_content h2{ font-size:1.2rem;}
	.blog_post_content a.button{ left:5px; }
	.banner_image{ aspect-ratio:1/.5}
	.blog_title h1{ font-size:2rem}
	.blog_content{ width:100%; overflow:auto}
	.blog_page_grid{ grid-template-columns:1fr; }
	.blog_gallery_image img{ aspect-ratio:1/.6; object-fit:cover; border-radius:0; }
	}
	@media only screen and (max-width:600px){
	.blog_grid{  grid-template-columns: 1fr;}
	.banner_image{ aspect-ratio:1/.7}
	.blog_title h1{ font-size:2rem}
	}

/*HOME*/
	.news_top{padding: 110px 0 80px;}
		.news_top_grid{ display:grid; grid-template-columns:1fr 1fr; }
		.news_top_grid h2{ max-width:70%; }
	.nright{ padding-top:20px;}
		.nright .button{ margin:30px 0 0}
	.home_news_grid{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom: 110px;grid-gap: 29px;} 
		.news_item{padding-bottom:50px;position:relative;top: 0;}
			.news_item .button{ position:absolute; bottom:0; }
		.news_image{display:block;width:100%;aspect-ratio: 1/.83;}
			.news_image img{ object-fit:cover; width:100%; height:100%; display:block; top:50%; left:50%; position:relative; transform:translate(-50%,-50%)}
		.news_title, .news_title *{font-size: 1.5rem;padding: 10px 0;}

	.home_products{ padding:160px 0 60px; overflow:hidden;}
		.title_text_grid{display:grid;grid-template-columns: .4fr 1fr;grid-gap:96px;margin-bottom: 100px;}
		.home_product{background:#FFF;border:1px solid #f8f8f8;position: relative;padding-bottom: 21px;top: 0;}
		
	.image_grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;top: 0;}
		.hp_image{aspect-ratio: 1/1.23;display:block;overflow:hidden;position: relative;}
		.hp_image img{display:block;object-fit:cover;width:100%;height:100%;position: relative;object-position: center;}
		.hp_title{max-width:70%;margin:0 auto;text-align:center;padding: 20px 0 30px;}
		a.productview{display:block;text-align:center;color:#737373;font-weight:bold;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}

	.product_intro{position:absolute;z-index:99;bottom: -100%;background:rgba(0,0,0,.5);display: block;width: 100%;height: 100%;}
		.pi_content{ color:#FFF; padding:80px 50px; display:block; position:relative; top:179px; opacity:0; transition-delay:.2s }
		.home_product:hover .product_intro{ bottom:0; }
		.home_product:hover .pi_content{ opacity:1; top:0; }
		.home_product a:before{ content:""; display:block; height:2px; width:100%; background:#737373; width:0; position:absolute; bottom:-3px;}
		.home_product:hover a:before{ width:100%}

	.signupform{ padding:160px 0; }
		.signupform #formdiv{ margin:0;}
		.signupform *{color:#FFF;text-align: left;}
		.signupform h3{font-weight: normal;max-width: 51%;margin: 10px 0 30px;}
		.signupform input[type="email"]{ background:transparent; border:0; border-bottom:1px solid #FFF; width:300px; margin-bottom:10px; display:inline-block; height:40px;}
			.signupform ::placeholder{ color:#FFF; }
			.signupform label{ position:absolute; z-index:0 ;  opacity:0}
			.signupform input[type="submit"]{border:0;display:inline-block;background:url('img/arrowbutton.svg');background-repeat:no-repeat;background-size:contain;background-position:center;margin-left:20px;cursor:pointer;}
		.logogrid{background:#d1d1d1;}
		.logosgrid{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:100px;padding: 100px 0;}
			.logosgrid img{ display:inline-block; position:relative; top:50%; transform:translateY(-50%); }

		.logoslider{ padding:100px 0;}
		.logoslider span{display:block;width:100%;/* aspect-ratio: 1/.7; */margin:0 10px;text-align: center;/* top: 50%; *//* transform: translateY(-50%); */}
			.logoslider img{display:inline-block;position:relative;/* top:50%; *//* transform:translateY(-50%); */max-width:80%;max-height: 80%;/* -webkit-transform: translateY(-50%); */}

		.logoslider .flex-direction-nav{width:100%;height:100%;top: -25px;position: absolute;left: 0;}
		.logoslider .flex-nav-prev {width: 35px;height: 36px;position: absolute;left: -50px;top: 50%;display: block;}
		.logoslider .flex-nav-next {width: 35px;height: 36px;position: absolute;right: -50px;top: 50%;display: block;}
		.logoslider .flex-direction-nav .flex-next {right: 0;content: '';display: block;width: 100%;height: 100%;margin: 0;transform: translateY(-50%);-webkit-mask-image: url('img/arrowbutton.svg');mask-image: url('img/arrowbutton.svg');background: var(--darkblue);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;opacity: 1;}
		.logoslider .flex-direction-nav .flex-prev{ content: '';   display: block;    width: 100%;    height: 100%;    margin: 0;    transform: translateY(-50%) rotate(180deg);    -webkit-mask-image: url('img/arrowbutton.svg');mask-image: url('img/arrowbutton.svg');background: var(--darkblue);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;opacity: 1;}
			.logoslider .flex-direction-nav a.flex-next:before{ display:none !important; opacity:0 !important; }
		
.logoslider .slides, .logoslider li{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

	@media only screen and (max-width:1380px){
		.logoslider{max-width: calc(100% - 100px);margin-left: 40px;}
		.logoslider .flex-nav-next{ right:0}
		.logoslider .flex-nav-prev{ left:0}
	}

	@media only screen and (max-width:960px){
		.news_top{padding: 40px 0 40px;}
		.news_top_grid{ grid-template-columns:1fr; }
		.home_products{ padding:40px 0}
		.flex-direction-nav{/* display:none; */}
		.news_title, .news_title *{ font-size:1.2rem; }
		.image_grid{grid-template-columns:repeat(2,1fr);}
		.hp_title{font-size:1.1rem;line-height:1.1em;max-width: calc(100% - 40px);}
		.signupform{ padding:100px 0;}
		.signupform h3{max-width: 100%; font-size:1rem;}
		
	}
	@media only screen and (max-width:767px){
		.home_news_grid, .image_grid{ grid-template-columns:1fr;}
		.title_text_grid{grid-template-columns: 1fr;grid-gap:20px;margin-bottom: 40px;}
		.signupform{ padding:50px 0;}
		.signupform input[type="submit"]{ margin-left:10px;}
		.logoslider li{position:relative;/* height: 100px; */}
		.logoslider img{ max-height:100% !important; height:100% !important; width: auto !important; }
		
	}
		

/*FLEXSLIDER*/
	.slider_title .button{ margin-top: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 #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; }
	.contact_grid{ display:grid; grid-template-columns:430px 1fr; grid-gap: 45px; }
		.contact_grid h1{ margin-bottom:40px; }
		.contact_grid strong{margin: 20px 0 5px;display: inline-block;}

	.servicesteam{ border-top:1px solid black; margin-top:45px; padding-top:25px;}
		.stgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap: 30px;}
			.team_title{ color:var(--lightblue); font-weight:bold; margin-top:25px;}
	.contact{ padding:100px 0; }
	.fieldgroup{position:relative;display:block;margin-top: 20px;}
    .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background:transparent;border:0;height: 54px;position:relative;color: #000;padding: 5px 20px 0;}
		.fieldgroup textarea{ padding-top:15px;}
    .fieldgroup textarea{height: 155px;}
    .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; }
	.formandmap{ top:-20px; position:relative; }
	.formandmap input, .contact textarea{ background:var(--lightgray)}
		.contact textarea{ height:240px }
	.formandmap input[type="submit"]{ background:var(--blue); display:block; width:100%; height:50px; margin-bottom:150px; border:0; color:#FFF; cursor:pointer; }
		.formandmap input[type="submit"]:hover{ background:var(--darkblue);}
	.formandmap .map, .formandmap iframe{width:100%;height: 490px;}
		
    .g-recaptcha{ margin:20px 0; }
	.cform_grid input[type="submit"]{width:100%;display:block;border:0;background: var(--darkblue);line-height:54px;color: #FFF; cursor:pointer; }
		.cform_grid input[type="submit"]:hover{ background:var(--blue)}
    .animatelabel{ position:relative; }
    .fieldgroup label{display:block;position:absolute;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: 1rem;line-height: 54px;color: #afafaf;top: 0;padding: 0 20px;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -17px;color:#afafaf !important;font-size: 13px;}
	
/*MENU*/
    .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: #FFF;height: 114px;box-shadow: 0 0 0 0;border-top: 18px solid var(--darkblue);}
    .main_navigation{position:absolute;right: 0;top: 50%;transform: translateY(-50%);}
    nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 400; font-size:0.89rem;color: rgba(0,0,0,0.55);}
        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 30px;}
		nav .menu li:first-of-type{ padding-right:0 ;}
        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; }
    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;  }
    
    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;}

	@media only screen and (max-width:1280px){
		.site-header{border-top: 10px solid var(--darkblue);height: 70px;}
		.site, .content-area{
    margin-top: 70px !important;
}
	}
	@media only screen and (max-width:767px){
		.site-header{border-top: 5px solid var(--darkblue); }
		.contact_grid{grid-template-columns: 1fr !important;}
	}

    
/*FOOTER*/
	.footerlogo{ display:block; background:url('img/footerlogo.svg'); width:300px; height:66px; background-repeat:no-repeat; background-size:contain; margin-bottom:59px;  }
    .site-footer{display:block;padding:87px 0 45px 0;position:relative;}
        .site-footer, .site-footer *{ color:#FFF !important; }
        .site-footer .content_block{ max-width:1070px; }
        .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); }
            .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_grid{display:grid;grid-template-columns:1fr 1fr 2.6fr;grid-gap: 85px;}

			.google_map iframe{width:100%;display:block;height: 300px;}
			.site-footer strong{ display:block; padding-top:15px;}
			.site-footer *{ font-size:.9rem; line-height:1.8em; }
		.footer_note{ padding:70px 0 10px; text-align:center; }
	.bnc{ text-align:Center; padding:20px 0}
	@media only screen and (max-width:1280px){
		.footer_grid{grid-template-columns: 1fr 1fr;}
	}



/*DEFAULT*/
    .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%;margin-top: 132px;}
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; }
	.nav-up, .nav-down {top: 0;height: 60px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
	.nav-up .logo, .nav-down .logo{height: 40px;}
	.header_slider{height: 830px;}
		.header_slider{min-height: 100%;height: 75vh;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;}
			.flexslider .slides li:before{ display:block; content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
		.slider_title{position:absolute;top:50%;transform: translateY(-50%);left: 50%;margin-left: -600px;text-align: left;max-width: 840px;z-index: 999;}
			.slider_title h1{color:#FFF;font-size: 2.667rem;line-height: 1.3em;font-family:'Gilroy-Bold', 'Arial', sans-serif;}
			.slider_title h2{color:#FFF;font-size: 1.1rem;line-height: 1rem;margin: 15px 0; 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*/



/*POSTS*/
	


/*RESPONSIVE*/
	
	

	@media only screen and (max-width:1280px){
		.content{max-width: calc(100% - 40px);}
			.content .content{max-width: 100%;}
		.main_navigation{ right:20px;}
		.slider_title {    left: 20px;    margin-left: 0px;    max-width: calc(100% - 140px);}
			.slider_title h1{ font-size:2rem; }
		.mobilemenu_button{right: 0;top: 22px;height:20px;width:40px;}
	}


	@media only screen and (max-width:960px){
		body, html{max-width:100%; position:relative; }
		 .mobileonly{ display:block; }
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
		.slider_title h1{font-size: 1.5rem;}
        
        html, body, { font-size:14px; }
		h1, .cformtitle, .pdf_title, .gc_title, .related_title{	font-size: 2rem;line-height: 1.125em;}
		h2{	font-size:1.5rem;	font-weight: bold; line-height:1.2em; }
		h3{	font-size:1.3rem;	font-weight: bold; }
		h4{	font-size:1.1rem;	font-weight: 400; }

		.mbopen{ overflow:hidden}        
        .header_slider { height: 630px; }
			.flexslider {    height: 100% !important; }
        .logo{/* left:20px; *//* top:20px; */height: 50px;}

        nav a, nav a:hover, nav a:link, nav a:visited {/* text-transform: uppercase; */line-height: 2.5em;font-size: 1.1rem;color: inherit;}
		.mobilemenu_button{display: block;border-top: 4px solid rgb(4,105,174);position:absolute;}
         
          .mbopen .mobilemenu_button:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
          
          .mobilemenu_button:before{content:"";display:block;height:4px;width:100%;top:50%;left:0;background: rgb(4,105,174);position:absolute;margin-top:-2px;transform-origin:center;}
          .mobilemenu_button:after{content:"";display:block;height:4px;width:70%;bottom:-4px;right:0;background: #0469ae;position:absolute;margin-top:-2px;transform-origin:center;}
            .mbopen .mobilemenu_button{border-top: 0 !important;}
            .mbopen .mobilemenu_button:before{transform:rotate(45deg);}
            .mbopen .mobilemenu_button:after{transform:rotate(-45deg);width:100%;bottom: 8px;}

          .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 17px;}
           .menu-main-navigation-container{padding:10px 20px 0;box-sizing: border-box;overflow: hidden;}
			.main_navigation{position:fixed;right: 0;top:50px;display: block;width: 100%;height: 100%;background: rgb(4,105,174);transform:translateY(100%);}   
			  nav .menu li{display:block;clear:both;text-align: left;/* border:1px solid #373737; */margin-bottom:2px;color: #FFF !important;}
			       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);  }
			 .mbopen nav.main_navigation{opactiy:.97;transform:translateY(0);top: 70px;height: calc(100% - 70px);}
				   .nav-up nav.main_navigation, .nav-down nav.main_navigation{top: 78px;height: calc(100% - 78px);}
			 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;  }
        
		.main_navigation  li{list-style:none;left:150px;display:block;position: relative;counter-reset: auto;counter-increment: menunav; opacity:0; }
		.main_navigation ul{ position:relative; padding-top:70px; }
		.mbopen .main_navigation li{animation: menuanim .5s ease 1 forwards;font-size: 1.2rem;line-height: 1.9em;}
		.main_navigation a{font-size:inherit;line-height:inherit;margin: 0;}
			@keyframes menuanim {
					0% {left: 150px;}
					100% {left:0; opacity:1; }
			}

	.nav_bottom{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;grid-gap: 2px;position: absolute;bottom: 0;width: 100%;overflow: hidden;}
		.nav-down .nav_bottom, .nav-up .nav_bottom{bottom: 2px;}
		.nav_bottom a{top: 50px;display: inline-block;position: relative;}
		.mbopen .nav_bottom a{animation: footeranim .5s ease 1 forwards;background: white;display: inline-block;width: 100%;height: 50px;}
		.nav_bottom a:before{left: 50%;transform: translateX(-50%);height: 50px;background: rgb(4,105,174) !important;}
		.nav_bottom a:after{content:"";background: rgba(0,28,58,1);display:block;width: 100%;height: 50px;}

		@keyframes footeranim {
		0% {top: 90px;}
		100% {top: 0;}
		}
		.ficon{ margin:0 0 15px 40px; position:relative; }
		.ficon:before{ display:block; content:""; width:20px; height:20px; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-position:center;mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; position:absolute; left:-35px; background-repeat:no-repeat;}
		.ficon.phone:before{ -webkit-mask-image:url(img/phone.svg);mask-image:url(img/phone.svg); background:#000;}
		.ficon.email:before{ -webkit-mask-image:url(img/email.svg);mask-image:url(img/email.svg); background:#000;}
		.ficon.address:before{ -webkit-mask-image:url(img/location.svg);mask-image:url(img/location.svg); background:#000;}


		
        .slider_title { left: 20px; }
	}

	@media only screen and (max-width:767px){
	 
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
		.footer_grid{grid-template-columns:1fr;grid-gap: 20px;}
       
	}


	@media only screen and (max-width:414px){
		h1, .cformtitle, .pdf_title, .gc_title, .related_title{	font-size: 1.5rem;line-height: 1.125em;}	
	}

	@media only screen and (max-width:360px){
	  
	}