/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica Pro Bold by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Light by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Roman by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry
 
 * © 2025 MyFonts Inc. */
  
@font-face {
  font-family: "HelveticaProBold";
  src: url('fonts/HelveticaProBold/font.woff2') format('woff2'), url('fonts/HelveticaProBold/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProLight";
  src: url('fonts/HelveticaProLight/font.woff2') format('woff2'), url('fonts/HelveticaProLight/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProRoman";
  src: url('fonts/HelveticaProRoman/font.woff2') format('woff2'), url('fonts/HelveticaProRoman/font.woff') format('woff');
}




/**************************/

.foundation-mq {
  font-family: "small=0px&medium=580px&large=1024px";
}

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }
	
sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}	
	
:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {
	overflow-y: scroll;
	background-color: #1B5630;
	font-family:'HelveticaProRoman', sans-serif;
	
	font-size: 22px;
	line-height: 1.5;
	color: #1d1d1b;
    }
body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;
    }

td  {
    vertical-align : top;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

b,strong {
	font-family: 'HelveticaProBold', sans-serif;
	font-weight:normal;
}
a{
    text-decoration: none;
	color: inherit;
}

a:hover{
    text-decoration: none;
	border-bottom: solid 1px #fad000;
}

h1 {
	color: #ffffff;
	font-size: 48px;
	
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;	
}

h2 {
	font-size: 48px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;	
	margin-bottom: 20px;	
}

h3 {	
	font-size: 35px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: normal;	
	margin-bottom: 20px;		
}
h4 {	
	font-size: 30px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: normal;	
	margin-bottom: 20px;		
}

div.content > h1,
div.content > h2,
div.detail-page > h2,
div.news-more > h2 {
	margin: 20px 0 10px 135px;
	width: 54%;	
	color: #ffffff;
	font-size: 48px;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;
}

h2 > span  {
	font-family:'HelveticaProLight', sans-serif;
	font-size: 35px;
	letter-spacing: normal;
}

div.wrapper{
	margin: 0 auto;
    position: relative;
    width: 1440px;
	height:100%;
}

div.wrapper div.container{
	height: auto !important;
    min-height: 100%;
}

div.container header{
	background-color:white;
	height: 130px;
}

div.container header div.logo{
	width: 201px;
}

div.container header div.logo a img{
	padding: 48px  0 0 28px;
	width: 100%;
	box-sizing: border-box; 
}

div.container header div.logo a img.small-view {
	display: none;	
}

div.container header div.logo a:hover {
	border: 0;
}

/**** Sidenav ****/
header a.metaOpen,
header a.metaOpenMobile { 		
	font-family:'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	
	cursor:pointer;
	color: #1d1d1b;
	position: absolute;
	right: 50px;
	top: 70px;
	text-decoration: none;
}
header a.metaOpenMobile {
	/*display: none;*/
}

header a.metaOpen:hover,
header a.metaOpenMobile:hover { 
	border: 0;
}

header a.metaOpen:hover span.text,
header a.metaOpen.active span.text,
header a.metaOpenMobile:hover span.text,
header a.metaOpenMobile.active span.text	{
	border-bottom: solid 1px #fad000;
}	
header a.metaOpen span.icon,
header a.metaOpenMobile span.icon {
	color: #000000;
	font-size: 32px;
	
	width: 36px;
	height: 36px;
	display: block;
	
	background-image: url('icons/hamburger.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;	
}

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 335px; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 20; /* Stay on top */
  top: 0; /* Stay at the top */
  right: -335px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  
  background-color: #1B5630; /* Green*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 35px; /* Place content 60px from the top */
  transition: right .5s ease, opacity .5s ease; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;
	line-height: normal;

	margin: 10px 10px 8px 30px;
	text-decoration: none;	
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
	transition: right .3s ease, opacity .3s ease;
	
	-webkit-align-self: baseline;
	align-self: baseline;
	border-bottom: solid 2px transparent;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	border-bottom: solid 2px #fad000;

}



/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 17px;
  right: 35px;
  font-size: 36px;
  margin-left: 50px;
}


nav#side-menu,
.menu-mobile .closebtn {
	/*display: none;*/
}
/**** end sidenav ****/

.menu-mobile.mm--open .closebtn:hover { text-decoration:none; border-bottom:none; }
li.newsletter-subscribe.noarrow:before { background:none; }
.mm ul.mm--open { z-index:10; }



header ul.nav-menu{
    margin: -62px auto 0;
    text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding-left: calc((100% - 900px) / 2);
	padding-right: calc((100% - 900px) / 2);
	
	height: calc(100% - 52px);

}
header ul.nav-menu li{
	display: inline-block;
	color: #ffffff;	
	padding: 15px;
	
	font-size: 24px;	
	line-height: 1.17;
	font-family:'HelveticaProLight', sans-serif;
	
	height: 100%;
	box-sizing: border-box;
}


header ul.nav-menu li:last-child {
	margin-right: 0;
}

header ul.nav-menu li:hover {	
	background-color: #333333;
	
	
}

header ul.nav-menu li a {
	
	text-decoration: none;
	color: #1d1d1b;
	display: inline-block;	
	height: auto;
	width: auto;
	padding: 0;

	box-sizing: border-box;
	/* border-bottom: solid 2px #ffffff; */
	border-bottom: none;
}


header ul.nav-menu li.active > a{
	border-bottom: solid 2px #fad000;	
}
header ul.nav-menu li > a:hover,
header ul.nav-menu li:hover > a {
	/* border-bottom: solid 2px #fad000; */
	border-bottom: none;	
	color: #ffffff;	
}
/* header ul.nav-menu li.active > a{	
	font-family: 'HelveticaProBold', sans-serif;
} */


header ul.nav-menu li.has-children {	
	background-image: url(icons/turn-triangle.svg);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 12px;
	
	padding-right: 30px;
}

header ul.nav-menu > li > .flyout-level-2 {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;	
	width: 100%;
	background-color: #1B5630;
	z-index: 21;
	transition: all .3s ease;
	margin-top: 27px;
	padding: 45px 115px 0;
	box-sizing: border-box;
}
header ul.nav-menu > li:hover .flyout-level-2 {
    opacity: 1;
	visibility: visible;
}

header ul.nav-menu > li {
	text-align: left;
	
}

header ul.nav-menu > li .col {
	width: calc(100% / 4);
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	
}

header ul.nav-menu > li .headerrow {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

header ul.nav-menu > li ul {
	padding: 20px 0;
	width: 100%;
	text-align: left;
	z-index:5;
	
} 

header ul.nav-menu > li ul li {
	display: -webkit-flex;
	display: flex;
	color: #ffffff; 
	padding: 0;
	background: none;
}

header ul.nav-menu > li ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0px;
	border-bottom: solid 1px transparent;
	
	font-family:'HelveticaProLight', sans-serif;
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;	
}

header ul.nav-menu > li ul li a:hover {
	border-bottom: solid 1px #fad000;
}


.flyout-level-2 .row {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 40px;
}

.flyout-level-2 h3 {
	font-size: 24px;
	line-height: normal;
}
.flyout-level-2 h4 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'HelveticaProBold', sans-serif;
}

a.yellow {
	color: #fad000;
	text-decoration: none;
}

a.yellow.link {
	color: #fad000;
	text-decoration: none;
	border: none;
	font-size: 16px;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: 0.57px;
	
	background-image: url(icons/right-arrow.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
	padding-right: 30px;
}



.flyout-level-2 .col-4 {
	position: relative;
}

.flyout-level-2 img {
	border-radius: 40px;
	position: absolute;
	top: 0;
	right: 20px;
	
}
header ul.nav-menu li .flyout-level-2.show {
/*  	opacity: 1;
	visibility: visible;  */
}


/*** Flyout navigation Block ***/
header ul.nav-menu li .flyout-nav {
	background-color: #333333;
	padding: 0 55px;
	box-sizing: border-box;
	
	position: absolute;
	top: 130px;
	left: 0;
	z-index: 12;
	width: 100%;	
	display: flex;
	opacity: 0;
	visibility: hidden;
	
	transition: all .3s ease;
}


/* header ul.nav-menu li:first-child .flyout-nav, */
header ul.nav-menu li .flyout-nav.shown {
	opacity: 1;
	visibility: visible;
}
header ul.nav-menu li .flyout-nav ul {
	width: 220px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 20px;
	padding: 40px 0 20px;
}
header ul.nav-menu li .flyout-nav ul h4 {
	font-size: 15px;
	line-height: 1.5;
	text-transform: uppercase;
	border-bottom: 1px solid #a6a6a6;
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
header ul.nav-menu li .flyout-nav ul li {
	font-size: 15px;
	line-height: normal;
	
	margin-bottom: 6px;
	width: 100%;
	height: auto;
	
}
header ul.nav-menu li .flyout-nav ul li a {
	font-size: 15px;
	line-height: 20px;
	border-bottom: 1px solid transparent;
	width: auto;
}
header ul.nav-menu li .flyout-nav ul li a:hover {
	border-bottom: 1px solid #fad000;
}

header #search {
	width: 185px;
	height: 30px;
	display: inline-block;
	/* margin: 0px auto 50px; */
	position: absolute;
	right: 130px;
	top: 56px;	
	
}
header #search form {
	width: 100%;
	height: 100%;
	background-image: url('icons/lupe.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 0 10px;	
	background-color: transparent;
	padding: 5px 0 5px 35px;
	/* 
	border: 1px solid #cccccc; 
	padding-top: 5px;
	padding-bottom: 5px;
	*/
	border: none;
  
}

header #search form input[type="submit"] {
	/* background-image: url('icons/right-arrow-yellow.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: right center;	 */
	background-color: transparent;
	
	width: 10%;
	height: 100%;
	float: left;
	
	position: absolute;
	left: -30px;
	
	
	border: 0;
	cursor: pointer;
	display: none;	
}

header #search form input[type="text"] {
	width: 90%;
	height: 100%;
	float: left;

	
	border: none;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 24px;	
	line-height: normal;	
	color: #262626;
	padding: 5px;
	box-sizing: border-box;
	/* border-left: solid 1px #000000;	 */
	border-bottom: solid 1px #000000;	
	border-radius: 0;
	
}
header #search form input[type="text"]:focus {
	border-left: solid 1px transparent;		
	
}

header #search form input[type="text"]::-ms-clear {
    display: none;
}


header #search form input::-webkit-input-placeholder { /* Edge */
	opacity: 1;
}

header #search form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 1;
}

header #search form input::placeholder {
	opacity: 1;
}

.content_wrapper{

	background-color: #333333;
	display: inline-block;
	width: 100%;
	
	/*opacity: 0; */
	transition: opacity .2s ease;
	
}


.content_wrapper div.content ul {
	
	list-style-type: none;
	padding-left: 22px;
}

.content_wrapper div.content ul > li:before {
  content: "–"; /* en dash */
  position: absolute;
  margin-left: -1.1em; 
}

.content_wrapper div.content ol {
	
	list-style-type: decimal;
	padding-left: 22px;
}

	
div.footer{
	width: 100%;
    display: inline-block;
	background-color: #1B5630;
}
div.footer div.footer-text{	
	color: #ffffff;
	padding: 7px 135px;
	font-size: 16px;
}

div.footer div.footer-text .col {
	width: 33%;
	float: left;
	padding: 0;
	box-sizing: border-box;
	
}

div.footer div.footer-text .half-left,
div.footer div.footer-text .half-right {
	width: 52%;	
	margin: 40px 0;
	float: left;
}

div.footer div.footer-text .half-right {
	margin: 20px 0 40px 40px;
	width: calc(48% - 40px);
	float: right;
	
}
div.footer div.footer-text .half-right .col {
	padding: 0;
}
div.footer div.footer-text .half-right .col-1,
div.footer div.footer-text .half-right .col-2 {
	width: 50%;	
	float: left;
}
div.footer div.footer-text .half-right .col-2 {
	float: right;
	width: 50%;
}

div.footer div.footer-text .bottom {
	width: 100%;
	display: inline-block;
	font-family: 'HelveticaProLight', sans-serif;
	line-height: 1.5;
	letter-spacing: 0.53px;
}
div.footer div.footer-text .bottom .socials {
	float: right;
}
div.footer div.footer-text .bottom .lang-nav {
	float: right;
	width: 70px;
    margin-right: 128px;
}

div.footer div.footer-text .bottom .lang-nav a{
	margin-bottom:15px;
	float:left;
}

div.footer div.footer-text .bottom .links {
	float: left;
}

div.footer div.footer-text .bottom .links span,
div.footer div.footer-text .bottom .links a {
	margin-right: 40px;
	margin-bottom: 15px;
	float: left;
}
div.footer div.footer-text .bottom .links a:hover {
	border-bottom: solid 1px #fad000;
}
div.footer div.footer-text .bottom .socials a {	
	float: right;
	
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	
	width: 24px;
	height: 24px;
	
	margin-left: 15px;
}
.socials a.fb {
	background-image: url('socials/fb.jpg');	
}
.socials a.xing {
	background-image: url('socials/xing.jpg');	
	margin-left: 10px;
}
.socials a.tweet {
	background-image: url('socials/tweet.jpg');	
}
.socials a.insta {
	background-image: url('socials/insta.jpg');	
	margin-left:0px;
}
.socials a.pint {
	background-image: url('socials/pint.jpg');	
}
.socials a.tube {
	background-image: url('socials/tube.jpg');	
}
.socials a.linkd {
	background-image: url('socials/linkedin.png');	
}
.socials a.whats {
	background-image: url('socials/whatsapp.png');	
}
div.footer div.footer-text .bottom .socials a:hover {
	border: 0;
}



div.footer.keller-footer div.footer-text .bottom {
	border-top: 1px solid white;
}
#side-menu .socials, 
div.footer.keller-footer div.footer-text .bottom .socials {
	float: none; text-align: center;
}
#side-menu .socials a,
div.footer.keller-footer div.footer-text .bottom .socials a {
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	
	width: 24px;
	height: 24px;
	
	float:none;
	display: inline-block;
    border: 2px solid white;
    border-radius: 18px;
    padding: 5px;
    margin-left: 10px;
}
#side-menu.mm.keller-nav .socials a { width: 34px; height: 34px; padding: 5px; }
div.footer.keller-footer div.footer-text .half-left,
div.footer.keller-footer div.footer-text .half-right {
	width: 50%;
}
div.footer.keller-footer div.footer-text .half-right {
    margin: 40px 0;
}
div.footer.keller-footer div.footer-text .half-right .col-1 { width:33%; }
div.footer.keller-footer div.footer-text .half-right .col-2 { width:66%; }
div.footer.keller-footer .half-left > .col:before, 
div.footer.keller-footer .half-right > .col:before { content:'';width:90%; height: 10px; display:block; border-top: 1px solid white; }
div.footer.keller-footer .half-right > .col.col-2:before { width:100%; }
div.footer.keller-footer .half-left > .col.col-1:before { border-width:5px; }
div.footer.keller-footer .cr_font,
div.footer.keller-footer .cr_ipe_item .mce_text span,
div.footer.keller-footer .cr_ipe_item label {
    font-size: 16px;
    font-family: 'HelveticaProLight',sans-serif;
}


div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col { padding: 0 20px 20px 0; }
div.footer.keller-footer .formbox { padding: 20px 0; }

div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col.colgender { margin-top: 7px; }
div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col.colemail { width:64%;padding-right:0%;margin-right:4%; }
div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col.colname {  width:31%;padding-right:0%;margin-right:4%; }
div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col.colfamily, 
div.footer.keller-footer div.footer-text .half-right .keller-newsletter-form .col.colsend { width:31%; padding-right:0; }

.sidenav .keller-newsletter-form .col,
.sidenav .keller-newsletter-form .cr_button,
#side-menu .keller-newsletter-form .col,
#side-menu .keller-newsletter-form .cr_button { width:100%; margin:10px 0; }

#side-menu .keller-newsletter-form .cr_button {
	padding: 0 30px !important;
}


#side-menu h4 { padding:0 30px; text-transform:uppercase; font-size: 16px; margin: 20px 0 10px; }
#side-menu a.topborder h4 { padding:0; margin: 0; }
#side-menu.mm.keller-nav a { padding: 5px 30px; }
#side-menu.mm.keller-nav ul.mm--open { left: 7px; top: 15px; }
#side-menu.mm.keller-nav li:before { content:unset; }
#side-menu.mm.keller-nav ul.mm--open ul:after { display:none; }



.keller-newsletter-form .formbox { padding: 6px 30px 20px 30px; }
.keller-newsletter-form #5531898 { margin-bottom:10px; }


.keller-newsletter-form .cr_ipe_item input::-webkit-input-placeholder { 
    color:    #fff; text-transform: uppercase;
}
.keller-newsletter-form .cr_ipe_item input:-moz-placeholder{ 
   color:    #fff; text-transform: uppercase;
   opacity:  1;
}
.keller-newsletter-form .cr_ipe_item input::-moz-placeholder { 
   color:    #fff; text-transform: uppercase;
   opacity:  1;
}
.keller-newsletter-form .cr_ipe_item input:-ms-input-placeholder { 
   color:    #fff; text-transform: uppercase;
}
.keller-newsletter-form .cr_ipe_item input::-ms-input-placeholder { 
   color:    #fff; text-transform: uppercase;
}
.keller-newsletter-form .cr_ipe_item input::placeholder { 
   color:    #fff; text-transform: uppercase;
}












.keller-newsletter-form .cr_ipe_item input.cr_ipe_radio,
.keller-newsletter-form input.cr_ipe_radio { position: absolute; visibility: hidden; width: 1px; height: 1px; overflow: hidden; }
.keller-newsletter-form .cr_ipe_item input.cr_ipe_radio + label,
.keller-newsletter-form input.cr_ipe_radio + label { position: relative; padding-left: 20px; cursor: pointer; font-size: 12px !important; text-transform: uppercase; padding-top: 4px; }
.keller-newsletter-form .cr_ipe_item input.cr_ipe_radio + label:before,
.keller-newsletter-form input.cr_ipe_radio + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
}
.keller-newsletter-form .cr_ipe_item input.cr_ipe_radio:checked + label:before,
.keller-newsletter-form input.cr_ipe_radio:checked + label:before { background-color: #fad000 !important; border: 2px solid #fad000; }
.keller-newsletter-form .cr_button { 
	background-color: #fad000; 
	color: #000 !important;
	margin-top: 10px; 
	text-transform: uppercase; 
	line-height: 44px; 
	height: 38px; 
	width: 100%;
	border: 0; 
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0; 
	
	box-sizing: border-box;
}

.keller-newsletter-form .cr_ipe_item input, .keller-newsletter-form input { border: 1px solid #fff; background-color: transparent; color: #fff; 
		padding:10px; font-family: Helvetica; font-size: 14px; width: 100%; box-sizing: border-box; }
		
		
		
		
		
		
.dform-wrapper .keller-newsletter-form .cr_ipe_item input[type="checkbox"], 
.dform-wrapper .keller-newsletter-form input[type="checkbox"] { display: inline-block; width: 18px; height: 20px; margin: 8px 8px 5px 0;  }
.dform-wrapper .keller-newsletter-form .cr_ipe_item label, 
.dform-wrapper .keller-newsletter-form label { color: white; font-size: 18px; line-height: 22px; margin: 8px 8px 5px 0; }


/* Yellow checkboxes */

.dform-wrapper .keller-newsletter-form .checkbox-wrap {
	position: relative;
	padding: 8px 0 0;
}

.dform-wrapper .keller-newsletter-form input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.dform-wrapper .keller-newsletter-form input[type="checkbox"] + label {
	position: relative;
	padding-left: 20px;
	cursor: pointer;		
	padding-top: 4px;
}

.dform-wrapper .keller-newsletter-form input[type="checkbox"] + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
	background: white;
}
.dform-wrapper .keller-newsletter-form .error_input input[type="checkbox"] + label:before { border: solid 2px #fad000; }
.dform-wrapper .keller-newsletter-form input[type="checkbox"]:checked + label:before { 
	background-color: #fad000 !important; 
	border: 2px solid #fad000; 
}


.keller-newsletter-form .cr_ipe_item input, .keller-newsletter-form input { border: 1px solid #fff; background-color: transparent; color: #fff; 
		padding:10px; font-family: Helvetica; font-size: 14px; width: 100%; box-sizing: border-box; }
		





.dform-wrapper.newsletter-wrapper div.col p {
	font-size: 18px; 
	line-height: 22px; 
}




div.dform-wrapper.newsletter-wrapper {
	background-color: #333333;
}
div.dform-wrapper.newsletter-wrapper form {
	display: flex;
	flex-direction: row;
}
div.dform-wrapper.newsletter-wrapper div.col {
	width: 50%;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	
	color: white;
}

div.dform-wrapper.newsletter-wrapper div.col input[type=text] {
	max-width: 100%;
	background-color: white;
	color: #333333;
}

div.dform-wrapper.newsletter-wrapper .submit-button:hover {
	opacity: 0.7;
}





.keller-newsletter-form div.col input::-webkit-input-placeholder { 
    text-transform: uppercase;
}
.keller-newsletter-form div.col input:-moz-placeholder{ 
   text-transform: uppercase;
   opacity:  1;
}
.keller-newsletter-form div.col input::-moz-placeholder { 
  text-transform: uppercase;
   opacity:  1;
}
.keller-newsletter-form div.col input:-ms-input-placeholder { 
   text-transform: uppercase;
}
.keller-newsletter-form div.col input::-ms-input-placeholder { 
    text-transform: uppercase;
}
.keller-newsletter-form div.col input::placeholder { 
   text-transform: uppercase;
}



/* Input::focus */

.keller-newsletter-form div.col input:focus::-webkit-input-placeholder { 
    opacity:  0;
}
.keller-newsletter-form div.col input:focus:-moz-placeholder{ 
	opacity:  0;
}
.keller-newsletter-form div.col input:focus::-moz-placeholder { 
	opacity:  0;
}
.keller-newsletter-form div.col input:focus:-ms-input-placeholder { 
	opacity:  0;
}
.keller-newsletter-form div.col input:focus::-ms-input-placeholder { 
    opacity:  0;
}
.keller-newsletter-form div.col input:focus::placeholder { 
	opacity:  0;
}

.keller-newsletter-form p.thank-you-message {
	font-size: 20px;
	color: white;
}


















div.footer div.footer-text h3 {
	font-size: 35px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	
	margin-bottom: 20px;
}
div.footer div.footer-text h4 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'HelveticaProBold', sans-serif;
}
div.footer.keller-footer div.footer-text h4 {
	margin-bottom: 0;
    text-transform: uppercase;
}

div.footer div.footer-text a,
p.nav-menu-mobile-footer a{
	text-decoration: none;
	color: #ffffff;	
}

div.footer div.footer-text a.yellow,
p.nav-menu-mobile-footer a.yellow {
	text-decoration: none;
	color: #fad000;	
}




div.footer div.footer-text ul {
	padding: 20px 0;
	width: 100%;
	text-align: left;
	z-index:5;
	font-family: 'HelveticaProLight', sans-serif;
	line-height: 1.5;
	letter-spacing: 0.53px;
	
} 

div.footer div.footer-text ul li {
	display: -webkit-flex;
	display: flex;
	color: #ffffff; 
	padding: 0;
	background: none;
}

div.footer div.footer-text ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0px;
	
	border-bottom: solid 1px transparent;
}

div.footer div.footer-text ul li a:hover {
	border-bottom: solid 1px #fad000;
}
div.footer div.footer-text ul li.email, 
div.footer div.footer-text ul li a { display:inline; }


.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 55px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-ms-transition: background 0.3s;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 30px;
	left: 5px;
	right: 5px;
	height: 7px;
	background: #a8cbb7;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: #a8cbb7;
	content: "";
}

.c-hamburger span::before {
	top: -15px;
}

.c-hamburger span::after {
	bottom: -15px;
}

.c-hamburger--htx {
	background-color: transparent;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
	-webkit-transition: background 0s 0.3s;
	-moz-transition: background 0s 0.3s;
	-o-transition: background 0s 0.3s;
	-ms-transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	-ms-transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
	-webkit-transition-delay: 0.3s, 0s;
	-moz-transition-delay: 0.3s, 0s;
	-o-transition-delay: 0.3s, 0s;
	-ms-transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-o-transition-property: top, transform;
	-ms-transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background-color: transparent;
  
}

.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
	-webkit-transition-delay: 0s, 0.3s;
	-moz-transition-delay: 0s, 0.3s;
	-o-transition-delay: 0s, 0.3s;
	-ms-transition-delay: 0s, 0.3s;
	background-color:#000000;
}
div.o-grid__item{
	display: none;
}
ul.nav-menu-mobile,
p.nav-menu-mobile-footer{
	display: none;
}


a.load-more {
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 24px;
	line-height: normal;
	letter-spacing: normal;
	color: #fad000;	
	
	width: 100%;
	margin: 40px 0;
	text-align: center;
	display:block;
}
a.load-more:hover {
	border: none;
	cursor: pointer;
}
.load-more + .load-more { margin-top: -20px; }

div.base-page-image {
	position: relative;
	margin-bottom: 50px;
}

div.base-page-image div.image-wrap {
	width: 100%;
	height: 610px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
div.base-page-image div.image-wrap img {
	display: none;
}

div.base-page-image > img {
	display: block;
	max-width: 100%;
}


div.base-page-image span {
	position: absolute;
	bottom: 19%;
	top: auto;
	margin: auto;
	z-index: 10;
	right: 0;
	width: 50%;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 58px;
	line-height: normal;
	color: #ffffff;
	
	padding: 0 120px 0 10px;
	box-sizing: border-box;
	text-shadow: 0em 0em 1.0em black;
}


div.content > h1.base-page-title {
	width: 50%;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	margin: 60px 0 30px;
	padding: 0 135px;
	box-sizing: border-box;
}

div.content > h1.base-page-title.width-50 {
	width: calc(50% + 135px);
}

div.content > h1.base-page-title.width-66 {
	width: calc(66% + 135px);
}
div.content > h1.base-page-title.width-100 {
	width: 100%;
}

div.base-page-subtitle {
	font-family: 'HelveticaProLight', sans-serif;	
	font-size: 22px;
	line-height: 1.5;
	color: #ffffff;
	margin-bottom: 40px;	
	padding: 0 135px;
	position: relative;
}

div.base-page-text {
	font-family: 'HelveticaProLight', sans-serif;	
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;	
	color: #ffffff;
	
	margin-bottom: 110px;	
	padding: 0 135px;
	column-count: 2;
	column-gap: 30px;
	position: relative;
}
div.base-page-text.no-margin {
	margin-bottom: 20px;	
}
div.base-page-text.one-column{
	column-count: 1;
}
div.base-page-text + .hub-feed {
	margin-top: -70px;
}

div.base-page-text.one-column > ul {
	margin-bottom: 20px;
}

div.image-text-block p,
div.full-width-block p,
div.base-page-text p{
	padding-bottom:20px;
}

.content_wrapper div.content ul.breadcrumb {
	color: #ffffff;
	padding: 0 135px;
	margin: 35px 0 0;
	width: 100%;
	box-sizing: border-box;	
	min-height: 1px;
}

.content_wrapper div.content a.alt_version {
	color: #ffffff;
	margin: 0 135px;
	width: 100%;
	text-decoration:none;
	font-family: 'HelveticaProBold', sans-serif;
}

.content_wrapper div.content a.alt_version:hover {
	text-decoration:none;
	border-bottom: none;
}


.detail-page.product ul.breadcrumb,
.detail-page.news ul.breadcrumb {
	margin: 0 !important;
}

.content_wrapper div.content ul.breadcrumb > li {
	width: auto;
	display: inline;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 16px;   
	line-height: 1.75;
	letter-spacing: normal;
	
}

.content_wrapper div.content ul.breadcrumb > li::before {
	content: "";
	color: #ffffff;
	margin: 0;
	position: relative;
}

/******* Module Image *********/
div.module-image {
	width: 100%;
	display: block;
}
div.module-image img {
	width: 100%;
	display: block;
}


/******* Module Image Teaser *********/
div.module-image-teaser {
	width: 100%;
	display: block;
	position: relative;
}
div.module-image-teaser div.image-wrap {
	width: 100%;
	height: 610px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

div.module-image-teaser img {
	width: 100%;
	display: none;
}
div.module-image-teaser div.teaser {
	width: 705px;
	height: auto;
	min-height: 246px;
	position: absolute;
	
	bottom: 0;
	right: 0;
	
	background-color: #1b5630;
	
	padding: 40px 200px 30px 30px;
	box-sizing: border-box;
}
		
div.module-image-teaser div.teaser h3 {
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	
	margin-bottom: 40px;
}	
	
	
	
	

/******* Module ProductBrowser ***********/
/******* Module ServiceBrowser ***********/
/******* Module ReferenceBrowser *********/
/******* Module NewsBrowser **************/
/******* Module SectorBrowser ************/
/******* Module ContactBrowser ***********/
/******* Contact teaser box **************/
/******* Module Tiles / TilesWrapper **************/
div.product-list,
div.service-list,
div.reference-list,
div.sector-list,
div.contact-list,
div.tiles-module-list {
	width: 1200px;
	display: -webkit-flex;
	display: flex;	
	
	margin: 0 auto 40px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-align-content: space-between;	
	align-content: space-between;	
	position: relative;
}

div.reference-list.reference-list-more { padding: 0; display:none; }
div.reference-list.reference-list-more.reference-list-more-visible { display:flex; }

div.news-list {
	width: 100%;
	display: inline-block;
	padding: 0 135px 35px;
	box-sizing: border-box;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #ffffff;
}


div.product-list div.product,
div.service-list div.service,
div.reference-list div.reference,
div.sector-list div.sector,
div.contact-list div.contact,
div.teaser div.contact,
div.product-list div.innovation,
div.tiles-module-list div.tiles-module {
	width: 370px;
	max-width: 370px;
	margin: 15px;
	background-color: #ffffff;
	position: relative;
	
	z-index: 1;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s ease;
    -webkit-transform: scale(1); 
    -ms-transition: all .3s ease;
    -ms-transform: scale(1); 
    -moz-transition: all .3s ease;
    -moz-transform: scale(1);
    transition: all .3s ease;
    transform: scale(1);
    overflow: hidden;  
}
div.news-list div.news {
	display: block;
	margin-top: 30px;
	border-bottom: solid 1px #dfdfdf;
}


div.product-list div.product.disable_scale,
div.product-list div.innovation.disable_scale,
div.service-list div.service.disable_scale,
div.reference-list div.reference.disable_scale,
div.news-list div.news.disable_scale,
div.sector-list div.sector.disable_scale,
div.contact-list div.contact.disable_scale,
div.teaser div.contact.disable_scale,
div.tiles-module-list div.tiles-module.disable_scale{
	-webkit-transition: none;
    -webkit-transform: none; 
    -ms-transition:none;
    -ms-transform: none; 
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
	transform: none;
}

div.product-list div.product,
div.product-list div.innovation,
div.service-list div.service,
div.sector-list div.sector,
div.tiles-module-list div.tiles-module {
	height: 480px;
}

div.contact-list div.contact,
div.teaser div.contact {
	height: 465px;
}

div.product-list div.product:hover,
div.product-list div.innovation:hover,
div.service-list div.service:hover,
div.reference-list div.reference:hover,
div.sector-list div.sector:hover,
div.tiles-module-list div.tiles-module:hover {
	
	overflow: visible;
	left: 0;
	
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	
	z-index: 2;
    -webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1.18);   
    -ms-transform: scale(1.18);      
    -moz-transform: scale(1.18);   
    transform: scale(1.18);
	
}

div.product-list div.product img,
div.product-list div.innovation img,
div.service-list div.service img,
div.reference-list div.reference img,
div.news-list div.news img,
div.sector-list div.sector img,
div.contact-list div.contact img,
div.tiles-module-list div.tiles-module img {
	width: 100%;
	float: left;
}

div.product-list div.product a,
div.product-list div.innovation a,
div.service-list div.service a,
div.reference-list div.reference a,
div.news-list div.news a,
div.sector-list div.sector a,
div.contact-list div.contact a,
div.teaser div.contact a,
div.tiles-module-list div.tiles-module a {
	border: none;	
}
div.product-list div.product > a,
div.product-list div.innovation > a,
div.service-list div.service > a,
div.reference-list div.reference > a,
div.news-list div.news > a,
div.sector-list div.sector > a,
div.contact-list div.contact > a,
div.teaser div.contact > a,
div.tiles-module-list div.tiles-module > a {	
	width: 100%;
	float: left;
}


div.reference-list div.reference a.preloader {
	display: block;
    width: 100%;
    height: 212px;
	position:relative;
}

div.reference-list div.reference a.preloader img{
    display: block;
	width:auto;
	position:absolute;
	left:calc(50% - 8px);
	top:calc(50% - 8px);
}

div.product-list div.product h3,
div.product-list div.innovation h3,
div.service-list div.service h3,
div.reference-list div.reference h3,
div.sector-list div.sector h3,
div.contact-list div.contact h3,
div.teaser div.contact h3,
div.tiles-module-list div.tiles-module h3 {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 0 30px;
	margin: 30px 0 20px;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 24px;
	line-height: normal;
	text-decoration: none;
	color: #262626;
	overflow: hidden;
	float: left;
}
div.reference-list div.reference a + a { height: 153px; }
div.reference-list div.reference h3 {
	margin: 29px 0;
	float: left;
	/*height: 58px;*/
	height: auto;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

div.reference-list div.reference .reference-subtitle {
	margin: 29px 0;
	padding: 0 30px;
	float: left;
	margin-top: -25px;
}
div.news-list div.news h3 {		
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 35px;
	
	background-image: url('icons/add.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-right: 30px;
	box-sizing: border-box;
/* 	display: -webkit-flex;
	display: flex; */
	display: inline-block;
	width: 100%;
}
div.news-list div.news a {	
	float: none;
}


div.product-list div.product p,
div.product-list div.innovation p,
div.service-list div.service p,
div.news-list div.news p,
div.sector-list div.sector p,
div.contact-list div.contact p,
div.teaser div.contact p,
div.tiles-module-list div.tiles-module p,
div.tiles-module-list div.tiles-module ul,
div.tiles-module-list div.tiles-module ol {
	padding: 0 30px;
	margin-bottom: 30px;
	text-decoration: none;
	color: #666666;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	
}
div.tiles-module-list div.tiles-module p  {
	margin: 0;
	padding: 0;
}

div.product-list div.product p.lead,
div.product-list div.innovation p.lead,
div.service-list div.service p.lead,
div.news-list div.news p.lead,
div.sector-list div.sector p.lead,
div.contact-list div.contact p.lead,
div.teaser div.contact p.lead,
div.tiles-module-list div.tiles-module .lead {
	width: 100%;
	height: 85px;	
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
div.tiles-module-list div.tiles-module .lead {	
	height: 170px;	
	padding: 0 30px;
	margin-bottom: 30px;
}
div.tiles-module-list div.tiles-module .lead ul,
div.tiles-module-list div.tiles-module .lead ol {	
	margin: 0;
	padding: 0 22px;
}




div.product-list div.product h3:hover,
div.product-list div.innovation h3:hover,
div.product-list div.product p:hover,
div.service-list div.service h3:hover,
div.service-list div.service p:hover,
div.reference-list div.reference h3:hover,
div.news-list div.news h3:hover,
div.sector-list div.sector h3:hover,
div.tiles-module-list div.tiles-module h3:hover {
	text-decoration: none;
	border-bottom: none;
}



div.product-list div.product .product-download,
div.product-list div.innovation .product-download,
div.sector-list div.sector .sector-download {
	margin: 0 30px 30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
	float: left;
	
}
div.product-list div.product .product-download .dropdown,
div.product-list div.innovation .product-download .dropdown,
div.sector-list div.sector .sector-download .dropdown {
	border: none;
	outline: 0;	
	background-color: #333333;
	padding: 10px 24px 10px 18px;
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;	
	letter-spacing: 0.57px;
} 
div.product-list div.product .product-download .dropdown .menu,
div.product-list div.innovation .product-download .dropdown .menu,
div.sector-list div.sector .sector-download .dropdown .menu {
	top: 49px;
	background-color: #333333;
}



div.service-list div.service a.green-link {
	position: relative;
	
	margin: 0 30px 30px;	
	width: calc(100% - 60px);
	height: 52px;
	padding: 16px;
	box-sizing: border-box;
	display: inline-block;
	color: #ffffff;
	background-color: #1B5630;
	text-decoration: none;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.57px;
}

div.service-list div.service a.green-link:after {
	
	content: "";
	position: absolute;
	pointer-events: none;
	cursor: pointer;
	
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em;
	
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	
	background-image: url('icons/down-arrow.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 92% center;
	padding-right: 20px;
}


div.reference-list div.reference div.yellow-badge,
div.news-list div.news div.yellow-badge {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	color: #000000;
	background-color: #fad000;
	box-sizing: border-box;
	padding: 12px 15px;
	
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;	
	line-height: normal;
	letter-spacing: 0.57px;
	
}


div.contact-list div.contact div.img-wrap,
div.teaser div.contact div.img-wrap {
	width: 100%;
	height: 277px;
	display: block;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;	
}

div.contact-list div.contact.preloader div.img-wrap{
	background-size: auto;
	background-position: center center;
}

div.category-filter {
	width: 240px;
	position: absolute;
	right: 15px;
	top: -80px;
}

div.category-filter .dropdown {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	font-size: 16px;
	
	margin-top: 20px;
}
div.category-filter .dropdown .menu {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	border-top: 1px solid #fff;
	border-bottom: 0;
}


/***** Service teaser addition   *****/
div.service-list div.service > a.service-img-link {
	
}

div.service-list div.service > a.service-text-link {	
	height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
}
div.service-list div.service > a.service-text-link h3 {
	height: auto;
	max-height: 58px;
}
div.service-list div.service > a.service-text-link p.lead {
	height: auto;
}


/***** Contact teaser *****/

div.contact div.text a:hover {
	text-decoration: underline;
}

div.contact div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	padding: 30px 0;
		
	background-color: #1B5630;
	color: #ffffff;
	
	visibility: hidden;
	opacity: 0;
	
	box-sizing: border-box;
	
	-webkit-transition: all .3s ease;   
    -ms-transition: all .3s ease;   
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
	
}
div.contact div.overlay,
div.contact div.overlay p,
div.contact div.overlay h3 {
	color: #ffffff;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

div.contact div.overlay h3 {
	margin: 10px 0 3px;
}

div.contact div.overlay.active {
	visibility: visible;
	opacity: 1;
	
}





/***** Dropdown list *****/
.dropdown .hide,
.dropdown .menu.hide {
    opacity: 0;
	visibility: hidden;
	max-height: 0 !important;
}

.dropdown{
	
	font-family: 'HelveticaProRoman', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.5px;
	background-color: #1B5630;
	width: 100%;
	color: #fff;
	padding: 3px 24px 3px 18px;
	box-sizing: border-box;
	border: solid 1px #dfdfdf;
	margin: 0;
	text-indent: 0.01px;
	text-overflow: '';
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;

	position: relative;
	
	background-image: url('icons/down-arrow.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-right: 20px;
	
}

.dropdown .title{
	margin: .3em 0;	
	width: 100%;
}


.dropdown .menu{
	transition: all .3s ease;
	
	border: solid 1px #dfdfdf;
	
	position: absolute;
	top: 40px;
	left: -1px;
	width: 100%;
	/*max-height: 20em;*/
	background-color: #1B5630;
	z-index: 20;
	
	opacity: 1;
	visibility: visible;
	
}

.dropdown .menu .option{
	line-height: 30px;
	
	box-sizing: border-box;
	border-bottom: solid 1px #dfdfdf;
}

.dropdown .menu .option a{
	border:none;
	display: block;
    padding: 7px 24px 7px 20px;
}

.dropdown .menu .option:hover{
	background: rgba(125,124,123,0.2);
}

.pointerCursor:hover{
	cursor: pointer;
}


.result {
	width: 100%;
	display: none;	
}





div.image-text-block {
	width: 100%;
	
	padding: 0;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #666666;
	
	background-color: #ffffff;
}

div.image-text-block.yellow {
	background-color: #fad000;
}
div.image-text-block.dark {
	background-color: #333333;
}

div.image-text-block.reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


div.image-text-block div.text,
div.image-text-block div.image {
	width: 50%;
}
div.image-text-block div.text {
	width: 50%;
	margin-top: 100px;
	margin-bottom: 80px;
	padding: 0 110px 0 135px;
	box-sizing: border-box;
}
div.image-text-block.reverse div.text {
	padding: 0 135px 0 110px;
}
div.image-text-block div.text.no-margin {
	margin-top: 0px;
	margin-bottom: 0px;
}
	
div.image-text-block div.text h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	color: #262626;
	margin-bottom: 35px;
}
div.image-text-block div.image img {
	display: block;
	max-width: 100%;
}

div.image-text-block.yellow div.text {
	color: #1d1d1b;
}
div.image-text-block.dark div.text h3,
div.image-text-block.dark div.text {
	color: #ffffff;
}

div.gallery-tiles {
	width: 100%;	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
div.gallery-tiles .tile1 {
	width: 499px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile2 {
	width: 936px;
	height: auto;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile3 {
	width: 718px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile4 {
	width: 717px;
	height: auto;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile5 {
	width: 936px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile6 {
	width: 499px;
	height: auto;
	border-top: 5px solid #333;
}



/**********************************/
/********* Product Detail *********/
/**********************************/
div.base-content {
	width: 100%;
	display: block;
	
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 35px;
}
div.base-content div.text {
	width: calc(100% - 620px);
	padding-top: 30px;
}

div.base-content h1, 
div.base-content h2 {
	width: 100%;
	margin-top: 130px;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 48px;
	line-height: normal;
	
	
	padding: 0 135px;
	box-sizing: border-box;
	
	color: #ffffff;
}
div.base-content h1 + h2 {
	margin-top:0;
}


div.full-width-block {
	width: 100%;
	display: inline-block;
	padding: 55px 135px 35px;
	box-sizing: border-box;
	
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #ffffff;
}
div.full-width-block.smaller-width {
	width: 80%;
}


div.full-width-block.relative {
	position:relative;
}

div.full-width-block h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin-bottom: 35px;
	
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	width:100%;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.full-width-block video{
	width:100%;
	height:auto;
	z-index: 3;
	
}

div.full-width-block .preload_image{
	width: 100%;
    min-height: calc(100% - 110px);
    position: absolute;
    top: 55px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}

div.no-padding {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	padding: 55px 0;
}
div.no-padding div.text {
	width: calc(100% - 620px);
	padding: 0 135px;
	box-sizing: border-box;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	
	color: #ffffff;
}
div.no-padding div.text h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin: 62px 0 35px;
}

div.full-width-block a,
div.image-text-block a,
div.base-page-text a,
div.download a:hover {
	border-bottom: solid 1px #fad000;
}
div.full-width-block a:hover,
div.image-text-block a:hover,
div.base-page-text a:hover,
div.download a {
	border-bottom: none;
}

/**********************************/
/******** END Product Detail *****/
/**********************************/

/**********************************/
/******** Reference Detail ********/
/**********************************/
div.reference div.base-content img {
	width: 100%;
}
div.reference div.base-content h1 {
	position: absolute;
}
div.reference div.full-width-block > div.text {
	width: 670px;
	float: left;
}
div.reference div.full-width-block > div.text h3 {
	width: 100%;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 35px;
	line-height: normal;	
	padding: 0 ;
	box-sizing: border-box;
}

div.reference div.full-width-block > div.teaser {
	width: calc(100% - 670px);
	float: left;
}
div.reference div.full-width-block > div.teaser div.contact { 
	float: right;
}

/**********************************/
/********* END Reference Detail *********/
/**********************************/

/**********************************/
/********* News Detail *********/
/**********************************/
div.news {
	/* background-color: #ffffff;
	color: #1d1d1b; */
	
}
.content_wrapper div.content div.news ul.breadcrumb {
	background-color: #ffffff;
	color: #1d1d1b;	
	padding-top: 60px;
}

div.news div.image-text-block div.text {
	margin-top: 70px;	
	box-sizing: border-box;
	width: 935px;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #666666;
	
	margin-bottom: 110px;
}
div.news div.image-text-block div.text h4 {	
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.57px;
	color: #1d1d1b;
	margin-bottom: 10px;
}

div.news div.image-text-block div.image {
	width: calc(100% - 935px);
}
div.news div.image-text-block div.image img {
	margin: 80px 0 60px 0;
	height: auto;
	width: 100%;
	max-width: 370px;
}

div.news div.image-text-block div.image div.download {
	margin-bottom: 20px;
}

div.news div.news-more {
	display: block;
	width: 100%;
	margin-top: 60px;	
}

div.news div.image-text-block div.text p.newsdate {	
	font-size: 18px;
}

div.news .backToOverview {
	padding-left: 22px;
	background-image: url('icons/left-arrow.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	font-size: 16px;
	margin-top: 40px;
	font-weight: bold;
}

/**********************************/
/********* END News Detail *********/
/**********************************/






 
/***** Accordion *****/
div.accordion {
	display: block;
	margin-top: 30px;
		
	border-bottom: solid 1px #dfdfdf;
	
}
div.accordion h3.accordion_title {
	background-image: url('icons/add.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-right: 30px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	
		
}
div.accordion.open h3.accordion_title {
	background-image: url('icons/substract.svg');
}

div.accordion_text {
	padding: 0 0 30px;
	
}



/************************/
/******* Companies ******/
/************************/
div.company-list {
	width: 100%;
	display: inline-block;
	padding: 0 135px 90px;
	box-sizing: border-box;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	color: #ffffff;	
}

div.company-list h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin-bottom: 35px;
	
}


div.company-list div.accordion h3.accordion_title span.col1 {
	width: 370px;
	display: block;
	float: left;
	align-self: center;
	margin-right: 30px;
}

div.company-list  div.accordion h3.accordion_title span.col2 {
	line-height: 1.5;
	letter-spacing: 0.53px;
	font-size: 16px;
	align-self: center;
	
	font-family: 'HelveticaProLight', sans-serif;
	
	width: 370px;
	display: block;
	float: left;
	margin-right: 30px;
}

div.company-list  div.accordion_text {
	padding: 0 0 30px;
	
}
div.company-list  div.accordion div.accordion_text span.col1 {
	width: 370px;
	display: block;
	float: left;
	align-self: center;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;
	margin-right: 30px;
	
	min-height: 100px;
}

div.accordion div.accordion_text span.col2 {
	line-height: 1.5;
	letter-spacing: 0.53px;
	font-size: 16px;
	align-self: center;
	
	width: 370px;
	display: block;
	float: left;
	margin-right: 30px;
}

div.accordion div.accordion_text span.col3 {
	
	height: auto;
	
	width: 370px;
	display: block;
	float: left;
}

div.accordion div.accordion_text span.col3 a.gmap-link {
	display: block;
	width: 370px;
	height: 40px;
	float: left;
	
	line-height: 40px;
	background-color: #4d4d4d;
	margin: 5px 0 12px;
	padding: 0 20px 0 15px;
	box-sizing: border-box;
	
	background-image: url('icons/right-arrow-white.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	
}
div.accordion div.accordion_text span.col3 a.gmap-link:hover {
	border: 0;
}
div.accordion div.accordion_text span.col3 img {
	float: left;
	margin-bottom: 15px;
	display: none;
}





/***** Download *****/
div.download {
	padding-left: 40px;	
	background-image: url('icons/dw.jpg');
	background-size: 19px 25px;
	background-repeat: no-repeat;
	background-position: 3px top;
	
	margin-bottom: 30px;
	
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;
}
div.download.sia {
	background-image: url('icons/sia.png');
	background-size: 25px auto;
	background-position: 0px top;
}
div.download.downloadlink {
	background-image: url('icons/link.png');
	background-size: 25px auto;
	background-position: 0px top;
}

div.download a {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;	
	line-height: normal;
	letter-spacing: normal;
}

/******* Contact form: DForm module ********/
div.dform-wrapper {
	width: 100%;
	background-color: #ffffff;
	margin: 0;
	padding: 30px 135px;
	box-sizing: border-box;
	
}

div.dform-wrapper input[type=text],
div.dform-wrapper textarea,
div.dform-wrapper select  {
	width: 770px;
	height: 40px;
	border: solid 1px #dfdfdf;
	box-sizing: border-box;
	margin: 0;
	padding: 0 20px;
	float: left;
	font-size: 15px;
	font-family: inherit;
}

div.dform-wrapper select {
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	
	background-image: url('icons/down-arrow-black.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 98% center;
	padding-right: 20px;
	
}

div.dform-wrapper textarea {
	height: 190px;
	padding: 10px 20px;
}

div.dform-wrapper .form_row {
	width: 100%;
	display: block;
	float: left;
	
	margin: 0 0 30px 0;
}

div.dform-wrapper .submit-button {
	width: 270px;
	height: 40px;
	background-color: #fad000;	
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;	
	line-height: normal;
	letter-spacing: 0.57px;
	color: #1d1d1b;
	text-align: left;
	
	padding: 0 15px;
	border: none;
	cursor: pointer;
	
	background-image: url('icons/right-arrow-black.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-right: 20px;

}

div.dform-wrapper .error_input input,
div.dform-wrapper .error_input select,
div.dform-wrapper .error_input textarea {
	border: solid 2px #fad000;	
}	

div.dform-wrapper div.heading {
	width: 770px;
	margin-bottom: 60px;
}

div.dform-wrapper div.heading h3 {
	margin: 20px 0 25px;
	
	color: #000000;
	font-size: 35px;
	font-family: 'HelveticaProBold', sans-serif;
}

div.dform-wrapper div.heading p {
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	color: #666666;
}
div.dform-wrapper .error_input_recaptcha {
	margin: 20px 0;
	font-size: 14px;
}


#addsearch-results,
.content .addsearch-filters{
	width: 1170px;
	margin: 0 auto !important;
	margin-top:20px !important;
	margin-bottom: 60px !important;
}

.content .addsearch-filters{
	color:white;
}

.content .addsearch-filters h5{
	display: block;
    width: 100%;
}

.content .addsearch-filters label{
	margin-right:20px;
	font-size: 20px;
}

.content .addsearch-filters label input[type=checkbox]{
	margin: 0px 4px 3px 0px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

#addsearch-results-mid{
	width:100% !important;
}

#addsearch-results-mid .addsearch-result-item-container {
	background-image: none !important;
	
	border-top: solid #ffffff 1px;
	padding: 30px;
	
	transition: all .3s ease;	
	
}
#addsearch-results-mid .addsearch-result-item-container:hover {
	background-color: #ffffff;
	
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
	-webkit-transform: scale(1.1, 1.1); /* Safari prior 9.0 */
	transform: scale(1.1, 1.1); /* Standard syntax */
}
#addsearch-results-mid .addsearch-result-item-container:hover .addsearch-result-item-sub h2 a,
#addsearch-results-mid .addsearch-result-item-container:hover .addsearch-result-item-sub p {
	color: #000000 !important;
}


#addsearch-results .addsearch-result-item-sub{
	border-bottom: none !important;
	background-size: 140px auto !important;
	background-position: 0px 0px !important;
	min-height: 0 !important;
	padding-bottom: 7px;
}

#addsearch-results .addsearch-result-item-sub div {
	padding: 0 14px 0 170px !important;
	min-height: 0 !important;
}

#addsearch-results .addsearch-result-item-sub h2 a{
	color:white !important;
	font-family: 'HelveticaProBold', sans-serif !important;
    font-size: 24px !important;
	padding:5px 0px 2px 0px !important;
	margin-bottom: 14px !important;
	font-weight:normal !important;
	display:inline-block !important;
	border-bottom: solid 1px transparent !important;
}


#addsearch-results .addsearch-result-item-sub h2 a:hover{
	border-bottom: solid 1px #fad000 !important;
	
}

#addsearch-results .addsearch-result-item-sub p{
	color:white !important;
	font-family: 'HelveticaProLight', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.47px !important;
}

#addsearch-results .addsearch-result-item-sub p span.category {
	display: none !important;
	
}

#addsearch-results .addsearch-result-item-sub p em{
	color: #fad000 !important;
	font-family: 'HelveticaProBold', sans-serif !important;
	font-weight:normal !important;
	/*display:none !important;*/
}

#addsearch-results #addsearch-results-bottom #addsearch-logo-img{
	display:none !important;
}

#addsearch-results-bottom{
	background-color:transparent !important;
	padding:10px 0px !important;
}

#addsearch-results #addsearch-rp-paging a {
	color: white !important;
    font-family: 'HelveticaProLight', sans-serif !important;
	border-color: white !important;
}

#addsearch-results #addsearch-rp-paging a:hover,
#addsearch-results #addsearch-rp-paging a.currentResultPage {
	color: #fad000 !important;
	border-color: #fad000 !important;
}

#addsearch-nohits p{
	color:white !important;
	font-size:16px !Important;
	padding-left:0px !important;
}

#addsearch-nohits p em{
	color: #fad000 !important;
}

.autocomplete {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.autocomplete span {
    cursor: pointer;
    color: #000000;
    font-size: 40px;
    line-height: normal;
    visibility: hidden;
    position: absolute;
}

div#ino {
	position: absolute;
	top: -172px;
	right: 185px;
}
div#ino img.large-view {
	width: 160px;
}
div#ino img.small-view {
	display: none;	
}

.cr_font{font-size: 14px;font-family: 'HelveticaProLight',sans-serif;}
.cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_button{display:inline-block;font-family:'HelveticaProLight',sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.formbox{font-family:'HelveticaProLight',sans-serif;color:#ffffff;padding:60px 60px 20px 30px;}
.cr_ipe_item .mce_text span{ font-size:18px; margin-bottom:10px;display:block;}
.cr_ipe_item{margin-bottom:5px;}
.cr_ipe_item label{font-size:14px;vertical-align: text-bottom;margin-right:10px;}
.cr_ipe_item input {border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 14px;width:100%;box-sizing:border-box;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;height: 13px;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 0px;}
.cr_ipe_item.inactive {display:none;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}






/**** Gallery Owl-carousel ****/
.owl-carousel {	
	
}

.owl-carousel .owl-stage,
.owl-carousel .owl-stage-outer{
	height: 450px;
}

.owl-carousel .owl-item {
	width: auto !important;
	height: 100%;
	max-height: 450px;
}
.owl-carousel .owl-item img {
	height: 100% !important;
	max-height: 450px;
	width: auto !important;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.owl-carousel .owl-nav {
	padding: 15px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    
}
.owl-carousel .owl-nav .owl-prev {
	float: left;
	width: 40px;
}
.owl-carousel .owl-nav .owl-next {
	float: right;
	width: 40px;
}

.owl-carousel .owl-nav .owl-prev img,
.owl-carousel .owl-nav .owl-next img {
	width: 100%;
	opacity: 0.6;
	transition: all .3s ease;
	
}
.owl-carousel .owl-nav .owl-prev img:hover,
.owl-carousel .owl-nav .owl-next img:hover {
	opacity: 1;
	transition: all .3s ease;
}

#iframe-popup-wrapper{
    background-color: #fff;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
	display: none;
	text-align: center;
}
#iframe-popup {
	position: relative;
	padding-bottom: 56.27%;
	height: 0px;
	text-align: center;
	box-sizing: content-box;
}
.iframe-popup-close {
	position:absolute;
	z-index: 101;
	top: 85px;
    right: 20px;
    cursor: pointer;
	background: #fff;
    width: 25px;
    line-height: 25px;
	border-radius: 13px;
}

.logos { 
	margin-top: -77px;
	padding-left: 83px;
	padding-right: 0;
}
.logos a, .logos a:hover, .logos:hover a { text-decoration: none; border-bottom: none; }
.logos .left-logo { width: 165px; }
.logos .right-logo { 
	float:right;
	width: 315px;
	margin-top: -35px;
}
.logos-mobile img { width: calc(100% - 50px); margin-bottom: 10px; }
.logos-mobile .right-logo { padding-bottom: 30px;  }

.video-container .desktop, .video-container.desktop { display: block; }
.video-container .mobile, .video-container.mobile, .mobile.mobilevideo { display: none; }

.image-wrap-video { width:620px; height:620px; position: relative; }
.image-wrap-video .preload_image { width: 100%; height:100%; position: absolute; }
.image-wrap-video .video-container { padding:0; padding-bottom: 100%; }
.video-container.nopaddingtop { padding-top:0; }

a.no-hover-decoration:hover { text-decoration:none !important; border:none !important; }



/* Instagram module */

.instagram-feed {		
	padding: 55px 135px;	
	overflow: hidden;	
}
.instagram-feed > .heading {	
	color: #ffffff;
	margin-bottom: 40px;
}
.instagram-feed > .heading h2 {
	margin-bottom: 10px;
	/* font-family: 'HelveticaProRoman', sans-serif; */
}

.instagram-feed > .feed {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin: 0 -10px;
	
}
.instagram-feed > .feed > .item,
.instagram-feed > .feed > .item:hover	{
	width: calc(100% / 5 - 20px);	
	height: 0;
	padding-top: calc(100% / 5 - 20px);	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px;	
	position: relative;
	border: none;	
	overflow: hidden;
}
.instagram-feed > .feed > .item  img {
	opacity: 0;
	visibility: hidden;
	width: 100%;
}

.instagram-feed > .feed > .item  video {
	width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
	bottom:0px;
	right:0px;
	margin: auto;
}

.instagram-feed > .feed > .item > .caption {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1B5630;
	color: #ffffff;
	opacity: 0;
	transition: opacity .3s ease;
	
	padding: 30px;
	font-size: 14px;
	font-weight: normal;
	word-break: break-word;
	overflow: hidden;
}
.instagram-feed > .feed > .item:hover > .caption {
	opacity: 0.9;
}


/* Content Hub module */
.hub-feed {		
	padding: 75px 135px;
	background-color: #ffffff;		
}
.hub-feed > .heading {	
	color: #000000;
	margin-bottom: 40px;
	max-width: 66%;
}
.hub-feed > .heading h2 {
	margin-bottom: 10px;
	font-family: 'HelveticaProRoman', sans-serif;
}

.hub-feed > .heading > .link, .link-btn {
	width: 270px;
	height: 40px;
	display: block;
	background-color: #fad000;
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.57px;
	color: #1d1d1b !important;
	text-align: left;
	padding: 0 15px;
	border: none;
	cursor: pointer;
	background-image: url('/includes/icons/right-arrow-black.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-right: 20px;
	margin: 40px 0;
}
.link-btn {
	display: inline-block;
	margin: 15px 0;
}
.link-btn:hover {
    opacity: 0.7;
    filter: alpha(opacity = 70);
	border-bottom: solid 1px #fad000 !important;
}

.hub-feed > .feed {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin: 0 -10px;
	
}
.hub-feed > .feed > .elem	{
	width: calc(50% - 20px);	
	height: calc(100% - 380px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px;	
	position: relative;
	border: none;	
	overflow: hidden;
	display: flex;
	flex-direction: column;		
}

.hub-feed > .feed > .elem:first-child {
	width: 100%;
	height: 500px;
	display: flex;
	flex-direction: row;
}

.hub-feed > .feed > .elem .image {
	width: 100%;
	/*height: 380px;*/
	/*max-height: 380px;*/
	max-height: 386px;
	background-repeat: no-repeat;
	background-size: contain;
}
.hub-feed > .feed > .elem:first-child .image {
	width: 66%;
	height: 100%;
	background-size: cover;
max-height: 500px;
}

.hub-feed > .feed > .elem .image img {
	opacity: 0;
	visibility: hidden;
	width: 100%;
display: block;
}

.hub-feed > .feed > .elem > .text {
	width: 100%;
	height: auto;
	background-color: #f0f0f0;				
	padding: 30px;		
	word-break: break-word;	
	box-sizing: border-box;
	position: relative;
}
.hub-feed > .feed > .elem:first-child > .text {
	width: 34%;

}

.hub-feed > .feed > .elem > .text:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 35px;
	color: #000000;
	background-color: #fad000;
	background-image: url('/includes/icons/right-arrow.png');
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
}

.contact-button-link { display: inline-block; background-color: #fad000; color: #000; padding: 5px 20px; cursor: pointer; margin-top: 10px; }
.contact-button-link:hover { opacity: 0.7; filter: alpha(opacity=70); }
.image-wrap-video-wrapper { width: 620px; height: auto; position: relative; }

/* module Next/Previous page */
.module-pagenav { font-family: 'HelveticaProLight', sans-serif; font-size: 16px; line-height: 1.75; letter-spacing: normal; color: #ffffff; 
	padding: 0 135px; margin: 35px 0; width: 100%; box-sizing: border-box;
}
.module-pagenav .module-pagenav-left { display: inline-block; float:left; }
.module-pagenav .module-pagenav-right { display: inline-block; float:right; }
.module-pagenav a { border-bottom: solid 1px #fad000; }
.module-pagenav a:hover { border-bottom: none; }
.module-pagenav .module-pagenav-left img { width: 25px; margin-bottom: -8px; margin-right: 7px; }
.module-pagenav .module-pagenav-right img { width: 25px; margin-bottom: -8px; margin-left: 7px; }

/* Header Slider CSS */
div.base-page-image .bxslider.desktop { 
	width: 100%;
	height: 610px;
	display: flex;
	align-items: center;
	padding: 0;
}
div.base-page-image .bxslider.mobile { display: none; }
div.base-page-image div.header-slider-wrapper {
	width: 100%;
	height: 610px;
	overflow: hidden;
	/* display: flex;
	align-items: center; */
	
}
div.base-page-image div.header-slider-wrap {
	align-content: center;
	overflow: hidden;
	display: flex;
}
.content_wrapper div.content ul.bxslider > li:before { content:""; }

div.base-page-image div.header-slider-wrap ul.bxslider {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}
div.base-page-image div.header-slider-wrap ul.bxslider.mobile {
	display: none;
}

div.base-page-image div.header-slider-wrap ul.bxslider li {
	
	list-style: none;
	position: relative;
	width: 1440px;  
	
	display: flex;
	align-items: center;
}
div.base-page-image div.header-slider-wrap ul.bxslider li img {
	width: 100%; 
	max-width: 100%; 
	display: block;
}


div.base-page-image .bx-wrapper {
	margin-bottom: 0;
	height: 610px;
	
	box-shadow: none;
	border: 0;
	background: transparent;
}



div.base-page-image div.header-slider-wrap .bx-wrapper ul.bxslider {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}



div.base-page-image div.header-slider-wrap .bx-wrapper.desktop	{ display: block; }
div.base-page-image div.header-slider-wrap .bx-wrapper.mobile { display: none; }


div.base-page-image .bx-wrapper img { width: 100%; }

div.base-page-image .bxslider div.image { width: 100%; height: 610px; background-repeat: no-repeat; background-size: cover; background-position: center; }


div.base-page-image a.link-it {
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	border: none;
}

div.base-page-image .bxslider-caption-div {
	position: absolute;   
	margin: auto;
    left: 135px;
	
	width: calc(50% - 135px);
    /* font-family: 'HelveticaProBold', sans-serif; */
    font-size: 58px;
    line-height: normal;
    color: #ffffff;
    /*padding: 0 120px 0 10px;
    box-sizing: border-box;*/
	padding: 0;
    text-shadow: 0em 0em 1.0em black;
	
	transition: opacity .3s ease;
	opacity: 0;
	
}
div.base-page-image .bxslider-caption-div.shown {
	opacity: 1;
}

div.base-page-image .bx-controls.bx-has-pager {
	position: absolute;
    bottom: 50px;
	min-width: 100%;
}

div.base-page-image .bx-wrapper .bx-pager.bx-default-pager {
	z-index: 2;
}

div.base-page-image .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 12px; height: 12px; border-radius: 8px; border: 0;}
div.base-page-image .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }





/* Yellow Button */

.ybutton-area {
	position: relative;
	width: 100%;
	height: 0;
}

.ybutton {
	position: absolute;
	right: 35px;
	bottom: 0;
	z-index: 19;
	width: 115px;
	height: 115px;
	border-radius: 100px;
	background-color: #FFDD00;	
		
	font-size: 15px;
	line-height: 1.2;
	
	display: flex;
	align-items: center;
	text-align: center;
	transform: rotate(20deg);
}
.ybutton p {
	padding: 0;
	width: 100%;
	word-break: break-word;
	margin: 0;
	hyphens: manual;
	color: #1B5630;
}
.ybutton a {
	text-decoration: none;	
	border-bottom: none;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
}