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

*/

@import url("https://use.typekit.net/sdx7xgp.css");
/** Generated by FG 
font-family: helvetica-lt-pro, sans-serif;
font-style: normal;
font-weight: 300; 400, 700


font-family: museo, serif;
font-style: normal;
font-weight: 100; 300, 700


**/



:root{
	--black: #000000;
	--dark: #19371D;
	--light: #FAF8F5;
	--green: #72B431;
	--palegreen: #AAC288;
	
}
.lightbg{ background:var(--light); }
.green{ color:var(--green); }

/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:focus {
    outline: 0px solid #343333;
}
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: helvetica-lt-pro, sans-serif;	font-size: 17px;	line-height: 1.47rem;
	
}

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


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

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{	
	font-size:5rem;
	font-weight: 700;
	font-family:museo, serif;
	line-height:1.11em
}
h2, .h2{	
	font-size:3.23rem;
	font-weight: 700;
	font-family:museo, serif;
	line-height:1.11em
}
h3, .h3{
	font-size:2.47rem;
	font-weight: 500;
	font-family:museo, serif;
	line-height: 1.238em;
}
h4, .h4{	
	font-size:1.94rem;
	font-weight: 500;
	font-family:museo, serif;
	line-height:1.11em
}
h5, .h5{	
	font-size:1.53rem;
	font-weight: 500;
	font-family:museo, serif;
	line-height:1.11em
}

ol, ul{ margin-left:20px; padding-left:5px; }
	ul.countries, ul.partners{ list-style:none; }
	li.region{ list-style:none; }
	li.partner span, li.partner a{ display:block; }
	li.partner{ margin-bottom:40px; display:block; }
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}
.button{border:2px solid var(--green);display:inline-block;color: var(--green);border-radius: 26px;font-weight: 600;padding:14px 57px;text-align: center;}
	.button.greenbutton, a.greenbutton{background: var(--green);color:#FFF;border:2px solid var(--green);}
	.button.greenbutton:hover, a.greenbutton:hover{background: var(--palegreen);color:#FFF;border:2px solid var(--green);}
	.button.whiteborder{ color:#FFF; border:2px solid white; }
	.button.whitebutton{ background:#FFF; }
	.button.downloadbutton{ padding-right:80px; position:relative; }
		.downloadbutton:after{content:"";display:block;position:absolute;width:27px;height:22px;background:url(img/download.svg) no-repeat;background-size:contain;top: 12px;right: 30px;}
	.readmorebutton{ color:var(--green) !important; }
		.readmorebutton:after{ content:""; display:inline-block; width:13px; height:13px; background:url(img/readmore.svg) no-repeat; background-size:contain; margin-left:10px; }
	.button.darkbutton{ color:#FFF; background:#19371D; border:2px solid #19371D; }
.logo_wrapper{background:url(img/logobg.svg);background-size:contain;width:261px;height:109px;top: -1px;left: 50%;position: absolute;background-repeat: no-repeat;transform: translateX(-940px);}
.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: 26px;
	top: 0;
	height: 67PX;
	width: 203px;
	background: url(img/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	}	
	@media only screen and (max-width:1920px){
		.logo_wrapper{transform: unset;left: -1px;}
	}
	
a:hover, a:link, a:visited{
	text-decoration:none;
}
a.coverlink{ position:absolute; width:100%; height:100%; top:0 ;left:0; z-index:99}
a.button{display:inline-block;background: transparent;cursor:pointer;font-weight: 600;}
	a.button:hover{ color:var(--green);  border:2px solid var(--green);  }

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

.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 *, *: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, .mobile_navigation{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #129c58b3; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #129c58; /* Gecko Browsers */
   color:#FFF;
}
.mobileonly, .tabletonly{display: none;}
.mobileonly .footersocial {
    position: relative;
}
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: black; */
}
body.page-unload {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
body.activeslidein{ overflow:hidden !important; }
/*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);
}


/*slidein*/
	.activeslidein .slidein{right:0;z-index: 99999999;}
	.slidein{display:block;position:fixed;z-index:9999;width:100%;height:100%;max-width:645px;background:#F2F1E9;right:-100%;border-top-left-radius:40px;border-bottom-left-radius:40px;overflow-y: auto;}
		.slideinclose{ position:absolute;   width:28px; height:28px; top:66px; right:49px; cursor:pointer;}
			.slideinclose:before{width:2px; height:100%; content:""; background:var(--palegreen); display:block; transform:rotate(45deg); transform-origin:center; position:absolute; top:0; left:50%;}
			.slideinclose:after{width:2px; height:100%; content:""; background:var(--palegreen); display:block; transform:rotate(-45deg); transform-origin:center; position:absolute; top:0; left:50%; }
			.slideinclose:hover:after, .slideinclose:hover:before{ background:var(--green)}
	.regionswrapper{display:none;}
	.regionswrapper.active{ display:block; }
		.slideincontent{padding:80px 68px;max-height: 100%;}
		.slideincontent:hover{ overflow-y: auto;}
			.slideincontent .slideintitle{margin-bottom: 10px;font-weight: 600;}
	.regionswrapper .h4{margin-top: 40px;}
		.partner a{ color:var(--green)}
		.partner_name{font-size: 1.2rem;font-weight:bold;/* font-family: 'museo'; */margin-bottom: 7px;}
		.country-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;margin-top: 20px;}
.partner_address{ font-weight:200; margin-top:10px; }
/*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%; }

.fullwidth{ width:calc(100% - 40px);max-width: 1880px;position:relative;margin:0 auto;box-sizing:border-box; }
.content_block{width:calc(100% - 40px);max-width: 1620px;position:relative;margin:0 auto;box-sizing:border-box; }
.narrow{ width:calc(100% - 40px);max-width: 1360px;position:relative;margin:0 auto;box-sizing:border-box; }

.breadcrumbs_wrapper{ padding:45px 0 65px}
	.breadcrumbs_wrapper, .breadcrumbs_wrapper *{color:var(--dark);font-size: .72rem;}
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; }
.search-results-section{ margin:70px 0 70px;}
	.search-results-section h2{ margin-bottom:20px;}
	.news_block a{ display:block; margin-top:10px; }
	.news_block h5{ display:block; margin:20px 0 }

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

/*NEWS*/
	.newscontent{ margin-top:95px; padding:95px 0}
	.newscontent h5{ color:var(--green); display:block; border-top:2px solid var(--green); border-bottom:2px solid var(--green); margin:75px 0; padding:40px 0;}
	.news_grid .news_content{ padding-top:50px;}
	.single-post .news_grid{ grid-column-gap:106px; }
	.latest_news_gallery .latest_news_item{ margin-bottom:78px; }
/*CATEGORY PAGE*/
	.product_list_grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:57px;margin-bottom: 150px;}
		.product_list_grid .product_image{ width:100%; aspect-ratio:1/1.245; }
		.product_list_grid img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px;}
		.product_title_grid{display:grid;grid-template-columns: 1fr 1fr;margin: 30px 0;color: #000;}
		.ptg, .ptg *{ color:black;}
		.term-beetroot .product_list_grid img{ object-position:bottom}

/*PRODUCTS*/
	.product_content_grid{display:grid;grid-template-columns: 1fr 1.4fr;grid-gap:180px;padding-bottom:120px;}
		.product_content h2{ margin-bottom:18px;}
		.product_content h4{ margin-bottom:40px;}
		.product_intro{margin-bottom:85px;font-size: 1.3rem;line-height: 1.4em;}

	.product_dropdown{border-top:2px solid var(--green);padding:45px 45px 45px 45px;position:relative;cursor: pointer;}
	.product_dropdown:last-of-type{ border-bottom:2px solid var(--green); }
		.product_dropdown:after{content:"";display:block;width:15px;height:15px;background:url(img/arrow-drop.svg);background-size:contain;position:absolute;right: 20px;top: 47px; transform:rotate(-90deg)}
		.product_dropdown_content {  max-height: 0;  overflow: hidden;  transition: max-height 0.3s ease;  padding: 0; /* start closed */ }
		.product_dropdown.active:after{ transform:rotate(0)}
		.product_dropdown.active .product_dropdown_content{padding: 30px 0;}
			.product_dropdown.active .product_dropdown_content p{ margin-bottom:15px;}
		.multiblock .pd_grid_element{ display:grid; grid-template-columns:1fr 1fr; grid-gap:30px;}
		.pd_grid_item .strong{ font-weight:bold; font-size:1.3rem;}	
	.product_datasheet{margin-top: 80px;background:var(--green);color:#FFF;padding:50px;border-radius: 20px;}
		.product_datasheet .h4{ font-size:1.8rem; margin-right:15px; position:relative; top:3px; }
		.product_datasheet .button{ padding:14px 72px 13px 33px;}
	.product_sidebar{ position:relative; overflow:hidden; }
	.gallery_swiper_nav{ bottom:30px; position:relative; right:20px;}
	.gallery-container {  margin: 0 auto;background: white; border-radius: 12px;overflow: hidden; max-width: 833px;aspect-ratio: 1/1; }
    .gallery-top {            width: 100%;            border-radius: 20px;            aspect-ratio: 1.25/1;        }
        .gallery-top .swiper-slide {            text-align: center;            font-size: 18px;            background: #fff;            display: flex;            justify-content: center;            align-items: center;        }
        .gallery-top .swiper-slide img {            display: block;            width: 100%;            height: 100%;            object-fit: cover;        }
        .gallery-thumbs {width: 100%;box-sizing: border-box;padding: 10px 0;/* aspect-ratio: 5.6/1; */}
        .gallery-thumbs .swiper-slide {            cursor: pointer;            overflow: hidden;            transition: all 0.3s ease;            margin: 0 5px;            aspect-ratio: 1.25/1;        }
        .gallery-thumbs .swiper-slide img {            display: block;           width: 100%;            height: 100%;            object-fit: cover;            border-radius: 20px;        }

/*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*/
	#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;}
    .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;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;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -23px;color:#afafaf !important;font-size: 13px;}
	
/*MENU*/
    .site-header{z-index:99999;position: absolute;display:block;width: calc(100% - 40px);max-width: 1880px;top: 20px;background: transparent;height: 108px;left: 50%;transform: translateX(-50%);}
    .main_navigation{position:absolute;right: 178px;top: 59px;}
	.mobile_navigation{ display: none;}
    nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 600;color:#FFF;text-transform: uppercase;font-size: 0.95rem;letter-spacing: 0.036em;}
       
    nav ul{ list-style:none; }
        nav .menu li {display:inline-block;/* float: right; */padding: 0px 25px;}
        nav .menu .sub-menu li{display:block;float: unset;padding: 16px 20px 1px 60px;/* white-space: nowrap; */background: #faf8f5;min-height: unset;box-sizing: border-box;}
			nav .menu .sub-menu li a{display: grid;grid-template-columns: 40px 1fr;width: 200px; }
			nav .menu .sub-menu li:first-of-type{border-top-left-radius:20px;border-top-right-radius:20px;padding-top: 50px;}
			nav .menu .sub-menu li:last-of-type{padding-bottom:30px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
        nav .menu .sub-menu li a{font-family: inherit;font-weight:400;color: #000;/* line-height: 1em; */em; */;top: -13px;position: relative;text-align: left;align-items: center;}
           /* 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{}   
			img.nav-icon{position:relative;top: 0;padding-right: 0;left: -20px;height: 36px;object-fit: contain;width: 34px;display: inline-block;object-position:center;/* background:red; */}
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{}
    nav .menu li{ position:relative; }
    nav .menu li.menu-item-has-children:after{content:"";position:absolute;right: 11px;top:50%;transform:translateY(-50%);border-width: 0px 1px 1px 0px;margin-top:-4px;transform: rotate(45deg);display:block;width:7px;height:7px;border-style: solid;border-color: white;display: none;}
    
    nav .menu .sub-menu{display:block;position:absolute;/* background: var(--dark); */text-align: left;left: 50%;transform: translateX(-50%);margin-left: 0;padding: 0px 60px;height: 0 !important;opacity: 0;max-width: 293px;max-height: 0;overflow: hidden;}
        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 0;opacity: 1;background: transparent;max-height: 800px;padding: 0px 60px;border-radius: 20px;overflow: hidden;}
				
				.menu-item-has-children:hover .sub-menu:before{content:"";display:block;height:30px;position:relative;width: 100%;background-image: url(img/menutop.svg);background-size:contain;background-repeat: no-repeat;background-position: center 15px;z-index:999;top: 0;left: 0;background-color: transparent;}
           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;}

    .flags{position:absolute;border-left:1px solid white;right: 60px;height:40px;top: 50px;width: 120px;display:grid;grid-template-columns: 30px 1fr 1fr;padding-left: 20px;box-sizing: border-box;grid-gap: 2px;}
		.searchbutton{width: 17px;height: 17px;background:url(img/search.svg);background-repeat:no-repeat;background-size:contain;position: relative;top: 12px;margin-left: 0;cursor: pointer;}
		.flag{cursor:pointer; width:40px;height:40px;background-repeat: no-repeat;background-position: center;background-size: contain; border:2px solid #ffffff00; border-radius:50%; cursror:pointer;}
			.flag.global{ background-image:url(img/global.svg); }
			.flag.india{ background-image:url(img/india.svg); }
			.flag:hover, .flag.active{ border:2px solid white; }
		.searchbar{position:absolute;top: 43px;right: 70px;background: rgba(255,255,255,0.9);border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;max-height: 0;overflow: hidden;padding: 0;}
			.searchbar.active{ padding: 10px 10px 10px 20px; max-height:100px; }
			.searchbar form{display:grid;grid-template-columns: 1fr 30px;}
				.searchbar input[type="search"]{ border:0; height:30px; background:transparent; color:var(--palegreen)}
					.searchbar input[type="search"]::placeholder{ color:#AAC288; text-transform:uppercase}
					.searchbar .searchbutton{ background:#AAC288; border:0; width:20px; height:30px; top:5px; -webkit-mask-image:url(img/search.svg);mask-image:url(img/search.svg); -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-size:contain;mask-size:contain;}
/*FOOTER*/
    .site-footer{background: #19371D;display:block;padding: 95px 0 85px 0;position:relative;}
        .site-footer, .site-footer *{ color:#FFF !important; }
        .footernav{ display:grid; grid-template-columns:0.8fr 1fr 210px; margin-top:60px; }
			.footernav ul{ padding:0; margin:0; }
				.footernav li{list-style:none;padding:0px 0 15px 0;font-size: 1.2rem;}
				.footernav li{ }
				.footernav .fnav3 li{ padding:0 0 55px 0}
				.footernav a{ font-size:inherit;}
				.footernav .strong{ font-weight:bold; }
		.footersocial{ position:absolute;top: 20px;right: 0;}
			.facebook, .instagram, .linkedin{width:40px;height:40px;border:2px solid white;display:block;border-radius:50%;box-sizing: border-box;display:inline-block;margin-left:5px;position: relative;}
			.facebook:before{content:"";width: 37px;height: 37px;position:absolute;background:#FFF;-webkit-mask-image:url(img/facebook.svg);-webkit-mask-size: 17px;mask-size: 17px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-image:url(img/facebook.svg);border: 2px solid #FFFFFF;border-radius:50%;right: 0;top: 0;display: block;box-sizing: border-box;}
			.instagram:before{content:"";width: 37px;height: 37px;position:absolute;background:#FFF;-webkit-mask-image:url(img/instagram.svg);-webkit-mask-size: 17px;mask-size: 17px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-image:url(img/instagram.svg);border: 2px solid #FFFFFF;border-radius:50%;right: 0;top: 0;display: block;box-sizing: border-box;}
			.linkedin:before{content:"";width: 37px;height: 37px;position:absolute;background:#FFF;-webkit-mask-image:url(img/linkedin.svg);-webkit-mask-size: 17px;mask-size: 17px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-image:url(img/linkedin.svg);border: 2px solid #FFFFFF;border-radius:50%;right: -1px;top: 0;display: block;box-sizing: border-box;}

        .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: 66px;width: 202px;background: url(img/logo-footer.svg);background-size: contain;background-repeat: no-repeat;margin-bottom: 70px;}
            .footer_text a{color: #72B431 !important;display: block;}
	        .footer_text .address{ padding-top:66px;}
	.footer_grid{ display:grid; grid-template-columns:300px 1fr; grid-gap:200px; }
		.fright{ padding-top:30px; position:relative; }

	
/*DEFAULT*/
	.site{ padding-top:20px; }
    .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;}
	.nav-up .logo, .nav-down .logo{}
	.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*/



/*POSTS*/
	


/*RESPONSIVE*/
	
	@media only screen and (max-width:1920px){
		
	}

	@media only screen and (max-width:1280px){
		html, body{ font-size:16px; }
		h1{				font-size:4.5rem;		}
		h2, .h2{		font-size:2.93rem;	}
		h3, .h3{		font-size:2.2rem; }
		h4, .h4{	font-size:1.74rem;	}
		h5, .h5{		font-size:1.38rem;	}
	}


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

        nav a, nav a:hover, nav a:link, nav a:visited {text-transform: uppercase;line-height: 50px;font-size: 1rem;font-weight: normal;}
		.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: 30px;top: 54px;height:20px;width:40px;z-index: 99999999;}
          .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: 100px 38px 0;}
			nav ul{ padding:0; margin:0; }
			nav .menu li{padding:0;width: 100%;}
			nav .menu li a{padding:0;display:block;text-align: center;background: rgba(255,255,255,0.1);margin-bottom: 10px;border-radius: 50px;}
				
			.main_navigation{display:none; }
			.mobile_navigation{display: block;width: 100%;z-index: 9999999;position: fixed;top: 0;right: 0;height: 0;border-radius: 18px;z-index: -11;overflow: auto;}
				.mobile_navigation.mobilmenushow{transform:translateX(0);z-index: 111;height: calc(100dvh - 30px);}
				.menu-main-navigation-container{transform: translateX(110%);background: var(--palegreen);min-height: calc(100dvh - 30px);border-radius: 18px;}
					.mobile_navigation.mobilmenushow .menu-main-navigation-container{transform: translateX(0%);box-sizing: border-box;}
			.flags{ display:none; }
		.site-header{width: calc(100% - 30px);/* overflow-x: hidden; *//* overflow-y: visible; */}        
		.menu-item-has-children:before{content:"";display:block;width:18px;height:18px;background:#FFF;position:absolute;top: 13px;right: 19px;-webkit-mask-image: url(img/arrow-drop.svg);-webkit-mask-size: contain;-webkit-mask-position: 0px 0px;}
				.menu-item-has-children.submenushow:before{    transform: rotate(180deg);    transform-origin: center;    top: 18px;}
			nav .menu .sub-menu{max-height: 0;height: auto !important;position:relative;padding: 0;max-width: unset;left: 0;transform: unset;text-align: center;overflow: hidden;opacity: 1;margin-bottom: 0;width: 100%;left: 0;transform: translate(0,0);padding: 0 !important;}
			.menu-item-has-children:hover .sub-menu:before{ display:none; }
			nav .menu .submenushow .sub-menu{max-height:1000px;width: 100%;position: relative;left: 0;transform: translate(0,0);padding: 0 !important;}
				nav .menu .sub-menu li{background: #faf8f59c;padding: 8px 20px 3px 60px;}
				nav .menu .submenushow .sub-menu a{background:transparent;padding:0;top: 0;}
				nav .menu .sub-menu li:first-of-type{padding-top:20px;}
				nav .menu .sub-menu li:last-of-type{padding-bottom: 8px;}
				img.nav-icon{ left:-10px;}
				nav .menu .sub-menu li a{    width: 200px;    margin: 0 auto;    line-height: 1.5em;}
		.slider_title { left: 20px; }
		.breadcrumbs_wrapper{ display:none; }

		.product_list_grid{ grid-template-columns:1fr 1fr; }
		.single-post .site-main{padding: 20px 0px;}
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
		.logo_wrapper{ left:-6px; }
		.fullwidth, .narrow{ width:calc(100% - 30px); }
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
        html, body{ font-size:14px; }
		h1{				font-size:3rem;		}
		h2, .h2{		font-size:2.57rem;	}
		h3, .h3{		font-size:1.625rem; }
		h4, .h4{	font-size:1.4375rem;	}
		h5, .h5{		font-size:1.1875rem;	}
		
		.footer_grid{ grid-template-columns:1fr; }
		.site-footer{padding: 38px 0;text-align: center;}	
		.footer_logo{ margin:0 auto 65px; }
		.fright{ display:none; }
		.footer_text, .footer_text *, .footer_text a{font-size:1.5rem;line-height: 1.75em;color: #FFF !important;}
		.footer_text .address{ padding-top:0; }
		.footer_text .address:before{content:"Head Office"; display:block; padding-top:0; }
		.product_list_grid{ grid-template-columns:1fr; }
			.product_list {width:calc(100% - 30px);}
			.product_title_grid .ptg h5{ font-size:1.64rem; }
			.product_title_grid{ display:flex; width:100%; }
				.product_title_grid .ptg{ width:75%;}
			.product_title_grid .button{padding: 10px 5px;height: auto;width: 28%;color: black;border: 1px solid black;}

		
		.product_content_grid {width:calc(100% - 30px);margin:0 auto;display: grid;grid-template-columns: 1fr;grid-gap: 50px;padding-bottom: 120px;box-sizing: border-box;}
			.product_content{ width:100%; overflow:hidden; }
			.product_dropdown .h5, .product_dropdown h5{ font-size:1.6rem ;}
			.multiblock .pd_grid_element{ grid-template-columns:1fr; }
			.product_datasheet .h4{text-align:center;display: block;margin-bottom: 20px;}
		.newscontent{margin-top:50px;padding: 0px;width: 100%;}
		.contact_wrapper{ padding:0 20px;}
			.contact_block_grid {display: grid;grid-template-columns: 1fr;margin: 60px 0 20px;grid-gap: 32px;margin-bottom: 80px;}
		.page-id-125 .narrow{width: 100%;}
		.contact_block_grid .green{ font-size:2rem;}
	}

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

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