@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=8817efe4-7a8e-453f-a096-de30a60debd9");
    @font-face{
        font-family:"ExtraLight";
        src:url("fonts/a6b68c80-5301-4bb4-85b6-e00f5ddcd61b.woff2") format("woff2"),url("fonts/79793fef-e41a-4098-9c26-adba303a0ca9.woff") format("woff");
    }
    @font-face{
        font-family:"Light";
        src:url("fonts/c9fea7af-f1a6-41f5-9136-4e880d67ea54.woff2") format("woff2"),url("fonts/780cc1d2-81e2-4cf4-8f61-e41341d1cf0a.woff") format("woff");
    }
    @font-face{
        font-family:"Regular";
        src:url("fonts/6733bbb8-ecc3-4b7d-aa0a-a7d41e6f0481.woff2") format("woff2"),url("fonts/4aed75af-e2d5-4764-b47a-8610a2751296.woff") format("woff");
    }
    @font-face{
        font-family:"Medium";
        src:url("fonts/69ab64b8-6b04-43e7-8613-3faf56a45002.woff2") format("woff2"),url("fonts/8a8d551b-3388-4437-bed4-4ffa6995730b.woff") format("woff");
    }
    @font-face{
        font-family:"SemiBold";
        src:url("fonts/fa8a1e3c-e46a-488b-9da3-93a0e5f03c9e.woff2") format("woff2"),url("fonts/dde55fb6-bfce-49b1-b60d-080468038cf5.woff") format("woff");
    }
    @font-face{
        font-family:"Bold";
        src:url("fonts/4d0b5d39-3da2-4957-9552-7e66dbf5288f.woff2") format("woff2"),url("fonts/9b2d3f79-a333-4688-8410-5b166022a017.woff") format("woff");
    }
    @font-face{
        font-family:"ExtraBold";
        src:url("fonts/ab882535-a68f-49f9-bc21-d43702def7a4.woff2") format("woff2"),url("fonts/e1780f39-95b6-4359-9152-13f70613e62e.woff") format("woff");
    }
/* FONTS (via fonts.com)

        font-family:"ExtraLight";
        font-family:"Light";
        font-family:"Regular";
        font-family:"Medium";
        font-family:"SemiBold";
        font-family:"Bold";
        font-family:"ExtraBold";

*/

/* VARIABLES */

:root { 
		
	--default-font: regular;
	--default-font-size: 18px;
	--default-input-font-size: 18px;

	--col-primary: #FF4D00;
	--col-primary-rgb: 247,114,32;

	--col-accent: #000;
	--col-accent-rgb: 0,0,0;
	
	--col-text: #000;
	--col-input: #C3C3C3;

	--col-button: #FF4D00;
	--col-button-rgb: 255, 255, 255;

	--col-link: #FF4D00;
	--col-link-rgb: 29,79,145;

	--col-link-hover: #000000;
	--col-link-hover-rgb: 0,0,0;

	--col-error: #ff6633;
	--col-error-rgb: 255,51,0;
	
	--col-attention: #ff6633;
	--col-attention-rgb: 255,51,0;

	--col-warning: #f5b00e;
	--col-warning-rgb: 245,176,14;

	--col-missing: #ff6633;
	--col-missing-rgb: 255,51,0;

	--col-burger: #FF4D00;

	--col-border: #6D859B;
	--col-border-rgb: 215,215,215;

	--dim-site-width: 1440px;
	--dim-default-space: 80px;
	--dim-input-height: 48px;

	--col-orange: #d45e44;
	--col-orange-rgb: 212,94,68;
}

/* theme */

body { font-weight: 400; }
html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.5; color: #000;}
p.short  { max-width: 1060px; margin-left: auto; margin-right: auto;}
p.shorter  { max-width: 880px; margin-left: auto; margin-right: auto;}
p.large { font-size: 21px; line-height: 1.66}
b,strong { font-weight: normal; font-family: SemiBold; }
p.larger { font-size: 24px; line-height: 1.66}

h1, h2, h3, h4, h5, h6 { font-family: Bold; font-weight: normal; }
h1 { font-size: 60px; color:var(--col-primary);; text-transform: uppercase; line-height: 1; margin-bottom: 0px;}
h2 { font-size: 48px; color: #000; text-transform: uppercase; line-height: 1; margin-bottom: 40px; }
h2.line:before { content: ""; width: 100px; display: block; height: 10px; background: var(--col-primary); margin: 0 auto 15px;}
h2.small { font-size: 36px; margin-bottom: 25px}
h2.line.small:before { margin-bottom: 30px;}
h2.smaller { font-size: 24px; }
h2.line.smaller:before { margin-bottom: 30px !important;}
h2.left { text-align: left;}
h2.line.left:before { margin: 0 auto 15px 0;}

h3 { font-size: 32px; color: var(--col-primary); text-transform: uppercase; line-height: 40px; text-align: center; max-width: 1200px; margin: 0 auto 40px;}
h4 { font-size: 22px; color: #000; font-weight: normal; font-family: SemiBold; font-weight: normal; font-family: SemiBold; line-height: 32px; margin-bottom: 60px; }
h5 { font-size: 36px; color: #000; text-transform: uppercase; line-height: 1; margin-bottom: 20px; text-align: left;}

h6 { font-size: 24px; color: #000; line-height: 1.33; margin-bottom: 12px; text-transform: uppercase;}
h6:last-child { margin-bottom: 0px;}

h3.shorter { max-width: 1180px; margin-left: auto; margin-right: auto;}
h4.shorter { max-width: 1080px; margin-left: auto; margin-right: auto;}

/*CONTAINERS*/
article > section {max-width: 1280px; padding: 0 0px; margin: 70px auto;}
article > section.full {max-width: 1440px; padding: 0px; margin: 70px auto;}
article > section.max {max-width: 100%; padding: 0px; margin: 70px auto;}
article > section.flush {margin: 0px auto; margin-top: -2px}
article > section.masthead {margin: 0px auto; max-width: 1440px; padding: 0; position: relative; z-index: 4;}
div.masthead { position: relative;}
div.masthead > a > img, div.masthead > img  { display: block; width: 100%;}
article { padding-top: 80px;}
body[data-article="home"] article { padding-top: 0px;}
div.image { display: block; width: 100%; position: relative;}
div.image > img, div.image > picture { display: block; width: 100%; }

/* ALIGNMENTS */


/*BUTTONS*/
a.btn { color: var(--col-primary); background-color: transparent;  font-family: Bold; font-size: 18px; line-height: 24px; text-transform: uppercase; position: relative; }
a.btn:after { content:""; display: inline-block; margin-left: 15px; height: 24px; width: 8px; background: url(/img/icons/red/arrow-right.svg) no-repeat right center; background-size: 6px auto; vertical-align: top; }
a.btn:hover { color: #000}
a.btn:hover:after { filter: grayscale(100%);}

a.btn2 { color: var(--col-primary); background-color: #000;  font-family: Bold; font-size: 18px; line-height: 50px; text-transform: uppercase; position: relative; display: block; width: 100%; text-align: left; padding-left: 20px;}
a.btn2:after { content:""; display: block; height: 50px; width: 8px; background: url(/img/icons/red/arrow-right.svg) no-repeat right center; background-size: 10px auto; vertical-align: top; position: absolute; right: 16px; top: 0}
a.btn2:hover { color: #fff}
a.btn2:hover:after { background-image:  url(/img/icons/white/arrow-right.svg)}

a.btn3 { color: var(--col-primary); font-size: 22px; line-height: 2; text-transform: uppercase; position: relative; font-weight: normal; font-family: SemiBold; font-weight: normal; font-family: SemiBold; font-family: Bold; text-decoration: underline;}

/*COLOURS*/
.white { color: #fff !important}
.red { color: var(--col-primary) !important}
.black { color: #000 !important}
.bg-red { background-color: var(--col-primary) !important}
.bg-black { background-color: #000 !important}
.bg-gray { background-color: #EFEFEF !important}

.bg-black h2, .bg-black p, .bg-black a { color:#fff;}

/* CONTENT BLOCKS */

/*CAPTIONS*/
div.caption.white * { color:#fff;}

/*FORMS*/

/*HEADER*/

#language-switch { position: fixed; top: 0; left: 0; width: 100%; display: block; z-index: 10; background: #000; padding: 20px 50px; }
#language-switch p { display: block; color: var(--col-primary); font-size: 18px; text-align: center; margin: 0 auto}
#language-switch > a { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 100%;  background: url(/img/icons/red/x.svg) no-repeat center center; background-size: 15px auto; z-index: 11;}

header { height: 80px; background-color: #000;  width: 100%; max-width: 1440px; left: calc(50% - 720px); position: fixed; top: 0}
header div.logo { display: block; position: absolute; left: 0px; top: 0px; padding: 25px 80px;}
header div.logo a { display: block; width: 100%; height: 100%;}
header div.logo img { display: block; width: auto; height: 30px;}


header nav { display: block; text-align: center; padding-left: 392px;}
header nav ul { display: block; width: 100%; text-align: center; font-size: 0}
header nav ul > li { display: inline-block; vertical-align: middle; text-align: center; position: relative; padding: 0px; }
header nav ul > li > a { display: block; width: 100%; text-align: left; line-height: 80px; color: #fff; font-size: 14px; font-family: Bold; padding: 0 20px; text-transform: uppercase;}
header nav ul > li > a.toggle-search { display: block; width: 20px; height: 20px; ; background: url(/img/icons/white/zoom.svg) no-repeat center center; padding: 0; background-size: contain; margin-left: 10px; cursor: pointer;}
header nav ul > li > a.toggle-search:hover { background-color: transparent; background-image: url(/img/icons/orange/zoom.svg); background-size: contain; }
header nav ul > li > a.active { background-color: var(--col-primary); }
header nav ul > li:hover > a { background-color: var(--col-primary); }
header nav ul > li > ul { display: block; max-height: 0; overflow: hidden; width: 260px; top: 80px; position: absolute; left: 0; background-color: var(--col-primary); ; }
header nav ul > li > ul > li { display: block; width: 100%;}
header nav ul > li > ul > li > a { display: block; width: 100%; line-height: 60px; padding: 0 20px; text-align: left;}
header nav ul > li > ul > li:hover > a { background-color: #000; color: #fff; }
header nav ul > li:hover > ul { max-height: 800px; }
header nav ul > li > ul.largenav   { width: 400px;}

div.home-icons { padding: 15px 20px 0 0; text-align: right; }
div.home-icons a { color: #fff; font-family: Bold; font-size: 16px; text-transform: uppercase; display: inline-block; margin-left: 15px; line-height:20px; display: inline-block; vertical-align: middle; height: 20px;}
div.home-icons a:hover { color: var(--col-primary);}
div.home-icons a img { width: 18px; position: relative; top: 2px;}

body[data-article="home"] header { height: 0px; background-color: transparent;  }
body[data-article="home"] header div.logo { display: none !important;}
body[data-article="home"] header.attached div.logo { display:block !important; padding: 0px; background: url(/img/logo2.svg) no-repeat left center; background-size: auto 20px; left: 50px; width: 60px; height: 60px; z-index: 9999}
body[data-article="home"] header.attached div.logo a img { display:none;}
body[data-article="home"] header div.burger { position: absolute; display: block; left: 0; top: 0}
body[data-article="home"] header nav ul > li > a.toggle-search { display: none;}
div.burger ul li { height:2px;}

body[data-article="home"]  header nav { position: absolute; top: -200vh; left: 0px; padding-top: 80px; padding-bottom: 80px; max-height: 100vh;  width: 400px; max-width: 100vw; opacity: 0; background: #000; padding-left: 0}
body[data-article="home"] header.active nav { left: 0px; top: 0; opacity: 1;}

@media only screen and (min-width: 981px) {
		body[data-article="home"] header nav ul { display: block; width: 100%; text-align: center; font-size: 0}
		body[data-article="home"] header nav ul > li { display: block; text-align: left; position: relative; padding: 0px; }
		body[data-article="home"] header nav ul > li > a { display: block; width: 100%; text-align: left; line-height: 40px; color: #fff; font-size: 14px; font-family: Bold; padding: 0 20px; text-transform: uppercase;}
		body[data-article="home"] header nav ul > li > a.active { background-color: var(--col-primary); }
		body[data-article="home"] header nav ul > li:hover > a { background-color: var(--col-primary); }
		body[data-article="home"] header nav ul > li > ul { display: none !important; max-height: 0; overflow: hidden; width: 260px; top: 80px; position: absolute; left: 0; background-color: var(--col-primary); ; }
		body[data-article="home"] header nav ul > li > ul > li { display: block; width: 100%;}
		body[data-article="home"] header nav ul > li > ul > li > a { display: block; width: 100%; line-height: 60px; padding: 0 20px; text-align: left;}
		body[data-article="home"] header nav ul > li > ul > li:hover > a { background-color: #000; color: #fff; }
		body[data-article="home"] header nav ul > li:hover > ul { max-height: 660px; }
		body[data-article="home"] header nav ul > li > ul.largenav   { width: 400px;}
}

/*FOOTER*/

footer { display: block; width: 1440px; max-width: 100%; margin: 50px auto 0; background: var(--col-primary); font-size: 0; padding: 40px var(--dim-default-space) 20px;background: #000;}

footer div.footer-content { display: block; width: 100%; font-size: 0; position: relative; padding-left: 100px; }
footer div.footer-content > div { display: inline-block; vertical-align: top; padding-left: 80px;}

footer div.logo { display: block; width: 100px; padding-left: 0 !important; position: absolute; top: 0; left: 0}
footer div.logo img { display: block; width: 100%; }

div.footer-contact-info { font-size: 0; width: calc(100% - 610px);}
div.footer-contact-info > div { display: inline-block; width: 50%;}

footer div.address { text-align: left; font-size: 18px; color: #fff; }
footer div.address b { font-size: 18px; color: #fff; font-family: Bold; font-weight: normal; font-family: SemiBold; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; display: block;}

div.social { display: block; text-align: left; width: 100%; }
div.social ul { display: block; text-align: left; width: 100%; font-size: 0; margin-bottom: 20px;}
div.social ul li { display: inline-block; vertical-align: top; padding-right: 15px;}
div.social ul li a { color: #fff; font-size: 16px; text-align: left; width: 100%; }

footer div.contact-info { text-align: left; }


a.footer-emergency { display: block; width: 190px; max-width: 100%; margin-top: 20px; line-height: 40px; background: var(--col-primary); color: #fff; text-align: center; font-size: 14px; font-family: Bold;  }
a.footer-emergency.img { width: 240px; }
a.footer-emergency.img img { display: block;}

a.contact-link { display: block; width: 100%; padding-left: 20px; position: relative; font-size: 14px; line-height: 1.75; color: #000}
footer a.contact-link { color: #fff; }
a.contact-link:before { content: ""; display: block; width: 20px; position: absolute; top: 0px; left: 0; text-align: left; font-size: 14px; color: var(--col-primary); line-height: 1.75; font-family: Bold; }
a.phonelink:before { content: "P"; }
a.tollfree:before { content: "TF"; }
a.faxlink:before { content: "F"; }
a.emaillink:before { content: "E"; }
a.maplink:before {content: "A"}

footer > div.footer-links { padding-top: 0px; width: 180px; text-align: right; }

footer div.footer-content > div.footer-links { padding-left: 60px;}
footer div.footer-links a { display: block; width: 100%; margin: 0 0 0 auto; line-height: 30px; text-align: left; color: var(--col-primary); background: url(/img/icons/red/arrow-down.svg) no-repeat right center; background-size: 10px auto; background: none; font-size: 18px; font-family: Bold}
footer div.footer-links a.arrow-double { background-image: url(/img/icons/red/arrow-down-double.svg);}
ul.downloads {display: block; width: 100%; max-height: 30px; background: #000; overflow: hidden;}
ul.downloads span {display: block; width: 100%; height: 30px; line-height: 30px; text-align: left; color: var(--col-primary); background: url(/img/icons/red/arrow-down.svg) no-repeat right center; background-size: 10px auto; font-size: 18px; font-family: Bold; padding-right: 20px; cursor: pointer}
ul.downloads.open span {background: url(/img/icons/red/arrow-up.svg) no-repeat right center; background-size: 10px auto; }
ul.downloads li  {display: block; width: 100%; text-align: left;}
ul.downloads li a  {display: block; width: 100%; height: 28px; line-height: 28px; text-align: left; color: var(--col-primary); font-size: 16px; font-family: Light; text-transform: none;}
ul.downloads li a:hover  {font-family: Medium; }
ul.downloads.open { max-height: 400px;}
div.footer-links img { max-width: 100px; width: 100%; display: block; margin: 10px auto 0;}

#register { width: 430px; }
#register div.title { font-size: 18px; color: #fff; font-family: Bold; font-weight: normal; font-family: SemiBold; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; display: block;}
#register div.checkbox { padding-right: 100px; position: relative;}
#register div.checkbox label { font-size: 14px; color: #fff;}
#register div.checkbox label:before { border: 1px solid #fff}
#register div.checkbox input:checked + label:before { background-image: url(/lib/img/white/checkmark.svg)}
#register button[type="submit"] { position: absolute; right: 0; top: 0; font-family: Bold;  padding: 0 20px}
#register div.reveal-response p { color: #fff; font-size: 18px;}


footer div.disclaimer { color: #fff; font-size: 14px; text-align: left; padding-top: 40px;}
footer div.disclaimer p { color: #fff; font-size: 14px; display: block; width: 100%; text-align: left; margin: 0 auto}
footer div.disclaimer a { color: #fff; font-size: 14px; }
footer div.disclaimer a:hover { color: var(--col-primary)}

/* BLOCKS */
div.grid-3 {width: calc(100% + 10px); margin-left: -5px; margin-bottom: -50px;}
div.grid-3 > div {width: 33.33%; padding: 0 5px; margin-bottom: 50px;}

div.grid-4 {width: calc(100% + 16px); margin-left: -8px; margin-bottom: -50px;}
div.grid-4 > div {width: 25%; padding: 0 8px; margin-bottom: 50px;}
div.grid-4 > div.span-3 {width: 75%; padding: 0 8px; margin-bottom: 50px;}

div.grid-5 {width: calc(100% + 16px); margin-left: -8px; margin-bottom: -50px;}
div.grid-5 > div {width: 20%; padding: 0 6px; margin-bottom: 50px;}

div.grid-icons-4 {width: calc(100% + 50px); margin-left: -20px; margin-bottom: -50px;}
div.grid-icons-4 > div {width: 25%; padding: 0 25px; margin-bottom: 50px;}
div.grid-icons-4.grid-special-icons {width: calc(100% + 16px); margin-left: -8px; }
div.grid-icons-4.grid-special-icons > div {padding: 0 8px; }

div.grid-icons-3 {width: calc(100% + 50px); margin-left: -25px; margin-bottom: -50px; margin-top: 50px;}
div.grid-icons-3 > div {width: 33.33%; padding: 0 25px; margin-bottom: 50px;}

div.grid-icons-2 {width: calc(100% + 50px); margin-left: -25px; margin-bottom: -50px;}
div.grid-icons-2 > div {width: 50%; padding: 0 25px; margin-bottom: 50px;}


div.grid-boxes { width: 100%; margin: 15px auto}
div.grid-boxes > div { vertical-align: middle; padding: 0px; width: 50%}
div.grid-boxes.bigleft > div { vertical-align: middle; padding: 0px; width: 40%}
div.grid-boxes.bigleft > div:last-child { width: 60%}
div.grid-boxes > div.txt { padding: 10px 100px; text-align: left;}
div.grid-boxes > div.txt.no-padding { padding: 10px 100px 10px 0;}
div.grid-boxes.right-txt > div.txt.no-padding { padding: 10px 0px 10px 100px;}
div.grid-boxes > div.img > img { display: block; width: 100%;}
div.grid-boxes > div.img2 > img { margin: 0 0 0 auto; display: block;}
div.grid-boxes.bigleft h4 { margin-bottom: 30px}
div.grid-boxes.grid-boxes-special1 { background: #EFEFEF}
div.grid-boxes.grid-boxes-special1 > div.txt { padding: 0px 30px; text-align: left; vertical-align: top}

div.grid-boxes2 { width: 100%; margin: 15px auto}
section.flush div.grid-boxes2 { margin: 0 auto;}
div.grid-boxes2 > div { vertical-align: middle; padding: 0px; width: 50%}
div.grid-boxes2 > div.txt { padding: 10px 100px; text-align: left;}
div.grid-boxes2 > div.img > img { display: block; width: 100%;}


div.grid-2 {width: calc(100% + 16px); margin-left: -8px; margin-bottom: 0px;}
div.grid-2 > div {width: 50%; padding: 0 8px; margin-bottom: 0px;}

div.grid-2-full {width: 100%; margin-bottom: 0px;}
div.grid-2-full > div {width: 50%; padding: 0px; margin-bottom: 0px;}

div.icon { display: block; width: 100%; min-height: 110px; position: relative;}
div.grid-icons-3 div.icon { min-height: 180px; }
div.grid-icons-4.grid-special-icons div.icon { min-height: 180px}
div.icon > img, div.icon > a > img { margin: 0 auto; display: block; width: auto;}
div.icon > img, div.icon > a  { margin: 0 auto; display: block; top: 50%; left: 50%; position: absolute; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%); }
div.icon + p { margin-top: 20px;}

div.thumb { display: block; width: 100%; }
div.thumb > img, div.thumb > a > img { margin: 0 auto; display: block; width: 100%;}

div.grid-4 h6, div.grid-5 h6, div.grid-3 h6 { font-size: 18px; margin-top: 15px;}
div.grid-icons-4 h6 { font-size: 18px; min-height: 50px; margin-bottom: 20px;}
div.grid-icons-4.grid-special-icons h6 { font-size: 24px; }


div.submenu { display: block; width: 100%; padding: 0 var(--dim-default-space); background: #EFEFEF; font-size: 0}
div.submenu > div { display: inline-block; vertical-align: middle; height: 100px; position: relative; border-right: 1px solid #fff; cursor: pointer;}
div.submenu > div:last-child { border-right: 0px solid #fff}
div.submenu  a { display: table; width: 100%; position: relative; padding: 0 55px; text-align: left; color: #A5A5A5; font-size: 18px;  font-family: Bold; text-transform: uppercase; line-height: 1.33; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
div.submenu.tight a { padding: 0 40px; }
div.submenu > div.active { background-color: var(--col-primary);}
div.submenu > div.active a { color: #000; }

div.tabmenu { display: block; width: 100%; font-size: 0; margin: 150px auto}
div.tabmenu div.nav{ display: block; width: 100%; font-size: 0;}
div.tabmenu div.nav > div { display: inline-block; vertical-align: middle; position: relative;  width: 25%;cursor: pointer; text-align: center;}
div.tabmenu div.nav div.icon-new { display: block; height: 100px; position: relative; margin-bottom: 0px}
div.tabmenu div.nav div.icon-new img { display: block; position: relative; margin: 0 auto; top: 50%; transform: translate3D(0, -50%, 0) scale(0.7)}
div.tabmenu div.nav > div:last-child { border-color: #ccc;}
div.tabmenu.tabs-2 div.nav > div { width: 50%;}
div.tabmenu.tabs-6 div.nav > div { width: 16.66%;}
div.tabmenu.tabs-5 div.nav > div { width: 20%;}

div.tabmenu div.nav a { display: table; width: 100%; position: relative; padding: 0 10px; text-align:center; color: #000; font-size: 24px; font-weight: normal; font-family: SemiBold; font-weight: normal; font-family: SemiBold;  text-transform: uppercase; line-height: 1.33;  }
div.tabmenu.tabs-5 div.nav a, div.tabmenu.tabs-6 div.nav a {font-size: 18px; }
div.tabmenu div.nav > div.active{ }
div.tabmenu div.nav > div.active a { color: #000}
div.tabmenu div.tab { display: none; width: 100%; font-size: var(--default-font-size); padding: 50px 100px; background: #000; margin-top: 50px; position: relative;}
div.tabmenu div.tab * { color: #fff}
div.tabmenu div.tab ul li:before{ background-color: #fff !important;}
div.tabmenu div.tab.active { display: block;}
div.tabmenu div.tab.active:after {content:""; display: block; position: absolute; top: -20px; left: calc(12.5% - 15px); width: 0;height: 0;border-style: solid;border-width: 0 15px 20px 15px;border-color: transparent transparent #000000 transparent;}
div.tabmenu div.tab.active[data-id="2"]:after {left: calc(37.5% - 15px); }
div.tabmenu div.tab.active[data-id="3"]:after {left: calc(62.5% - 15px); }
div.tabmenu div.tab.active[data-id="4"]:after {left: calc(87.5% - 15px); }
div.tabmenu div.tab.active[data-id="5"]:after {left: calc(75% - 15px); }
div.tabmenu div.tab.active[data-id="6"]:after {left: calc(91.33% - 15px); }

div.tabmenu.tabs-5 div.tab.active[data-id="1"]:after {left: calc(10% - 15px); }
div.tabmenu.tabs-5 div.tab.active[data-id="2"]:after {left: calc(30% - 15px); }
div.tabmenu.tabs-5 div.tab.active[data-id="3"]:after {left: calc(50% - 15px); }
div.tabmenu.tabs-5 div.tab.active[data-id="4"]:after {left: calc(70% - 15px); }
div.tabmenu.tabs-5 div.tab.active[data-id="5"]:after {left: calc(90% - 15px); }

div.tabmenu.tabs-6 div.tab.active[data-id="1"]:after {left: calc(8.33% - 15px); }
div.tabmenu.tabs-6 div.tab.active[data-id="2"]:after {left: calc(25% - 15px); }
div.tabmenu.tabs-6 div.tab.active[data-id="3"]:after {left: calc(41.66% - 15px); }
div.tabmenu.tabs-6 div.tab.active[data-id="4"]:after {left: calc(58.33% - 15px); }
div.tabmenu.tabs-6 div.tab.active[data-id="5"]:after {left: calc(75% - 15px); }

div.tabmenu.tabs-2 div.tab.active[data-id="1"]:after {left: calc(25% - 15px); }
div.tabmenu.tabs-2 div.tab.active[data-id="2"]:after {left: calc(75% - 15px); }

/*div.caption-main { background: var(--col-primary); position: absolute; bottom: 0; left: var(--dim-default-space); padding: 30px 30px;}*/
div.caption-main { background: none; position: absolute; bottom: 0; left: var(--dim-default-space); padding: 30px 30px;}
div.caption-main h1 { line-height: 0.9em; font-size: 48px; margin-bottom: 25px; margin-bottom: 0; color: #fff;}
div.caption-main h1:last-child { margin-bottom: 0px}
div.caption-main > a { width: auto; display: table; line-height: 50px; background: url(/img/icons/black/arrow.svg) no-repeat var(--col-primary) calc(100% - 30px) center; background-size: 10px 20px; color: #000; font-size: 18px; font-family: Bold;text-transform: uppercase; text-align: left; padding: 0 50px 0 20px; display: none;}
div.caption-main > a:hover { background-color: #fff; color: #000}
div.caption-main > a:after { display: none;}

a.btn-video { display: block; width: 77px; height: 77px; background: url(/img/icons/play.svg) no-repeat center center; background-size: contain;}

/*div.caption-home { background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; padding: 35px 80px 0; text-align: left; width: 930px; max-width: 80%;}*/
/*div.caption-home > a { width: auto; display: table; line-height: 50px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 20px) center; background-size: 10px 20px; color: var(--col-primary); font-size: 18px; font-family: Bold;text-transform: uppercase; text-align: left; padding: 0 50px 0 30px; }*/
/*div.caption-home > a:hover { background-image:  url(/img/icons/white/arrow-right.svg); color: #fff; }*/
/*div.caption-home h1  { color: #fff; margin-bottom: 20px;}*/
/*div.caption-home p  { margin-bottom: 40px; color: #fff; line-height: 1.5; }*/
div.caption-home { padding-left: 80px; text-align: left;}
div.caption-home img { display: block; max-width: 70%; width: 720px; margin: 0 auto 40px 0; }


/*CONTENT*/
div.home-grid h6 { margin-bottom: 0; color: #000; padding: 30px 20px 0 30px; position: absolute; top: 0; left: 0; text-transform: uppercase;}
div.home-grid div { position: relative;}
div.home-grid a { display: block; position: absolute; width: 100%; bottom: 0; left: 0; line-height: 50px; padding-left: 30px; color: var(--col-primary); text-transform: uppercase; font-size: 18px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 20px); background-size: 10px auto; text-align: left; font-family: Bold;}
div.home-grid a:hover { color: #fff; background-image: url(/img/icons/white/arrow-right.svg)}
div.home-grid div.home-1 h6 { padding-left: 50px}
div.home-grid div.home-4 h6 { margin-bottom: 0; color: #fff}
div.home-2 > div {display: block; width: 100%; height: calc(50% - 8px); margin-bottom: 16px;}
div.home-2 > div:last-child {margin-bottom: 0px;}
div.home-4 { font-size: 0}
div.home-4 > div { display: inline-block; width: calc(50% - 8px); margin-right: 16px; vertical-align: top;}
div.home-4 > div:last-child { margin-right: 0px;}

div.grid-about > div > div { background-color: #EFEFEF; padding: 0 30px 40px; min-height: 200px;}
div.grid-about h5 { max-width: 400px;}

div.case-study-tmb { width: 360px; max-width: 25vw; padding: 10px;}
button.slick-arrow { margin: 0;line-height: 0; padding: 0; font-size: 0; background:url(/img/icons/orange/arrow.svg) no-repeat center center; background-size: contain; width: 20px; height: 40px; border: 0; top: 90px; position: absolute; display: block;  z-index: 7; left: -30px}
button.slick-arrow:hover { background-color: transparent;}
button.slick-arrow.slick-next{ transform: rotate(180deg); left: auto; right: -30px}


div.tile {  display: block; width: 100%; position: relative;}
div.tile img {  display: block; width: 100%; }
div.tile h6 {  margin-bottom: 0; color: #000; padding: 30px 20px 0 30px; position: absolute; top: 0; left: 0; text-transform: uppercase; }
div.tile a { display: block; position: absolute; width: 100%; max-width: 310px; bottom: 0; left: 0; line-height: 50px; padding-left: 30px; color: var(--col-primary); text-transform: uppercase; font-size: 18px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 20px); background-size: 10px auto; text-align: left; }

div.contact-country { display: block; margin-bottom: 60px; text-align: left;}
div.contact-country h3 { text-align: left; margin-bottom: 10px; margin-left:0; margin-right: auto;}
div.location a.contact-link { font-size: 24px; line-height: 1.5; padding-left: 40px}
div.location a.contact-link:before { font-size: 24px; }
div.location h6 { font-size: 24px; }
div.grid-4 div.linkedin { width: 75%; padding-right: 90px; vertical-align: bottom;}
div.linkedin div { width: 310px; margin: 0 0 0 auto; display: block; text-align: left;}
div.linkedin a { display: block; margin-top: 20px; text-align: left}

ul.two-cols { columns: 400px 2; column-gap: 30px; column-fill: balance;}
ul.two-cols li { display: block; padding-left: 14px; font-size: 18px; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: left; break-inside: avoid;}
ul.two-cols li:before { content: ""; position: absolute; display: block; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 6px; background: #000;}
ul.two-cols.shorter { max-width: 840px; margin: 0 auto}
ol.two-cols { columns: 400px 2; column-gap: 30px; column-fill: balance; list-style-type: decimal; padding-left: 30px}
ol.two-cols li { display: list-item; padding-left: 14px; font-size: 18px; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: left; break-inside: avoid;}
ol.two-cols.shorter { max-width: 840px; margin: 0 auto}

/*ul.unbalanced-left { font-size: 0}*/
/*ul.unbalanced-left li { display: inline-block; vertical-align: top; width: 55%; padding-left: 14px; font-size: 18px; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: left; padding-right: 30px;}*/
/*ul.unbalanced-left li:nth-child(even) { width: 45%; padding-right: 0px;}*/
/*ul.unbalanced-left li:before { content: ""; position: absolute; display: block; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 6px; background: #000;}*/
/*ul.unbalanced-left.shorter { max-width: 1080px; margin: 0 auto}*/
div.unbalanced-left { max-width: 1080px;}
div.unbalanced-left.shorter{ max-width: 820px;}
div.unbalanced-left > div { width: 55%; padding-right: 30px;}
div.unbalanced-left > div:last-child { width: 45%; padding-right: 0}
div.unbalanced-left.very-unbalanced > div { width: 65%; padding-right: 50px;}
div.unbalanced-left.very-unbalanced > div:last-child { width: 35%; padding-right: 0}

div.unbalanced-right { max-width: 1080px;}
div.unbalanced-right.shorter{ max-width: 820px;}
div.unbalanced-right > div { width: 45%; padding-right: 30px;}
div.unbalanced-right > div:last-child { width: 55%; padding-right: 0}



ul.listing { }
ul.listing.shorter  { max-width: 550px; margin: 0 auto; }
ul.listing li { display: block; font-size: 18px; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}
ul.listing.bullets li { text-align: left; padding-left: 14px;}
ul.listing.bullets li:before { content: ""; position: absolute; display: block; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 6px; background: #000;}
ul.bullets li { display: block; font-size: 18px; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}
ul.bullets li { text-align: left; padding-left: 14px;}
ul.bullets li:before { content: ""; position: absolute; display: block; left: 0; top: 0.5em; width: 6px; height: 6px; border-radius: 6px; background: #000;}
ul.listing.left li  { text-align: left;}

ul.listing.double { font-size: 0; }
ul.listing.double li { text-align: center; width: 50%; display: inline-block; vertical-align: top;}

div.callout { position: relative;}
div.callout > img { position: relative; display: block; width: 100%;}
div.callout h2 { position: absolute; display: block; top: 50%; left: 0; transform: translate3D(0, -60%, 0); text-align: left; padding: 0 20px 0 50px;}
div.callout a.btn2  { position: absolute; display: block; bottom: 0; left: 0; width: 100%; }

/*FORMS*/
#frmContact { max-width: 1084px; padding: 0 10px; margin: 0 auto 75px}
#frmContact button[type="submit"] { line-height: 42px; background: url(/img/icons/red/arrow-right.svg) #000 no-repeat calc(100% - 10px) center; background-size: 8px auto; padding: 0 75px 0 20px; color: var(--col-primary); font-size: 18px; font-family: Bold; position: absolute; right: 0; top:0}
#frmContact button[type="submit"]:hover { background-color: #fff; }
#frmContact div.checkbox label { color: #000; padding-right: 180px;}
#frmContact div.field.casl { padding-top: 20px; }

#frmContact *::-webkit-input-placeholder {  line-height: 48px;  color: #C3C3C3; font-size: 18px; font-family: Bold; text-transform: uppercase;}
#frmContact *::-moz-placeholder {  line-height: 48px;  color: #C3C3C3; font-size: 18px; font-family: Bold;text-transform: uppercase;}
#frmContact *:-ms-input-placeholder {  line-height: 48px;  color: #C3C3C3; font-size: 18px; font-family: Bold;text-transform: uppercase;}
#frmContact textarea::-webkit-input-placeholder {  line-height: 1.5;  }
#frmContact textarea::-moz-placeholder {  line-height: 1.5;  }
#frmContact textarea:-ms-input-placeholder {  line-height: 1.5;  }

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { display: block; width: 100%; line-height: 48px; min-height: 48px; border-color: #707070; border-width: 1px; border-style:  solid; border-radius: 0px; padding: 0 10px; text-align: left; color: #000; font-family: inherit; font-size: 18px; background: #fff;}
#frmContact textarea { height: 150px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {width: var(--dim-input-height); height: 100%; right: 0; top: 0; background: url(/img/icons/red/arrow-down.svg) no-repeat center center; background-size: 21px 12px; transform: rotate(0deg); transition: all .1s ease-out}
.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-selection__rendered  { color: #C3C3C3;  text-transform: uppercase; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { font-family: Bold}
.select2-container--default .select2-selection--single .select2-selection__rendered {text-align: left;}

div.catalog div.grid-4, div.pre-used div.grid-4 {margin-bottom: -16px;}
div.catalog div.grid-4 > div, div.pre-used div.grid-4 > div {margin-bottom: 16px;}

div.product {border: 5px solid #EFEFEF; background-color: #EFEFEF;}
div.product div.thumb {padding: 40px 10px 20px; background: #fff;}
div.catalog {margin: 50px auto 100px}
div.catalog div.product div.thumb {background: transparent;}
div.product div.thumb div {display: block; width: 100%; height: 0; padding-bottom: 55%; background: url() no-repeat center center; background-size: contain;}
div.product div.thumb.special-price:after {content: "SPECIAL PRICE"; color: #fff; display: block; position: absolute; left: -5px; top: -5px; width: 155px; text-align: center; background: var(--col-primary); line-height: 50px; font-size: 18px;font-family: Bold;}
div.product div.details { padding: 25px 15px;}
div.product h6 { font-size: 24px;}
div.product p { font-size: 18px;}
div.product div.price  { color: var(--col-primary); font-family: Bold;}
div.catalog a.btn2.learn-more { background-color: #CCCCCC; color: #000; }
div.catalog a.btn2.learn-more[href=""] { display: none!important}
div.catalog a.btn2.learn-more:after { background-image: url(/img/icons/black/arrow.svg);}
section.product-category { display: none; }
section.product-category.active { display: block;}

div.solutions-menu { padding: 0 80px;}
div.solutions-menu > div { display: block; font-size: 0; padding-bottom: 20px;}
div.solutions-menu a { display: inline-block; width: 25%; vertical-align: top; text-align: left; color: #000; font-size: 14px; font-family: Bold; text-transform: uppercase; margin-bottom: 20px; line-height: 1.25;}
div.solutions-menu a.active { color: #cccccc;}


body[data-article="home"] div.masthead { min-height: 386px; position: relative;}

div.caption-about { text-align: left; width: 70%;}
div.caption-about p { color: #fff; text-align: left; font-weight: normal; font-family: SemiBold; font-size: 30px; line-height: 1.6}
div.caption-about h4 {  text-align: left;}

div.grecaptcha-badge { right: -600px !important}
.js-slide-up { top: 350px; position: relative; opacity: 0;}
.js-slide-up.in-view { top: 0px; transition: top .6s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1); opacity: 1;}

span.expand { display:none; }
span.expand.active { display:block; }
span.reduce.inactive { display:none; }


/*NEW CSS*/
div.homenav {position: absolute; bottom: 0; left: 0; width: 100%; }
div.homenav span {display:none;}
div.homenav > ul { display: block; width: 100%; font-size: 0; text-align: center; padding: 0 10px; background: #000; }
div.homenav > ul li {display: inline-block; vertical-align: top; position: relative; }
div.homenav > ul li a {display: block; padding: 20px 20px; line-height: 1.5; font-size: 13px; font-weight: normal; font-family: SemiBold; letter-spacing: 1px; color: #fff; text-align: center;  text-transform: uppercase; }
div.homenav > ul li a:hover {color: var(--col-primary)}

ul.solutions-list  { display: block; }
ul.solutions-list li { margin-bottom: 20px; }
ul.solutions-list li:last-child { margin-bottom: 0px; }
ul.solutions-list li a { color: #fff; font-size: 18px; line-height: 30px; text-transform: uppercase; font-family: Bold; font-weight: normal; font-family: SemiBold;}
ul.solutions-list li:hover a { color: var(--col-primary); font-size: 24px; }
#solutions-image { background: url(/img/home/new/s-construction.jpg) no-repeat center center; background-size: cover; transition: background .5s ease-in;}
#solutions-image img { opacity: 0;}

div.caption-inno { max-width: 720px; margin: 0 auto; padding: 0 20px; }

div.list-industries { position: relative;}
div.list-industries div.title { position: absolute; display: block; width: 100%; top: 200px; left: 0; text-align: center; font-size: 152px; color: #fff; text-transform: uppercase; font-weight: normal; font-family: SemiBold; z-index: 4;}
div.list-industries div.industries { display: block; font-size: 0; text-align: center;}
div.list-industries div.industries > div { display: inline-block; vertical-align: top; width: 20%; position: relative;}
div.list-industries div.industries > div img { display: block; width: 100%;}
div.list-industries div.industries div.thumb { display: block; position: relative; width: 100%; z-index: 2; }
div.list-industries div.industries div.thumb:after { content:""; display: block; position: absolute; top:0; left: 0; background: rgba(0,0,0,0.4); height: 100%; width: 100%; }
div.list-industries div.industries a:hover div.thumb:after { background: rgba(0,0,0,0.8);}
div.list-industries div.industries span { display: block; width: 100%; font-weight: normal; font-family: SemiBold; position: absolute; top: 420px; left: 0; text-align: center; color: var(--col-primary); text-transform: uppercase; font-size: 22px; text-transform: uppercase; z-index: 3; }

div.caption-enviro { text-align: left; padding-left: 80px; padding-right:20px}
div.caption-enviro h2, div.caption-enviro p { color: #fff; max-width: 780px; margin-left: 0; margin-right: auto; }

div.iframe { width: 100%; display: block; position: relative; height:0; padding-bottom: 56.26%}
div.iframe iframe { width: 100%; display: block; height:100%; border: 0}
div.iframe.vimeo-sq { padding-bottom: 112%;}
div.iframe.vimeo { background-color: #000; }
div.iframe.vimeo iframe { opacity: 0}
div.iframe.vimeo.active iframe { opacity: 1; transition: opacity 1s ease-in 1s !important}

div.search-bar { display: block; width: 340px; max-width:100%; margin: 0 0 0 auto; padding-right: 56px; position: absolute; top: 80px; right: -600px; opacity: 0}
body[data-article="home"] div.search-bar  { top: 60px;}
div.search-bar.active { right: 0px; opacity: 1}
div.search-bar input { display: block; width: 100%; border: 0; line-height: 50px; min-height: 50px; padding: #000; }
div.search-bar  *::-webkit-input-placeholder {  line-height: 50px;  font-weight: normal; font-family: SemiBold; font-size: 18px; color: #C3C3C3; text-transform: uppercase;}
div.search-bar  *::-moz-placeholder {  line-height: 50px;  font-weight: normal; font-family: SemiBold; font-size: 18px; color: #C3C3C3; text-transform: uppercase;}
div.search-bar  *:-ms-input-placeholder {  line-height: 50px;  font-weight: normal; font-family: SemiBold; font-size: 18px; color: #C3C3C3; text-transform: uppercase;}

div.search-bar button { display: block; position: absolute; width: 56px; border: 0; line-height: 50px; min-height: 50px; padding: #000; font-weight: normal; font-family: SemiBold; top: 0; right: 0; padding: 0; text-align: center; background: var(--col-primary)}
div.js-search-results { display: none; padding: 0px; width: 100%; border-radius: 0px; border: 0px solid #fff; margin-top: 5px; max-width: 100%; margin: 0 auto; background: #fff;}
div.js-search-input.open { overflow: visible; }
div.js-search-input.open div.js-search-results { display: block; box-shadow: 5px 5px 8px rgba(0,0,0,0.3); position: absolute}
div.js-search-input a.js-search-full {display: block; position: absolute; right: 10px; top: 6px; background: url(/img/svg/black/search.svg) no-repeat right center; background-size: auto 15px; width: 30px; height: 30px; cursor: pointer; }
div.js-search-results a { display: block; width: 100%;  line-height: 1.5; font-size: 16px; color: #000; text-align: left !important; padding: 5px 0px 5px 10px; border-bottom: 1px solid #fff; }
div.js-search-results a:last-child { border: 0}
div.js-search-results a small { display: block; font-size: 12px; color: #000; text-transform: uppercase; display: none !important} 
div.js-search-results a:hover { color: #000 !important; background-color: #eee}
div.js-search-results a.selected { color: #fff !important; background-color: #999}
div.js-search-results a:hover small {  color: #000 !important;}
div.js-search-input a.js-search-close {display: none}
div.js-search-input.open a.js-search-close {display: block; position: absolute; right: 0px; top: 56px; background: url(/img/icons/red/x.svg) no-repeat center center; background-size: 12px 12px; width: 30px; height: 30px; cursor: pointer; z-index: 99}


div.downloads { display: block; width: 100%; max-width: 1200px; margin: 0 auto}
a.download { display: block; width: 100%; padding-right: 60px; font-size: 18px; text-transform: uppercase; text-align: left; padding: 20px 0; border-bottom: 1px solid var(--col-primary); background: url(/img/icons/red/arrow-down.svg) no-repeat right center; background-size: 18px auto;}

@media only screen and (max-width: 1440px) {
	header { left: 0}
	footer { padding: 40px 20px}

	div.submenu  a { padding: 0 40px; font-size: 16px;  }
	div.submenu.tight a { padding: 0 30px; }



/*	div.masthead > img { min-height: 100%; min-width: 100%; width: auto; max-width: 9999px;}*/

}

@media only screen and (max-width: 1380px) {
	div.homenav > ul li a {padding: 20px 10px; }
	footer div.footer-content > div { padding-left: 40px}

	header div.logo { padding: 28px 20px;}
	header div.logo img { height: 24px;}


	header nav { padding-left: 230px;}
	header nav ul > li > a { padding: 0 12px; }
	header nav ul > li > ul > li > a { padding: 0 12px; }

	div.slideshow-studies { padding: 0 30px;}

}

@media only screen and (max-width: 1280px) {
	article > section {padding: 0 10px; }

	footer div.footer-content > div { display: inline-block; vertical-align: top; padding-left: 50px;}
	footer div.footer-content { padding-left: 140px;}
/*	footer div.footer-content > div:nth-child(2), footer div.footer-content > div:nth-child(3) { width: 25%;}*/
	div.footer-contact-info { font-size: 0; width: calc(100% - 540px);}
	#register { width: 380px; }
	footer div.footer-links { width: 160px; text-align: right; padding-left: 50px !important }
	footer div.footer-links a { font-size: 16px; line-height: 24px;}
ul.downloads {max-height: 24px; }
ul.downloads span {height: 24px; line-height: 24px; font-size: 16px; }
ul.downloads li a  { height: 24px; line-height: 24px; font-size: 14px;}

	footer div.footer-content > div.disclaimer { padding-top: 50px; display: block; position: relative;}

	div.caption-main { left: 20px;}
	div.submenu { padding: 0 20px; }
	div.submenu > div { height: 80px; }
	div.submenu  a { line-height: 1.25; }
	div.submenu.tight a { padding: 0 25px; }

	article > section  { padding-left: 20px; padding-right: 20px;}
	article > section.masthead, article > section.full,  { padding-left: 0px; padding-right: 0px;}
	footer { margin-top: 0}

	div.solutions-menu { padding: 0 20px;}

	div.grid-boxes > div.txt { padding: 10px 50px; }
	div.grid-boxes > div.txt.no-padding { padding: 10px 50px 10px 0;}
	div.grid-boxes.right-txt > div.txt.no-padding { padding: 10px 0px 10px 50px;}

	div.grid-boxes2 > div.txt { padding: 10px 50px; }

	div.grid-icons-4.grid-special-icons h6 { font-size: 18px; padding: 0 5px;}

	div.home-grid h6 { padding: 20px 20px 0 20px; }
	div.home-grid a { line-height: 40px; padding-left: 20px; font-size: 16px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 5px); background-size: 8px auto}
	div.home-grid div.home-1 h6 { padding-left: 30px}

	div.grid-4 div.linkedin { padding-right: 60px;}
	div.location a.contact-link:before, div.location a.contact-link { font-size: 18px;}


	div.callout h2 { font-size: 28px;}
	div.callout > img { height: 250px; width: auto; max-width: 1920px;}
	div.callout { overflow: hidden; }

}


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


	div.homenav > ul li a {padding: 20px 7px; font-size: 12px;}

	div.tabmenu div.nav a, 	div.tabmenu.tabs-5 div.nav a, div.tabmenu.tabs-6 div.nav a { font-size: 15px;}

}


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

		header div.logo { padding: 31px 20px;}
		header div.logo img { height: 18px;}
		header nav { padding-left: 210px;}
		header nav ul > li > a { padding: 0 10px; font-size: 12px;}
		header nav ul > li > ul > li > a { padding: 0 10px; font-size: 12px;}


		footer div.footer-content > div { padding-left: 40px;}
		footer div.footer-content > div.footer-links { padding-left: 30px !important;}
		div.footer-contact-info { font-size: 0; width: calc(100% - 450px); padding-left: 0}
		#register { width: 320px; }
		footer div.footer-links { width: 130px; }
		footer div.footer-links a { font-size: 16px;}


		div.homenav > ul li a {padding: 20px 5px; font-size: 11px;}
		div.list-industries div.title {top: 140px; font-size: 100px; }
		div.list-industries div.industries span { top: 320px; font-size: 18px; }

		

		h1 { font-size: 40px; }
		h2 { font-size: 32px; margin-bottom: 30px; }
				h2:before { width: 80px; height: 8px; margin: 0 auto 12px;}
		h2.small { font-size: 24px; margin-bottom: 20px}
		h2.small:before { margin-bottom: 16px;}
		h2.smaller { font-size: 20px; }
		h2.smaller:before { margin-bottom: 20px !important;}
				h2.left:before { margin: 0 auto 15px 0;}
		h3 { font-size: 28px; margin-bottom: 25px; }
		h4 { font-size: 24px; margin-bottom: 25px; }
		h5 { font-size: 30px; margin-bottom: 20px; }
		h6 { font-size: 18px; margin-bottom: 10px; }

		article > section.full, article > section { margin: 50px auto;}
		article > section.flush {margin: 0px auto;}
		
		div.grid-4 h6, div.grid-5 h6, div.grid-3 h6 { font-size: 14px; }
		div.grid-icons-4 h6 { font-size: 14px; min-height: 35px; margin-bottom: 5px;}
		div.grid-icons-4.grid-special-icons h6 { font-size: 16px; }

		p { font-size: 16px;}
		p.larger { font-size: 20px;}
		p.large { font-size: 18px;}

		a.btn { font-size: 16px;}

		div.submenu a { padding: 0 25px; font-size: 14px;}
		div.submenu.tight a { padding: 0 15px; font-size: 14px;}

/*		div.tabmenu div.nav > div { height: 80px; width: 25%;}*/
/*		div.tabmenu.tabs-2 div.nav > div { width: 50%;}*/
/*		div.tabmenu.tabs-2 div.nav > div { width: 50%;}*/
/*		div.tabmenu.tabs-6 div.nav > div { width: 16.66%;}*/
		div.tabmenu div.nav a { padding: 0 14px; font-size: 16px;  }
		div.tabmenu div.tab { font-size: 16px; padding: 60px 20px}
		

		ul.two-cols li { font-size: 16px; ;}
		ul.listing li { font-size: 16px; }
		div.product div.thumb.special-price:after {font-size: 14px; line-height: 30px; width: calc(100% + 10px);}
		div.product p { font-size: 16px;}


		div.caption-about { width: 100%; padding: 0 20px;}
		div.caption-about p { font-size: 24px;}

		div.grid-4 div.linkedin { padding-right: 0px;}

		div.solutions-menu a { width: 33.33%}

		div.grid-boxes.grid-boxes-special1 > div.img { overflow: hidden;}
		div.grid-boxes.grid-boxes-special1 > div.img > img { height: 100%; width: auto; max-width: 9999px}

		ul.solutions-list li { margin-bottom: 10px;}
		h2 + ul.solutions-list li { margin-top: -10px;}
		#solutions-image img { display: block}

}

@media only screen and (max-height: 880px) {
	header nav ul > li > ul > li > a { line-height: 50px;}
}
@media only screen and (max-height: 780px) {
	header nav ul > li > ul > li > a { line-height: 40px;}
}

@media only screen and (max-height: 600px) {
	header nav ul > li > ul > li > a { line-height: 32px; font-size: 12px;}

}


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

		body.header-active  { max-height: 100vh; overflow: hidden;}
		header { height: 60px}
		article { padding-top: 60px}
		header div.logo { padding: 15px 10px; display: block; width: 100%; }
		header div.logo img { height: 30px; margin: 0 auto;}
		div.burger { display: block;}
		header nav { display: block; width: 100%; max-width: 400px; position: absolute; left: -600px; top: 60px; background: #000; padding: 0 0 0px 0px; max-height: 100vh; overflow: auto;}
		header nav > ul { display: block; width: 100%; }
		header nav > ul > li { display: block; width: 100%; text-align: left; border-top: 1px solid #707070; }
		header nav > ul > li > a { display: block; width: 100%; text-align: left; padding: 0 20px; line-height: 60px; font-size: 14px; padding-right: 35px; background-color: #000}
		header nav > ul > li.subnav > a { background: url(/img/icons/red/arrow-down.svg) no-repeat calc(100% - 20px) center; background-size: 15px auto; }
		header nav > ul > li.subnav > a:hover { background-image: url(/img/icons/white/arrow-up.svg); }
		header nav > ul > li > ul { width: 100%;  position: relative; top: 0; left: 0}
		header nav > ul > li > ul > li { display: block; width: 100%; text-align: left;}
		header nav > ul > li > ul > li > a { display: block; width: 100%; text-align: left; padding: 0 20px; line-height: 60px; font-size: 14px;}
		header.active nav { left: 0}
		header nav ul > li:hover > ul { max-height: 0px; }
		header nav ul > li > a:hover {color: #fff; background-color: var(--col-primary);}
		header nav ul > li.active > a {color: #fff; background-color: var(--col-primary); background-image: url(/img/icons/black/arrow-down.svg); padding-right: 35px;}
		header nav ul > li.active > ul { max-height: 760px; background-color: var(--col-primary);}

		header nav ul > li > a.toggle-search { display: none}

		footer div.logo { width: 80px;}
		footer div.footer-content { padding-left: 100px;}
		footer div.footer-content > div { padding-left: 30px;}
		div.footer-contact-info { font-size: 0; width: calc(100% - 400px); padding-left: 0}
		#register { width: 280px; }
		footer div.footer-links { width: 120px; }
		footer div.footer-links a { font-size: 14px;}
		ul.downloads span { font-size:14px;}
		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 38px; min-height: 38px; }
		#register div.checkbox { padding-right: 80px;}
		#register div.checkbox label { font-size: 13px}


		div.homenav {position: relative; padding: 0px 0; background: #000; z-index: 3;}
		div.homenav > ul { padding: 0px 0; max-height: 0; overflow: hidden; opacity: 0; position: absolute; top: 60px; left: 0; padding-bottom:20px}
		div.homenav.active > ul { max-height: 800px; opacity: 1;}
		div.homenav > ul li { display: block; width: 100%; }
		div.homenav > ul li a { padding: 0px 20px; font-size: 14px; text-align: left; line-height: 60px}
		div.homenav > ul li a br { display: none; }
		div.homenav span {display:block; line-height: 60px; position: relative; width: 100%; color: #fff; font-size: 18px; font-weight: normal; font-family: SemiBold; padding-left:20px; cursor: pointer;}
		div.homenav span:after {content:""; display:block; height: 100%; width: 25px; position: absolute; top:0; right: 20px; background: url(/img/icons/white/arrow-up.svg) no-repeat center center; background-size: contain;transform: rotate(180deg);}
		div.homenav.active span:after {transform: rotate(0deg);}

		ul.solutions-list li { margin-bottom: 10px; }
		ul.solutions-list li:last-child { margin-bottom: 0px; }
		ul.solutions-list li a { font-size: 16px; }
/*		ul.solutions-list li:first-child a { font-size: 20px; }*/

		div.caption-enviro { padding-left: 40px;}
		

		body[data-article="home"] header nav { top: 0; left: -400px; height: 100vh;}
		body[data-article="home"] header.active nav { top: 0; left: 0px; }

		/* BLOCKS */
		div.grid.grid-4 > div {width: 33.33%; }
		div.grid.grid-4 > div.span-3 {width: 66.66%; }
		div.grid.grid-5 > div {width: 33.33%; }
		div.grid-icons-4 {width: calc(100% + 20px); margin-left: -10px; }
		div.grid.grid-icons-4 > div {padding: 0 10px; }

		div.grid.grid-4.grid-case-studies > div:last-child {display: none;}

				div.grid-4 div.linkedin { display: block; width: 100%;} 
				div.linkedin div { margin: 0 auto 0 0}

		div.grid.grid-4 > div.span-3.map { display: block; width: 100%;}

		div.tabmenu { margin: 100px auto}
		div.tabmenu div.nav a, 	div.tabmenu.tabs-5 div.nav a, div.tabmenu.tabs-6 div.nav a { font-size: 14px;}
		div.tabmenu div.nav div.icon-new { height: 60px; margin-bottom: 10px;}
		div.tabmenu div.nav div.icon-new img {     transform: translate3D(0, -50%, 0) scale(0.7); }

		div.case-study-tmb { max-width: 33.33vw; }
}

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

	div.caption-home { padding-left: 20px; }
	div.caption-home img { width: 420px; margin: 0 auto 30px 0; }
	div.caption-home h2 { font-size: 28px;}

	footer div.logo { width: 80px;}
	footer div.footer-content { padding-left: 100px;}
	footer div.footer-content > div { padding-left: 30px;}
	div.footer-contact-info { font-size: 0; width: calc(100% - 140px); padding-left: 0}
	#register { width: 400px; display: block; margin-top: 50px;}
	footer div.footer-links { width: 140px; position: absolute; right: 0; top: 0}
	footer div.footer-links a { font-size: 14px;}
	input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { line-height: 38px; min-height: 38px; }
	#register div.checkbox { padding-right: 80px;}
	#register div.checkbox label { font-size: 13px}

	div.list-industries div.title {top: 100px; font-size: 80px; }
	div.list-industries div.industries span { top: 250px; font-size: 14px; }

	div.submenu > div { width: 33.33%; border-bottom: 1px solid #fff}
	div.submenu > div:nth-child(3n) { border-right: 0}

/*	div.tabmenu div.nav > div { height: 80px; width: 25%;}*/
/*	div.tabmenu.tabs-2 div.nav > div { width: 50%;}*/
/*	div.tabmenu.tabs-2 div.nav > div { width: 50%;}*/
/*	div.tabmenu.tabs-6 div.nav > div { width: 16.66%;}*/
	div.tabmenu div.nav a { padding: 0 10px; font-size: 12px;  }
	div.tabmenu div.nav a, 	div.tabmenu.tabs-5 div.nav a, div.tabmenu.tabs-6 div.nav a { font-size: 12px;}
	div.tabmenu div.nav a br, 	div.tabmenu.tabs-5 div.nav a br, div.tabmenu.tabs-6 div.nav a br { display: none;}
	div.tabmenu div.nav div.icon-new { height: 40px;}
	div.tabmenu div.nav div.icon-new img {     transform: translate3D(0, -50%, 0) scale(0.5);}
	div.tabmenu div.tab { margin-top: 30px;}

	
	div.grid-boxes > div { vertical-align: top;}
	div.grid-boxes > div.txt { padding: 10px 20px; }
	div.grid-boxes > div.txt.no-padding { padding: 10px 20px 10px 0;}
	div.grid-boxes.right-txt > div.txt.no-padding { padding: 10px 0px 10px 20px;}

	div.grid-boxes2 > div { vertical-align: top; padding}
	div.grid-boxes2 > div.txt { padding: 10px 20px; }
	

	
	div.home-grid div.home-4 h6 { padding: 10px; font-size: 16px;}
	div.home-grid a { font-size: 14px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 5px); background-size: 5px auto; padding-left: 10px;}

		div.caption-about { width: 100%; padding: 0 15px;}
		div.caption-about h4 { margin-bottom: 15px;}
		div.caption-about p { font-size: 18px;}

		ul.two-cols { display: table; width: auto; }
		ul.two-cols li { display: table; width: auto; }

		div.grid-icons-4.grid-special-icons h6 { max-width: 140px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

		a.btn2 { font-size: 16px;}
}



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

		div.masthead { height: 350px}
		div.masthead > img { height:100%; width: auto; max-width: 9999px;}
		div.masthead > div.iframe { padding-bottom: 400px;}
		div.masthead > div.iframe iframe { width: 711px; left: calc(50vw - 355px);}

/*		footer div.footer-content > div:nth-child(2), footer div.footer-content > div:nth-child(3) { width: 50%}*/
/*		#register { width: 100%; margin-top: 40px}	*/
/*		footer div.footer-content > div.disclaimer { left: 40px}*/

		div.grid.grid-icons-4 > div { width: 50%;}

		div.caption-main h1, h1 { font-size: 32px; }

		h2 { font-size: 30px; margin-bottom: 20px; }
				h2:before { width: 60px; height: 6px; margin: 0 auto 12px;}
		h2.small { font-size: 20px; margin-bottom: 15px}
		h2.small:before { margin-bottom: 15px;}
		h2.smaller { font-size: 18px; }
		h2.smaller:before { margin-bottom: 15px !important;}
				h2.left:before { margin: 0 auto 15px 0;}
		h3 { font-size: 24px; margin-bottom: 20px;  line-height: 1.33}
		h4 { font-size: 20px; margin-bottom: 20px; line-height: 1.4}
		h5 { font-size: 24px; margin-bottom: 15px; }
		h6 { font-size: 16px; margin-bottom: 10px; }


		ul.solutions-list li a { font-size: 14px; }
/*		ul.solutions-list li:first-child a { font-size: 18px; }*/


		div.tabmenu.tabs-6 div.nav > div { width: 33.33%; margin-bottom: 20px;}
		div.tabmenu.tabs-6 div.nav > div { border-bottom: 1px solid #fff}
		div.tabmenu.tabs-6 div.nav > div:nth-child(3n) { border-right: 0}
		div.tabmenu.tabs-5 div.nav > div { width: 33.33%; margin-bottom: 20px;}
		div.tabmenu.tabs-5 div.nav > div { border-bottom: 1px solid #fff}
		div.tabmenu.tabs-5 div.nav > div:nth-child(3n) { border-right: 0}
/*		div.tabmenu.tabs-6 div.tab.active[data-id="1"]:after {left: calc(16.66% - 15px); }*/
/*		div.tabmenu.tabs-6 div.tab.active[data-id="2"]:after {left: calc(50% - 15px); }*/
/*		div.tabmenu.tabs-6 div.tab.active[data-id="3"]:after {left: calc(83.33% - 15px); }*/
/*		div.tabmenu.tabs-6 div.tab.active[data-id="4"]:after {left: calc(16.66% - 15px); }*/
/*		div.tabmenu.tabs-6 div.tab.active[data-id="5"]:after {left: calc(50% - 15px); }*/
/*		div.tabmenu div.tab.active[data-id="6"]:after {left: calc(83.33% - 15px); }*/
/**/
/*		div.tabmenu.tabs-5 div.tab.active[data-id="1"]:after {left: calc(16.66% - 15px); }*/
/*		div.tabmenu.tabs-5 div.tab.active[data-id="2"]:after {left: calc(50% - 15px); }*/
/*		div.tabmenu.tabs-5 div.tab.active[data-id="3"]:after {left: calc(83.33% - 15px); }*/
/*		div.tabmenu.tabs-5 div.tab.active[data-id="4"]:after {left: calc(16.66% - 15px); }*/
/*		div.tabmenu.tabs-5 div.tab.active[data-id="5"]:after {left: calc(50% - 15px); }*/
		div.tabmenu div.tab  { margin-top:10px}
		div.tabmenu div.tab.active:after { display: none !important}
		div.tabmenu div.nav > div { opacity: .5;}
		div.tabmenu div.nav > div.active { opacity: 1;}

		div.home-grid > div { display: block; width: 100% !important;}
		div.home-grid > div.home-1 { margin-bottom: 16px;}
		div.home-grid img { display: block; width: 100% !important;}

		div.grid-icons-3 {width: calc(100% + 20px); margin-left: -10px;}
		div.grid-icons-3 > div {width: 100%; padding: 0 10px; }

		div.solutions-menu a { width: 50%;padding-right: 20px;}
		div.solutions-menu a br { display: none; }

		div.grid-boxes.grid-boxes-special1 > div { display: block; width: 100%;}
		div.grid-boxes.grid-boxes-special1 > div.img > img { height: auto; width: 100%; margin-bottom: 20px}
		div.grid-boxes.grid-boxes-special1 > div.txt { padding-bottom: 20px;}

		div.unbalanced-left > div { width: 100%; padding: 0px 10px; margin-bottom: 0px;}
		div.unbalanced-left > div:last-child { width: 100%; padding: 0px 10px;}
		div.unbalanced-left.very-unbalanced > div { width: 100%; padding: 0px 10px;}
		div.unbalanced-left.very-unbalanced > div:last-child { width: 100%; padding: 0px 10px;}

		div.unbalanced-right > div { width: 100%; padding: 0px 10px;}
		div.unbalanced-right > div:last-child { width: 100%; padding: 0px 10px;}

		div.product div.details { padding: 20px 5px;}
		div.product div.thumb { padding: 40px 5px 20px}
		a.btn2 { padding-left: 10px; font-size: 14px;}
		a.btn2:after { background-position: right center; background-size: 6px auto; right: 5px; }

		div.callout > img  { height: 200px}
		div.callout h2 { padding-left: 20px; font-size: 24px;}

		div.case-study-tmb { max-width: 50vw; }

		ul.solutions-list li { margin-bottom: 6px;}


} 

@media only screen and (max-width: 600px) {
		div.masthead { height: 250px}

		footer div.footer-content > div.logo { position: relative; display: block; width: 120px; margin: 0 auto 40px}
		footer div.footer-content > div.footer-contact-info { display: block; width: 100%; text-align: center; padding:0}
		a.footer-emergency { margin: 0px auto}
		#register { margin: 50px auto 50px; max-width: 100%;}
		footer div.footer-content > div.footer-contact-info > div{ width: auto; padding: 0 20px; margin-bottom: 40px}
		footer div.footer-content > div.footer-links { position: relative; margin: 40px auto; display: block; width: 100%; text-align: center;}
		ul.downloads, footer div.footer-content > div.footer-links > a { display: inline-block; padding: 0 10px; width: auto; vertical-align: top}

		footer div.logo img { position: relative;}
		footer div.footer-content { padding-left: 0}
		footer div.footer-content > div { padding-left: 0}
		footer div.disclaimer p, footer div.footer-content > div.disclaimer { left: 0; text-align: center; margin-top: 0; padding-top: 0}

/*		div.masthead { height: 100vh;}*/
		div.masthead > img { height:100%; width: auto; max-width: 9999px; position: relative; left: 0px;}
		div.caption-home { text-align: center;}
		div.caption-home picture  { width: 340px; max-width: 90vw; margin: 0 auto 25px; display: block;}
		div.caption-home img { width: 100%; max-width: 100%; margin: 0 auto}
		div.caption-home h2 { font-size: 24px;}

			div.list-industries div.title {top: 0px; position: relative; line-height: 100px; font-size: 30px; background: #000}
			div.list-industries div.industries > div { display: block; width: 100%;}
			div.list-industries div.industries div.thumb { }
			div.list-industries div.industries span { top: 50%; font-size: 18px; transform: translate3D(0, -50%, 0);}


		div.caption-home { padding: 20px 20px;}
		div.caption-main { padding: 20px; left: 0; background: rgb(0,0,0);background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(2,0,36,0) 100%); width: 100%;}
		div.masthead.masthead-video { height: auto;}
		article > section  { padding-left: 10px; padding-right: 10px;}
		article > section.masthead, article > section.full,  { padding-left: 0px; padding-right: 0px;}

		h1 { font-size: 24px; }
		h2 { font-size: 24px; margin-bottom: 20px; }
				h2:before { width: 60px; height: 6px; margin: 0 auto 12px;}
		h2.small { font-size: 20px; margin-bottom: 15px}
		h2.small:before { margin-bottom: 15px;}
		h2.smaller { font-size: 18px; }
		h2.smaller:before { margin-bottom: 15px !important;}
				h2.left:before { margin: 0 auto 15px 0;}
		h3 { font-size: 18px; margin-bottom: 15px; }
		h4 { font-size: 18px; margin-bottom: 15px; }
		h5 { font-size: 18px; margin-bottom: 15px; }
		h6 { font-size: 16px; margin-bottom: 10px; }

		div.caption-home p { margin-bottom: 20px;}

		div.tabmenu.tabs-6 div.nav > div { width: 33.33%;}
		div.tabmenu.tabs-6 div.nav > div { border-bottom: 1px solid #fff}
		div.tabmenu.tabs-6 div.nav > div:nth-child(3n) { border-right: 0}


		div.solutions-menu { padding: 0 20px;}

		div.grid-3, div.grid-4, div.grid-5 {width: calc(100% + 10px); margin-left: -5px; margin-bottom: -50px;}
		div.grid.grid-3 > div, div.grid.grid-4 > div, div.grid.grid-5 > div {width: 50%; padding: 0 5px; }
		div.grid-4 > div.span-3 {width: 100%; }
		
		div.grid.grid-3.grid-images > div {width: 50%;} 
		div.grid.grid-3.grid-images > div:last-child {display: none; }

		div.grid-icons-4 {width: calc(100% + 20px); }
		div.grid-icons-4 > div {width: 50%; padding: 0 10px; }
		div.grid-icons-4.grid-special-icons {width: calc(100% + 10px); margin-left: -5px; }
		div.grid-icons-4.grid-special-icons > div {padding: 0 5px; }

		div.grid-2 { width: calc(100% + 10px); margin-left: -5px; }
		div.grid-2 > div {padding: 0 5px; }

		div.grid-icons-2 {width: calc(100% + 20px); margin-left: -10px; }
		div.grid-icons-2 > div {padding: 0 10px; }


		div.submenu > div { width: 50%; height: 60px;}
		div.submenu > div:nth-child(3n) { border-right: 1px solid #fff}
		div.submenu > div:nth-child(2n) { border-right: 0}

		div.caption-home { max-width: 100%; }
		div.caption-home p { display: none;}

		div.grid-boxes { position: relative; }
		div.grid-boxes > div { display: block; width: 100%; position: absolute; top: 0; left: 0;}
		div.grid-boxes > div.txt { position: relative; padding-top: 100vw !important;}
		div.grid-boxes.grid-boxes-special1 > div.img { position: relative;}
		div.grid-boxes.grid-boxes-special1 > div.txt { padding-top: 0 !important}
		div.grid-boxes.bigleft  > div.img2 { position: relative; width: 100%; display: block; margin-bottom: 30px}
		div.grid-boxes.bigleft  > div.img2 img { margin: 0 auto}
		div.grid-boxes.bigleft > div.txt { padding-top: 0 !important; width: 100%; display: block; text-align: center;}

		div.grid-boxes > div { vertical-align: top;}
		div.grid-boxes > div.txt { padding: 10px; text-align: center;}
		div.grid-boxes > div.txt h5 { text-align: center;}
		div.grid-boxes > div.txt.no-padding { padding: 10px;}
		div.grid-boxes.right-txt > div.txt.no-padding { padding: 10px}

		div.grid-boxes2 > div { display: block; width: 100%; position: relative;}
		div.grid-boxes2 > div:nth-child(2) { margin-top: 40px;}

		ul.solutions-list li { margin-bottom: 15px}
		ul.solutions-list li:last-child { margin-bottom: 0px}


		div.grid-2.grid-about > div { display: block; width: 100%; margin-bottom: 20px;}
		div.grid-about > div > div { min-height: 0}

/*		div.contact-country h3 { display: block; margin: 0 auto 20px; text-align: center;}*/
/*		div.location h6 { text-align: center;}*/
/*		div.contact-country div.grid.grid-4 > div { display: block; width: 240px; margin: 0 auto 40px}*/
		div.linkedin { width: 308px !important; padding: 0 !important}

		div.solutions-menu a { width: 100%; display: block;}
		.center-mobile { text-align: center !important;}
		ul.solutions-list { padding-bottom: 30px; margin-top: 30px}
		ul.solutions-list li { text-align: center;}
		div.caption-enviro h2 br { display: none;}
		div.caption-enviroh2 br { display: none;}
		div.caption-enviro h2, div.caption-enviro p{ color: #000; text-align: center;}
		div.caption-enviro { text-align: center; margin-bottom: 80px}
		div.grid-case-studies > div:nth-child(3), div.grid-case-studies > div:nth-child(4) { display: none !important}

		div.caption-mobile { position: relative; top: auto !important; bottom: auto !important; left: auto  !important; right: auto !important; padding-top: 30px; transform: none !important}
		img.image-320  { height: 320px; width: auto; max-width: 9999px; position: relative; }
		p + a.btn3 { margin-top: -15px; display: inline-block;}

		/*FORMS*/
		#frmContact { padding: 0px; margin: 0 auto 50px}
		#frmContact button[type="submit"] { line-height: 42px; background: url(/img/icons/red/arrow-right.svg) #000 no-repeat calc(100% - 10px) center; background-size: 8px auto; padding: 0 75px 0 20px; color: var(--col-primary); font-size: 18px; font-family: Bold; position: absolute; right: 0; top:0}
/*		#frmContact div.checkbox label { color: #000; padding-right: 180px;}*/
/*		#frmContact div.field.casl { padding-top: 20px; }*/

		#frmContact *::-webkit-input-placeholder {  line-height: 38px;  font-size: 16px; }
		#frmContact *::-moz-placeholder {  line-height: 38px;  font-size: 16px; }
		#frmContact *:-ms-input-placeholder {  line-height: 38px;  font-size: 16px; }

		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {  line-height: 38px; min-height: 38px; font-size: 16px}

		.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px;}
		.select2-results__option { font-size: 16px;}
		.select2-container--default .select2-selection--single .select2-selection__arrow {width: 40px; background-size: 16px auto; }

}


@media only screen and (max-width: 480px) {
		div.masthead > img { height:100%; width: auto; max-width: 9999px; position: relative; left: -130px;}


		div.tabmenu div.nav > div { width: 50%; margin-bottom: 20px	}
		div.tabmenu.tabs-6 div.nav > div { width: 50%;}
		div.tabmenu.tabs-6 div.nav > div { border-bottom: 1px solid #fff}
		div.tabmenu.tabs-6 div.nav > div:nth-child(3n) { border-right: 1px solid #fff}
		div.tabmenu.tabs-6 div.nav > div:nth-child(2n) { border-right: 0}

		div.splitter.s50_50 > div, div.splitter.split-2 > div { display: block; width: 100%;}
		div.field { padding-right: 0}

		div.contact-country h3 { display: block; margin: 0 auto 20px; text-align: center;}
		div.location h6 { text-align: center;}
		div.contact-country div.grid.grid-4 > div { display: block; width: 240px; margin: 0 auto 40px}

		#frmContact button[type="submit"] { position: relative; margin: 30px auto}
		#frmContact div.checkbox label { padding-right: 0}

		div.grid.grid-4 > div.span-3.map { display: none;}

/*		#register div.checkbox { padding-right: 0}*/
/*		#register button[type="submit"] { position: relative; margin: 20px auto}*/

		div.catalog div.grid.grid-4 > div { width: 100%; display: block;}
		div.pre-used div.grid.grid-4 > div { width: 100%; display: block;}

		div.grid.grid-3.grid-for-parts > div { display: block; width: 100%; }
		div.grid.grid-icons-2.grid-smaller > div { display: block; width: 100%; }
		div.grid.grid-icons-2.grid-smaller div.icon { margin-bottom: 30px;}

		div.search-bar { width: 100%; max-width:100%; padding-right: 40px; }
		div.search-bar input { line-height: 40px; min-height: 40px; }
		div.search-bar button { line-height: 40px; min-height: 40px; width: 40px; font-size: 15px;}
		div.search-bar  *::-webkit-input-placeholder {  line-height: 40px;  font-size: 14px; }
		div.search-bar  *::-moz-placeholder  {  line-height: 40px;  font-size: 14px; }
		div.search-bar  *:-ms-input-placeholder  {  line-height: 40px;  font-size: 14px; }

		div.slideshow-studies { padding: 0}
		div.case-study-tmb { width: 100%; max-width: 100%; opacity: .3}
		div.case-study-tmb p { opacity: 0}
		div.case-study-tmb.slick-current.slick-active { opacity: 1}
		div.case-study-tmb.slick-current.slick-active p { opacity: 1}
}
@media only screen and (max-width: 380px) {
		div.masthead > img { height:100%; width: auto; max-width: 9999px; position: relative; left: -150px;}

			div.submenu > div > a { font-size: 12px;}

		div.home-grid > div.home-1 { margin-bottom: 10px;}

		div.home-2 > div { height: calc(50% - 5px); margin-bottom: 10px;}
		div.home-4 > div {margin-right: 10px; width: calc(50% - 5px);}


div.home-grid h6 { }
div.home-grid a { background: #000;}
div.home-grid div.home-1 h6 { }
div.home-grid div.home-4 h6 { font-size: 14px;}
div.home-grid a { font-size: 12px;}

div.grid-icons-2 > div { display: block;width: 100%;}


}

/*div.home-grid h6 { margin-bottom: 0; color: #000; padding: 30px 20px 0 30px; position: absolute; top: 0; left: 0; text-transform: uppercase;}*/
/*div.home-grid div { position: relative;}*/
/*div.home-grid a { display: block; position: absolute; width: 100%; bottom: 0; left: 0; line-height: 50px; padding-left: 30px; color: var(--col-primary); text-transform: uppercase; font-size: 18px; background: url(/img/icons/red/arrow-right.svg) no-repeat #000 calc(100% - 20px); background-size: 10px auto; text-align: left; font-family: Bold;}*/
/*div.home-grid div.home-1 h6 { padding-left: 50px}*/
/*div.home-grid div.home-4 h6 { margin-bottom: 0; color: #fff}*/