/***** Fonts ******/
@font-face {
    font-family: 'ibm_plex_serifmedium';
    src: url('fonts/ibmplexserif/ibmplexserif-medium-webfont.eot');
    src: url('fonts/ibmplexserif/ibmplexserif-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ibmplexserif/ibmplexserif-medium-webfont.woff2') format('woff2'),
         url('fonts/ibmplexserif/ibmplexserif-medium-webfont.woff') format('woff'),
         url('fonts/ibmplexserif/ibmplexserif-medium-webfont.ttf') format('truetype'),
         url('fonts/ibmplexserif/ibmplexserif-medium-webfont.svg#ibm_plex_serifmedium') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'DINOT';
    src: url('fonts/dinot/DINOT.eot');
    src: url('fonts/dinot/DINOT.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinot/DINOT.woff2') format('woff2'),
        url('fonts/dinot/DINOT.woff') format('woff'),
        url('fonts/dinot/DINOT.ttf') format('truetype'),
        url('fonts/dinot/DINOT.svg#DINOT') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'DINOTMEDIUM';
    src: url('fonts/dinotmedium/DINOT-Medium.eot');
    src: url('fonts/dinotmedium/DINOT-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/dinotmedium/DINOT-Medium.woff2') format('woff2'),
        url('fonts/dinotmedium/DINOT-Medium.woff') format('woff'),
        url('fonts/dinotmedium/DINOT-Medium.ttf') format('truetype'),
        url('fonts/dinotmedium/DINOT-Medium.svg#DINOT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}




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

.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: #ffffff;
	font-family: 'DINOT', sans-serif;
	
	font-size: 20px;
	line-height: 1.6;
	color: #1a1919;
    }
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-weight:bold;
}
a{
    text-decoration: none;
	color: inherit;
}

a:hover{
    text-decoration: none;
	
}

h1 {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 60px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: normal; 

	margin-bottom: 20px;	
}

.error404 h1 {
	font-family: 'ibm_plex_serifmedium', sans-serif;
}

h2 {	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	
	margin: 40px 0 20px;
	
}

h3 {	

	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	
	margin: 20px 0 20px;

}
h4 {	
	
}

div.content > h1,
div.content > h2,
div.detail-page > h2,
div.news-more > h2 {
	margin-top:0;
}

h2 > span  {

}

p {
	margin-bottom:20px;
}












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

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

div.wrapper div.container #greeny {
	position: absolute;
	top: 0;
	right: 0;
	
	
	width: calc(50% - 122px);
	height: 100vh;
	
	background-color: #637966;
/*	background-color: rgba(99, 121, 102, 0.8);
	
 	background-color: #304633;
	background-color: rgba(48, 70, 51, 0.8);
	
 	background-color: #4A604D; 
	background-color: rgba(74, 96, 77, 0.8);  */
	
	content: '';
/* 	opacity: 0; */
	z-index: 0;
	transition: all .3s ease; 
}

div.container header{

	height: auto;
	min-height: 140px;
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: auto;
	z-index: 5;
	
	padding-bottom: 26px;
	
}


div.container header div.logo {
	width: 240px;
	display: inline-block;
	
	transition: all .3s ease;
}

div.container header div.logo a img {
	padding: 30px 0 0 40px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

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

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


header .homelogo {
	display: none;
	width: 710px;
	margin: 40px auto -115px;
	position: relative;
	z-index: 2;
	
}
body.home header .homelogo {
	display: block;	
}

header .homelogo img {
	width: 100%;
	position: relative;
	top: 0;	
	opacity: 1;
	transition: opacity .3s ease;
}

header .homelogo img#logo-black {
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 0;
}


header .swapper {	
	display: flex;
	flex-direction: column-reverse;

}


header a.search-icon {
	display: none;
}


/**** Sidenav and metaNav item****/

header a.metaNav,
header span.metaNav {
	position: absolute;
	right: 300px;
	top: 52px;
	color: #ffffff;
	line-height: 50px;
	font-size: 18px;
	
	transition: all .3s ease;
}
header span.metaNav a { text-decoration: underline; }
header span.metaNav a:hover { text-decoration: none; }

header span.metaNavMobile{ display:none;}


header a.metaOpen,
header a.metaOpenMobile { 		
	
	font-size: 18px;	
	line-height: 1.56;
	
	cursor:pointer;
	color: #1d1d1b;
	position: absolute;
	right: 10px;
	top: 52px;
	z-index: 6;
	text-decoration: none;
	
	transition: all .3s ease;
}

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

header a.metaOpen span.text {
	color: #ffffff;
	line-height: 50px;
	float: left;
}

header a.metaOpen span.icon,
header a.metaOpenMobile span.icon {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	
	background-image: url(icon-burger.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35px;
	
}

 /* The side navigation menu */
 
#sidenav-overlay {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(26,25,25, 0.2);
	display: none;
} 
 
 
.sidenav {
  height: calc(100% - 75px); /* 100% Full-height */
  width: 43%; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 10; /* Stay on top */
  top: 0; /* Stay at the top */
  right: -80%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
  background-color: #637966; /* Green*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 40px; /* Place content 60px from the top */
  padding-bottom: 35px;
  padding-left: 100px;
  padding-right: 60px;
  transition: right .5s ease, opacity .5s ease; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav.white {
	color: #1a1919;
	background-color: #ffffff; 

}

.sidenav .wrap {
	max-width: 260px;
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
.sidenav .wrap h2 {
	margin-bottom: 35px;
}


.sidenav .wrap .searchNav h2 {
	margin-bottom: 20px;
	margin-top: 0;
}
/* The navigation menu links */
.sidenav .wrap > a,
.sidenav .wrap .tabItemsNav > a,
.sidenav h3 {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: normal;

	margin: 10px 0px 18px 0px;
	text-decoration: none;	
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
	transition: right .3s ease, opacity .3s ease;
	
	-webkit-align-self: baseline;
	align-self: baseline;
	
}
.sidenav.white .wrap > a,
.sidenav.white .wrap .tabItemsNav > a,
.sidenav.white h3 {
	color: #1a1919;
}



/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	text-decoration: underline;
}

.sidenav a.active {
	
}

.sidenav ul.level-2{
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 40px;
	padding-left: 22px;
	padding-right: 40px;
	line-height: normal;
}
.sidenav ul.level-2 li {
	line-height: normal;
	margin-bottom: 10px;
	font-size: 17px;
}

.sidenav ul.level-2 li:marker {
	font-size: 16px;
	
	
}
.sidenav ul.level-2 li a {
	
	font-size: 16px;
	line-height: 1.5;
}


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

nav#side-menu,
.menu-mobile .closebtn {
	display: none;
}



.sidenav .tabItemsNav {
	display: none;
}


.sidenav.white .wrap {
	max-width: 540px;
}

.tabItemsNav .col1 {
	width: 56%;
	float: left;
	
}

.tabItemsNav .col2 {
	width: 44%;
	float: left;
	
}

.tabItemsNav .contact {
	font-family: 'DINOT', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	
}

.tabItemsNav .contact p {
	margin-bottom: 30px;
}


.tabItemsNav .contact a.button-detail {
	display: inline-block;
	background-color: #637966;
	color: #ffffff;
	
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 20px 0 20px;
	margin-top: 0;
	
	text-align: center;
	text-decoration: none;
	
	box-sizing: border-box;
	/* 
	padding: 0 50px 0 20px;
	background-image: url(icons/white-arrow-link.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 30px auto; */
	
}

#sidenav3.sidenav.white .wrap {
	max-width: 90%;
	height: auto;
	
}
#sidenav3.sidenav {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.searchNav {
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
}

/**** end sidenav ****/




header ul.nav-menu {
    margin: 18px auto 0;
	padding-right: 38%;
	padding-bottom: 26px;
    text-align: left;
	width: 1170px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	
	
	transition: all .3s ease;
	
	

}
header ul.nav-menu li{
	display: inline-block;
	width: calc(50% - 45px);
	margin-right: 45px;
	
	padding-right: 40px;	
	padding-bottom: 15px;
    padding-top: 15px;
	
	
	background-image: url(icons/assets-icon-sort-right.png);
	background-position: right center;
	background-size: 20px;
	background-repeat: no-repeat;
	
	border-bottom: solid 1px #d9d9d9;
	
	box-sizing: border-box;
}
header ul.nav-menu li#searchTrigger {
	border-bottom: none;
	background-image: url(icons/search.png);
	padding-bottom: 8px;
    padding-top: 8px;
	cursor: pointer;
}



header ul.nav-menu li:last-child {
	margin-right: 0;
}
header ul.nav-menu li a{
	text-decoration: none;
	color: #1a1919;
	display: inline-block;	
	border-bottom: solid 2px #ffffff;

	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;	
}

header ul.nav-menu li#searchTrigger span {
	text-decoration: underline;
	text-decoration-style: dashed;
	
	color: #1a1919;
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;	
	
	cursor: pointer;
}

header ul.nav-menu li > a:hover,
header ul.nav-menu li.active > a{
	text-decoration: underline;	
}

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: #ffffff;
	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-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;	
}

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


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



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

header #search {
	width: 100%;
	height: 50px;
	display: flex;
	margin: 30px auto;
	box-sizing: border-box;

	transition: all .3s ease;
	
}
header #search form {
	max-width: 563px;
	width: 100%;
	height: 100%;
	/* background-image: url('icons/search.png');
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: right center;	
	background-color: transparent; */
	
   
}

header #search form input[type="submit"] {
	position: relative;
	display: block;
	
	width: auto;
	height: 40px;
	background-color: #637966;
	border: 0;
	padding: 0 40px;
	margin-top: 32px;
	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 16px;
	
	text-align: center;
	color: #ffffff;

	cursor: pointer;
	
}

header #search form input[type="text"] {
	
	padding: 0 15px;
	box-sizing: border-box;
	
	width: 100%;
	height: 46px;
	border-radius: 4px;
	border: solid 1px #d9d9d9;
	background-color: #ffffff;

	font-family: 'DINOT', sans-serif;
	font-size: 14px;
	line-height: 1.43;	
	color: #6f7276;

	
	
}




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

header .lang-nav {
	display: inline-block;
	margin-left: 40px;
	color: #787878;
	
	position: absolute;
	top: 73px;
	right: 110px;
	
	display: none;
}

header .lang-nav a {
	color: #787878;
}
















.content_wrapper{

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


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

.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;
	margin-bottom: 30px;
}

.content_wrapper div.content a{
    text-decoration: underline;
	text-decoration-thickness: 2px;
	color: #637966;
	font-family: 'DINOTMEDIUM', sans-serif;
	
}

.content_wrapper div.content a:hover{
    text-decoration: none;

}

.content_wrapper div.content a.white-button {
	display: inline-block;
	background-color: #ffffff;
	border: solid 1.5px #1a1919;
	color: #1a1919;
	
	width: auto;
	height: 37px;
	line-height: 36px;
	font-size: 16px;
	padding: 0 65px;
	margin-top: 0;
	
	text-align: center;
	text-decoration: none;
	
	/* 
	padding: 0 50px 0 20px;
	background-image: url(icons/white-arrow-link.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 30px auto; */
	
}

.content_wrapper div.content a.white-button:hover {
	border: solid 1.5px #637966;
	background-color: #637966;
	color: #ffffff;
}


.content_wrapper div.content table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #787878;
	
	
    }

.content_wrapper div.content table td  {
    vertical-align : top;
	padding: 7px 0;
    }
	
.content_wrapper div.content table tr 	{
	border-bottom: solid 1px #8e7b77;
}

.content_wrapper div.content table thead td {
	
	font-size: 22px;
	color: #787878;
}
.content_wrapper div.content table.date-event {
	width: 100%;	
}
.content_wrapper div.content table.date-event td:first-child {
	width: 25%;
	
}

.content_wrapper div.content table td  {
    vertical-align : top;
	padding: 7px 0;
    }

.base-page-content {
	width: 100%;
	max-width: 1170px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 40px auto 20px;	
	
	position: relative;
	z-index: 3;
}

.base-page-col1,
.base-page-col2 {
	width: 50%;
}
	
.base-page-title,
.base-page-subtitle,
.base-page-text{
	max-width: 560px;
	width: 100%;
	margin-bottom: 35px;
}

.base-page-text-tablet {
	display: none;
}

	
	
div.footer{
	width: 100%;
    display: inline-block;
	background-color: #637966;
}
div.footer div.footer-cols {	
	color: #ffffff;
	padding: 7px 135px;
	font-size: 16px;
	
	width: 1170px;
	margin: auto;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

div.footer div.footer-cols .col {
	width: 100%;
	float: left;
	padding: 72px 46px 0 0;
	box-sizing: border-box;
	
}

div.footer div.footer-cols .col .static-image {
	width: 100%;
	max-width: 245px;
	margin-top: 20px;

}
div.footer div.footer-cols .col .static-image > img {
	max-width: 100%;
}

div.footer div.footer-cols p {
	margin-bottom: 25px;
}

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

div.footer div.footer-cols a.button-detail {
	display: inline-block;
	background-color: #2d2d2d;
	color: #ffffff;
	
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 20px 0 20px;
	margin-bottom: 30px;
	
	text-align: center;
	text-decoration: none;
	
	/* 
	padding: 0 50px 0 20px;
	background-image: url(icons/white-arrow-link.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 30px auto; */
	
	box-sizing: border-box;
}

div.footer div.footer-cols .info {
	line-height: 1.8;
}

div.footer div.footer-cols .info img {
	width: 19px;
	height: auto;
	padding-right: 10px;
	float: left;
	margin-top: 6px;
}

div.footer div.footer-cols ul.level-2 li {
	margin: 7px 0;
}





div.footer div.bottom {
	
	color: #ffffff;
	padding: 7px 135px;
	font-size: 16px;
	
	width: 1170px;
	margin: 0 auto 40px;
	
	display: flex;
	flex-wrap: nowrap;	

}
div.footer div.bottom a {
	margin: 0 0 0 20px;
}

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 #ffffff;
}
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;
}
div.footer div.footer-text .bottom .socials a.fb {
	background-image: url('socials/fb.jpg');	
	
}
div.footer div.footer-text .bottom .socials a.xing {
	background-image: url('socials/xing.jpg');	
	margin-left: 10px;
}
div.footer div.footer-text .bottom .socials a.tweet {
	background-image: url('socials/tweet.jpg');	
}
div.footer div.footer-text .bottom .socials a.insta {
	background-image: url('socials/insta.jpg');	
	margin-left:0px;
}
div.footer div.footer-text .bottom .socials a.pint {
	background-image: url('socials/pint.jpg');	
}
div.footer div.footer-text .bottom .socials a.tube {
	background-image: url('socials/tube.jpg');	
}

div.footer div.footer-text .bottom .socials a:hover {
	border: 0;
}

div.footer div.footer-text h3 {
	font-size: 35px;
	line-height: normal;
	
	
	margin-bottom: 20px;
}
div.footer div.footer-text h4 {
	font-size: 16px;
	line-height: 20px;
	
}

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


div.footer div.footer-text ul {
	padding: 0;
	width: 100%;
	text-align: left;
	z-index:5;
	
	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 #ffffff;
}


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


.content_wrapper div.content a.load-more,
.content_wrapper div.content a.show-all {
	display: inline-block;
	border: solid 2px #1a1919;
	
	font-size: 16px;
	line-height: 40px;
	color: #1a1919;	
	text-decoration: none;
	
	width: auto;
	height: 40px;
	margin: 35px 0;
	padding: 0 35px;
	
	cursor: pointer;
	
}
.content_wrapper div.content a.load-more:hover {
	
	
}
.content_wrapper div.content a.show-all.center {
	margin: 0 auto;
}


div.base-page-image {
	position: relative;
	
}

div.base-page-image div.image-wrap {
	width: 100%;
	height: 100%;	
}


div.base-page-image div.image-wrap img {
	float: right;
	max-width: 100%;
	height: auto;
	position: relative;
}




div.block-wrap {
	width: 1170px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}

div.text-block.x2o3 {
	max-width: 765px;
	width: 100%;
	display: block;
}
div.image-block.x1o3 {
	max-width: calc(100% - 765px - 45px);
	margin-left: 45px;
	margin-top: 60px;
	width: 100%;
	display: block;
}
div.image-block img {
	float: right;
	max-width: 100%;	
	height: auto;
}

div.image-block.x1o3 img {
	margin-bottom: 16px;
}



.content_wrapper div.content ul.breadcrumb {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 0;
	margin: 0 auto 35px;
	width: 100%;
	max-width: 1170px;
	box-sizing: border-box;	
		
}

.content_wrapper div.content a.alt_version {
	color: #ffffff;
	margin: 0 135px;
	width: 100%;
	text-decoration:none;
	
}

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



.content_wrapper div.content ul.breadcrumb > li {
	width: auto;
	display: inline;
	
	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;
}

.content_wrapper div.content ul.breadcrumb > li a {
	color: #1a1919;
	text-decoration: none;
	
}
.content_wrapper div.content ul.breadcrumb > li a:hover {	
	text-decoration: underline;	
}

.content_wrapper div.content ul.breadcrumb > li::after {
	content: " / ";
	color: #000000;
	margin: 0;
	position: relative;
}
.content_wrapper div.content ul.breadcrumb > li:last-child::after {
	content: "";
}


/******* Module Image *********/
div.module-image {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 2;
}
div.module-image .wrap {
	width: 100%;
	max-width: 1170px;
	display: block;
	margin: auto;
	
}

div.module-image .wrap img {
	width: 100%;
	float: left;
}

div.module-image .wrap .heading {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50% - 122px);	
	height: 85%;
	display: block;
	box-sizing: border-box;
	padding: 200px 30px 18px 30px;
	
	color: #ffffff;
	background-color: rgba(99, 121, 102, 0.8);
	
	transition: all .3s ease;
}

div.module-image .wrap .heading h1 {
	font-family: 'ibm_plex_serifmedium', sans-serif;
	font-size: 54px;
	line-height: 1.19;
	margin-bottom: 0;
	position: absolute;
	bottom: 30px;
	width: calc(100% - 120px);
}




/******* Module Image & Button *********/
div.module-image-button {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 2;
	
}
div.module-image-button .greenBar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 438px;	
	background-color: #637966;
	
	
	content: '';
	z-index: 0;
}

div.module-image-button .wrap {
	width: 100%;
	max-width: 1170px;
	display: flex;
	flex-direction: column;
	margin: auto;
	position: relative;
	padding-bottom: 95px;
}



div.module-image-button .wrap img {
	width: 100%;
	height: auto;
	float: left;
}

div.module-image-button .wrap .heading {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 663px;	
	height: 438px;
	display: block;
	box-sizing: border-box;
	padding: 20px 30px 18px 300px;
	text-align: right;
	color: #ffffff;
	background-color: rgba(99, 121, 102, 0.8);
}

div.module-image-button .wrap .heading h1 {
	font-family: 'ibm_plex_serifmedium', sans-serif;
	font-size: 54px;
	line-height: 1.19;
	margin-bottom: 0;
	
}

div.module-image-button .wrap .heading a.button-detail {
	display: inline-block;
	background-color: #2d2d2d;
	color: #ffffff;
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 20px 0 20px;
	margin-top: 40px;
	margin-bottom: 45px;
	text-align: left;
	text-decoration: none;
	
	padding: 0 65px 0 20px; 
	background-image: url(icons/white-arrow-link.png); 
	background-position: 96% center; 
	background-repeat: no-repeat; 
	background-size: 30px auto; 
}









/******* Module Teaxtarea *********/
div.module-textarea {
	width: 100%;
	max-width: 1170px;
	margin: 20px auto;
	display: flex;
	flex-direction: row;
}
div.module-textarea.browser-width {
	max-width: 100%;
	margin: 0;
	float: left;
}

div.module-textarea div.text-block {	
	max-width: 765px;	
	width: 100%;
	display: block;
}
div.module-textarea.content-width div.text-block,
div.module-textarea.browser-width div.text-block {	
	max-width: 100%;	
	width: 100%;
	display: block;
}



.item.hidden {
	display: none;
}


/***** Module Slider ******/


.slick-initialized .slick-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.slider {
	width: 100%;
	max-width: 1170px;	
	margin: 0 auto 0;
	padding-bottom: 0px;
	background-color: #ffffff;
}
.transformer-image .slider {
	margin: 0 auto;
	padding-bottom: 0;
}

.slider-items {	
	height: auto;	
	width: 100%;
	/* margin-bottom: 50px !important; */
}

.slider-items .image {		
	/* width: 1170px;
	height: auto; */
	width: 1170px;
	height: 680px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.slider-items .image img {
	margin: 0 auto;
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	
		
}
.slider-items .image span,
.slider-items .image span {
	display: none;
	width: 100%;
	
	text-align: center;
	font-size: 16px;
	line-height: 1.38;
	color: #7d8186;
	max-width: 1170px;
	padding: 15px 0;
	
	color: #253746;
}


.slick-prev::before, .slick-next::before {
	content: '';
	
}


.slick-prev:not(.slick-disabled),
.slick-prev:not(.slick-disabled):hover {
	/*width: 40px;
	height: 40px;*/
	width:25%;
	height:100%;
	z-index:5;
	/*left: -45px;*/
	left: 0;
	top: calc(50% - 20px);
	background-image: url("svg/assets-icon-arrow-left.svg");
    /*background-position: center center;*/
	background-position: -10px center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	/*background-color: rgba(255,255,255, 0.6);*/
}
.slick-next:not(.slick-disabled),
.slick-next:not(.slick-disabled):hover {
	/*width: 40px;
	height: 40px;*/
	width:25%;
	height:100%;
	z-index:5;
	/*right: -45px;*/
	right: 0;
	top: calc(50% - 20px);
	background-image: url("svg/assets-icon-arrow-right.svg");
    /*background-position: center center;*/
	background-position: calc(100% + 10px) center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	/*background-color: rgba(255,255,255, 0.6);*/
}
.slick-prev:not(.slick-disabled):hover,
.slick-next:not(.slick-disabled):hover {
	/*background-color: rgba(255,255,255, 1);*/
}


.slick-dots {
	bottom: auto;
	z-index:8;
	
}
.slick-dots li {
	padding: 0 !important;
	margin: 30px 0;
	display: inline-block;
}
.slick-dots li button::before {
	content: '' !important;
}


.slick-dots li::before {
	top: 0 !important;
	background-color: #ffffff !important;
}

.slick-dots li::before {
	
	content: "" !important;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #637966;
	border-radius: 10px;
	top: 20px;
	bottom: 0;
	left: 0;
}	
.slick-dots li.slick-active::before {	
	background-color: #637966 !important;
}

.slick-dots > li:only-child {
    display: none;    
}

.slider .caption-wrap {
/* 	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 1.38;

	max-width: 1170px;
	padding: 15px 0;
	color: #253746; */
}

.slider-items .slick-dots {
	bottom: 10px;
	
}
.slider-items .slick-dots li {
	margin: 0;
}

.slider-items.slick-dotted.slick-slider {
	margin-bottom: 0;
}

div.module-image-button .slider-items .slick-dots {
	bottom: auto;
	top: 10px;
}


	
	
	
/******* Module TeamBrowser ***********/

div.team-list-wrap,
div.specialist-list-wrap,
div.downloads-list-wrap {
	max-width: 1215px;
	width: 100%;
	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.team-list-wrap div.team-list-heading,
div.specialist-list-wrap div.specialist-list-heading{
	width: 100%;
	max-width: 765px;
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: 32px;
	padding: 0 20px;
	margin-bottom: 20px;
}
div.team-list-wrap div.team-list-heading h2,
div.specialist-list-wrap div.specialist-list-heading h2{
	margin-bottom: 15px;
}




div.team-list,
div.specialist-list {
	max-width: 1215px;
	width: 100%;
	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.team-list div.team,
div.specialist-list div.team{
	width: calc(100% / 4 - 45px);
	height: auto;
	margin: 0 25px 0 20px;
	
	position: relative;
	
	z-index: 1;
	position: relative;
	
	
	-webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;    
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
}

div.team-list div.team img,
div.specialist-list div.team img {
	width: 100%;
	height: auto;
	float: left;
}

div.team-list div.team a,
div.specialist-list div.team a {
	border: none;	
}

div.team-list div.team > a,
div.specialist-list div.team > a {	
	width: 100%;
	float: left;
	color: inherit;
	font-family: 'DINOT', sans-serif;
}



div.team-list div.team h3,
div.specialist-list div.team h3 {
	width: 100%;
	max-height: 56px;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 20px 0 10px;
	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: normal;
	text-decoration: none;
	
	float: left;
}


div.team-list div.team p,
div.specialist-list div.team p {
	padding: 0;
	margin-bottom: 45px;
	text-decoration: none;
		
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	
}

div.team-list div.team .lead,
div.specialist-list div.team .lead {
	width: 100%;
	height: auto;	
	float: left;
	box-sizing: border-box;
	
}


div.team-list div.team h3:hover,
div.team-list div.team p:hover,
div.specialist-list div.team h3:hover,
div.specialist-list div.team p:hover{
	text-decoration: none;
	border-bottom: none;
}


div.team-list div.team .team-download,
div.specialist-list div.team .team-download{
	margin: 0 30px 30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
	float: left;
	
}

div.team-list div.team .team-download .dropdown,
div.specialist-list div.team .team-download .dropdown {
	border: none;
	outline: 0;	
	background-color: #333333;
	padding: 10px 24px 10px 18px;
	
	font-size: 16px;
	line-height: normal;	
	letter-spacing: 0.57px;
} 

div.team-list div.team .team-download .dropdown .menu,
div.specialist-list div.team .team-download .dropdown .menu {
	top: 49px;
	background-color: #333333;
}



div.category-filter {
	width: 1170px;
	position: relative;
	display: block;
	/*margin: 0 auto 65px;*/
	margin: 0 auto;
}

div.category-filter .dropdown {
	
	width: 360px;
	height: 44px;
	background-color: #ffffff;
	border-color: #d9d9d9;
	border-radius: 4px;
	color: #1a1919;	
	font-size: 14px;
	line-height: 20px;	
	margin-top: 20px;
}
div.category-filter .dropdown .menu {
	background-color: #ffffff;
	border-color: #d9d9d9;
	border-top: 1px solid #fff;
	border-radius: 4px;
}


.contact-list div.category-filter {
	display: none;
}




/******* Module ComplaintBrowser ***********/	
div.complaint-list-wrap {
	max-width: 1215px;
	width: 100%;
	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.complaint-list-wrap div.complaint-list-heading {
	width: 100%;
	max-width: 765px;
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: 32px;
	padding: 0 20px;
	margin-bottom: 20px;
}
div.complaint-list-wrap div.complaint-list-heading h2 {
	margin-bottom: 15px;
}






div.complaint-list {
	max-width: 1215px;
	width: 100%;
	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.complaint-list div.complaint {
	width: calc(100% / 3 - 45px);
	height: auto;
	margin: 0 25px 30px 20px;
	padding-top: 80px;
	background-image: url(icons/zoom-icon-tab-elem.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px auto;
	
	position: relative;
	
	z-index: 1;
	position: relative;
	cursor: pointer;
	
	-webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;    
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
}


div.complaint-list div.complaint a {
	border: none;	
}

div.complaint-list div.complaint > a {	
	width: 100%;
	float: left;
	color: inherit;
	font-family: inherit;
}



div.complaint-list div.complaint > a > h3 {
	width: 100%;
	max-height: 85px;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 20px 0 0;
	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: normal;
	text-decoration: none;
	
	float: left;
	overflow: hidden;
}


div.complaint-list div.complaint p {
	padding: 0;
	text-decoration: none;		
	font-size: 16px;	
	line-height: 1.5;	
}

div.complaint-list div.complaint .lead {
	width: 100%;
	max-height: 55px;
	height: auto;	
	float: left;
	box-sizing: border-box;
	margin: 10px 0;
	overflow: hidden;
}

div.complaint-list div.complaint .lead * {
	margin: 0;
}

div.complaint-list div.complaint span.link-detail {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #637966;
	
	background-image: url(icons/green-arrow-link.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	
	padding-right: 30px;
	
	display: inline-block;
	margin-top: 15px;
	
}
div.complaint-list div.complaint span.link-detail:hover,
div.complaint-list div.complaint:hover span.link-detail {
	text-decoration: underline;
}



div.complaint-list div.complaint h3:hover,
div.complaint-list div.complaint p:hover {
	text-decoration: none;
	border-bottom: none;
}





/******* Module TreatmentBrowser ***********/	
div.treatment-list-wrap {
	max-width: 1215px;
	width: 100%;
	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.treatment-list-wrap div.treatment-list-heading {
	width: 100%;
	max-width: 765px;
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: 32px;
	padding: 0 20px;
	margin-bottom: 20px;
}
div.treatment-list-wrap div.treatment-list-heading h2 {
	margin-bottom: 15px;
}


div.treatment-list {
	max-width: 1215px;
	width: 100%;
	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.treatment-list div.treatment {
	width: calc(100% / 3 - 45px);
	height: auto;
	margin: 0 25px 30px 20px;
	padding-top: 80px;
	background-image: url(icons/zoom-icon-tab-elem.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px auto;
	
	position: relative;
	
	z-index: 1;
	position: relative;
	cursor: pointer;
	
	-webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;    
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
}


div.treatment-list div.treatment a {
	border: none;	
}

div.treatment-list div.treatment > a {	
	width: 100%;
	float: left;
	color: inherit;
	font-family: inherit;
}



div.treatment-list div.treatment > a > h3 {
	width: 100%;
	max-height: 85px;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 20px 0 0;
	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: normal;
	text-decoration: none;
	
	float: left;
	overflow: hidden;
}


div.treatment-list div.treatment p {
	padding: 0;
	text-decoration: none;		
	font-size: 16px;	
	line-height: 1.5;	
}

div.treatment-list div.treatment .lead {
	width: 100%;
	max-height: 55px;
	height: auto;	
	float: left;
	box-sizing: border-box;
	margin: 10px 0;
	overflow: hidden;
}

div.treatment-list div.treatment .lead * {
	margin: 0;
}


div.treatment-list div.treatment span.link-detail {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #637966;
	
	background-image: url(icons/green-arrow-link.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	
	padding-right: 30px;
	
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 45px;
	
}
div.treatment-list div.treatment span.link-detail:hover,
div.treatment-list div.treatment:hover span.link-detail{
	text-decoration: underline;
}



div.treatment-list div.treatment > h3:hover,
div.treatment-list div.treatment p:hover {
	text-decoration: none;
	border-bottom: none;
}






/******* Module OfferBrowser ***********/	
div.offer-list-wrap {
	max-width: 1215px;
	width: 100%;
	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.offer-list-wrap div.offer-list-heading {
	width: 100%;
	max-width: 765px;
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: 32px;
	padding: 0 20px;
	margin-bottom: 20px;
}
div.offer-list-wrap div.offer-list-heading h2 {
	margin-bottom: 15px;
}


div.offer-list {
	max-width: 1215px;
	width: 100%;
	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.offer-list div.offer {
	width: calc(100% / 3 - 45px);
	height: auto;
	margin: 0 25px 30px 20px;
	padding-top: 80px;
	background-image: url(icons/offer-icon-tab-elem.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px auto;
	
	position: relative;
	
	z-index: 1;
	position: relative;
	cursor: pointer;
	
	-webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;    
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
}


div.offer-list div.offer a {
	border: none;	
}

div.offer-list div.offer > a {	
	width: 100%;
	float: left;
	color: inherit;
	font-family: inherit;
}



div.offer-list div.offer > a > h3 {
	width: 100%;
	max-height: 85px;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 20px 0 0;
	
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 20px;
	line-height: normal;
	text-decoration: none;
	
	float: left;
	overflow: hidden;
}


div.offer-list div.offer p {
	padding: 0;
	text-decoration: none;		
	font-size: 16px;	
	line-height: 1.5;	
	margin-bottom: 0;
}

div.offer-list div.offer .lead {
	width: 100%;
	max-height: 55px;
	height: auto;	
	float: left;
	box-sizing: border-box;
	margin: 10px 0;
	overflow: hidden;
}

div.offer-list div.offer .lead * {
	margin: 0;
}

div.offer-list div.offer span.link-detail {
	font-family: 'DINOTMEDIUM', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #637966;
	
	background-image: url(icons/green-arrow-link.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	
	padding-right: 30px;
	
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 45px;
	
}
div.offer-list div.offer span.link-detail:hover,
div.offer-list div.offer:hover span.link-detail{
	text-decoration: underline;
}



div.offer-list div.offer h3:hover,
div.offer-list div.offer p:hover {
	text-decoration: none;
	border-bottom: none;
}


/**** Category accordion ****/
div.category-list-wrap {
	/* width: 765px; */
	width: calc(100% - 120px);
	max-width: 1170px;
	padding: 0 60px;
	display: block;
	margin: 0 auto 100px;
}
div.category-list-wrap .accordion {
	width: 100%;
	max-width: 864px;
}


div.block-wrap + div[class$="-list-wrap"]:not(.downloads-list-wrap) {
	margin-top: 180px;
}















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

.dropdown{
	
	
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.5px;
	background-color: #ffffff;
	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/assets-icon-sort-down.png);
	background-position: 97% center;
	background-size: 20px;
	background-repeat: no-repeat;
	padding-right: 20px;
	
}

.dropdown .title{
	margin: 0;	
	width: 100%;
	line-height: 36px;
}


.dropdown .menu{
	transition: all .3s ease;
	
	border: solid 1px #dfdfdf;
	
	position: absolute;
	top: 40px;
	left: -1px;
	width: 100%;
	/*max-height: 20em;*/
	background-color: #ffffff;
	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;
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

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

.pointerCursor:hover{
	cursor: pointer;
}


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




div.image-text-wrap {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 168px 0 70px;
	position: relative;
}
div.image-text-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50% - 100px);
	min-width: 0;
	height: 100%;
	background-color: #b1aea7;
}

div.image-text-block {
	width: 100%;
	max-width: 1170px;
	margin: auto;
	
	padding: 75px 0;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
	-webkit-flex-direction: row;
	flex-direction: row;
	
	
	font-family: 'DINOT', sans-serif;
	font-size: 20px;	
	line-height: 1.6;			
	
	position: relative;
	z-index: 1;
}

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


div.image-text-block div.text {
	width: calc(100% - 562px);
}
div.image-text-block div.image {
	width: 50%;
	max-width: 562px;
}
div.image-text-block div.text {	
	/* margin-top: 100px;
	margin-bottom: 0; */
	padding: 0 145px 0 0px;
	box-sizing: border-box;
	
	
}

div.image-text-block.reverse div.text {	
	/* margin-top: 100px;
	margin-bottom: 0; */
	padding: 0 0px 0 145px;
	box-sizing: border-box;
	
	
}
	
div.image-text-block div.text h1 {
	font-family: 'ibm_plex_serifmedium', sans-serif;
	font-size: 54px;
	line-height: 1.19;
	letter-spacing: normal;	
	margin-bottom: 35px;
}

.content_wrapper div.content a.button-detail {
	display: inline-block;
	background-color: #637966;
	color: #ffffff;
	
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	
	margin-top: 30px;
	padding: 0 50px 0 20px;
	text-align: center;
	text-decoration: none;
	
	background-image: url(icons/white-arrow-link.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	
}

div.image-text-block div.image img {
	display: block;
	height: auto;
	width: 100%;
}





/**********************************/
/********* 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 h2 {
	width: 100%;
	margin-top: 130px;
	
	
	font-size: 48px;
	line-height: normal;
	
	
	padding: 0 135px;
	box-sizing: border-box;
	
}


div.full-width-block {
	width: 100%;
	display: inline-block;
	padding: 55px 135px 35px;
	box-sizing: border-box;
	
	
	
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	
}
div.full-width-block.smaller-width {
	width: 80%;
}


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

div.full-width-block h3 {
	
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin-bottom: 35px;
	
}

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-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	
}
div.no-padding div.text h3 {
	
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin: 62px 0 35px;
}

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





 
/***** Accordion *****/
div.accordion {
	display: block;		
	border-bottom: #d9d9d9 solid 1px;
	
}
div.accordion h3.accordion_title {
	background-image: url('icons/arrow-accordion-down.png');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	/* padding: 15px 30px 15px 0; */
	padding: 0 30px 0 0;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	min-height: 35px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 65px;	
	font-size: 20px;
	font-family: 'DINOTMEDIUM', sans-serif;

}

div.accordion:last-child  {
	border: none;
}

div.accordion.open h3.accordion_title {
	background-image: url('icons/arrow-accordion-up.png');
	border-bottom: #d9d9d9 solid 1px;	
	font-size: 32px;
	line-height: 60px;
	margin-bottom: 30px;

}

div.accordion.open h3.accordion_title > span {
	border-bottom: solid 6px #cca16a;
}


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

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





/***** Module Download *****/
div.module-download {
	width: calc(100% - 120px);
	max-width: 1400px;
	display: block;
	margin: 0 auto 15px;
}
div.downloads-list-wrap div.module-download {
	width: 100%;
}

div.module-download .wrap {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	display: block;
}

div.module-download .wrap a {
	padding-left: 40px;
	background-image: url('icons/pdf-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	
	font-size: 20px;	
	line-height: 32px;
	letter-spacing: normal;
	display: block;
	background-size: 24px;
	background-position: 0 2px;
	margin-bottom: 20px;
}

div.module-download .wrap p + a {
	margin-top: -20px;
}

div.downloads-list-wrap div.module-download .wrap a {
	padding-left: 40px;
	background-position: left top;
}

/******* 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: #727271;	
	
	
	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 #727271;	
}	

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

div.dform-wrapper div.heading p {
	
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	color: #666666;
}

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

.content .addsearch-filters{
	
}

.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 #727271 1px;
	padding: 30px 0;
	
	transition: all .3s ease;	
	
}
#addsearch-results-mid .addsearch-result-item-container:hover {
	
}
#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 {
	
}


#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{
	
	
    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 #727271 !important;
}


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

#addsearch-results .addsearch-result-item-sub p{
	
	
    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: #727271 !important;
	
	font-weight:normal !important;
	/*display:none !important;*/
}
#addsearch-results .addsearch-result-item-sub p > em {
	color: #637966 !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 {
	
    
	border-color: #727271 !important;
}

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

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

#addsearch-nohits p em{
	color: #637966 !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;}
.cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_button{display:inline-block;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{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-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}




.ui-menu .ui-menu-item-wrapper {
	font-size: 16px;
}




/* Circle top button */
.cbutton {
	position: absolute;
	right: calc(50% - 195px);
	top: 140px;
	z-index: 4;
	width: 145px;
	height: 145px;
	border-radius: 100px;
	font-size: 20px;
	line-height: 1.1;
	display: flex;
	align-items: center;
	text-align: center;
	transform: rotate(32deg);
	transition: all .3s ease; 
	
	background-color: #caad69;
  	color: black;
}

.cbutton a {
	text-decoration: none;
}
.cbutton p {
	padding: 0;
	width: 100%;
	word-break: break-word;
	margin: 0;
	hyphens: manual;
	font-family: 'DINOTMEDIUM', sans-serif;
	/* font-family: 'ibm_plex_serifmedium', sans-serif; */
}