@font-face {
	font-family: 'OpenSans Regular';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-regular.woff') format('woff'),
		 url('../fonts/opensans-regular.ttf') format('truetype'),
		 url('../fonts/opensans-regular.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans Light';
	src: url('../fonts/opensans-light.eot');
	src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-light.woff') format('woff'),
		 url('../fonts/opensans-light.ttf') format('truetype'),
		 url('../fonts/opensans-light.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
    --swiper-theme-color: #E20011;
}

html, body { font-family: 'OpenSans Regular'; font-size: 16px; color: #333; }
body { display: flex; flex-direction: column; min-height: 100vh; }
.max-width,
.bg-default .flex-container { max-width: 1200px; margin: 0 auto; justify-content: space-between; }
.max-width.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.max-width.flex.middle { align-items: center; }

.bg-default { background-color: #FFF; }


@media only screen and (max-width: 850px) {
	.flex-item.w33 { flex: unset; width: 49%; }
	.flex-item.w50 { flex: unset; width: 49%; }
	.flex-item.w66 { flex: unset; width: 49%; }
	.flex-item.w100 { flex: unset; width: 100%; }
}

@media only screen and (max-width: 650px) {
	.flex-item { flex: unset; width: 100% !important; }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.lazy-elem { opacity: 1; transition: all 0.8s; }
.lazy-elem.lazy-load { opacity: 0; }

.rich-text a { text-decoration: none; color: #E31E24; }
.rich-text a:hover { text-decoration: underline; }

.hamburger { display: none; width: 75px; cursor: pointer; height: 50px; position: relative; margin-left: auto; margin-right: auto; border-radius: 4px; transition: border-radius .5s; transition: 0.2s; transform-origin: center; }
.line { position: absolute; left:10px; height: 4px; width: 55px; background: #E20011; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; width: 30px; }
body.nav-opened .hamburger .line:nth-child(1){ transform: translateY(12px) rotate(-45deg); }
body.nav-opened .hamburger .line:nth-child(2){ opacity:0; }
body.nav-opened .hamburger .line:nth-child(3){ transform: translateY(-12px) rotate(45deg); width: 55px; }
body.nav-opened #navigation { transform: translateY(0%); }

#header { position: fixed; z-index: 10; top: 0px; right: 0px; left: 0px; background: #FFF; padding: 20px 0px; box-shadow: 0px 0px 10px #000; transition: 0.6s;  }
#header .max-width { position: relative; }
#header-logo { display: flex; align-items: flex-start; justify-content: flex-start; }
#header-logo div.first { width: 200px; padding-top: 8px; overflow: hidden; transition: 0.5s; }
#header-logo div.last { width: 150px; min-height: 30px; transition: 0.5s;  }
#header-logo img { width: 100%; }
#header-nav-icons { display: flex; align-items: center; }
#header-nav-icons .icon { margin: 0px 20px 0px 0px; padding: 10px 0px; border-bottom: 3px solid #FFF; transition: all 0.5s; }
#header-nav-icons .icon:hover { border-bottom: 3px solid #E20011; }
#header-nav-icons a { display: block; text-decoration: none; color: #333; padding-left: 30px; background-repeat: no-repeat; line-height: 22px; background-position: 0px 0px; background-size: 22px 22px; }
#header-nav-icons a.home { background-image: url(../images/home.svg); }
#header-nav-icons a.contact { background-image: url(../images/contact.svg); }
#header-nav-icons a.faq { background-image: url(../images/faq.svg); }
#navigation { position: fixed; z-index: 9; left: 0px; right: 0px; top: 93px; background: rgba(226, 0, 17, 0.8); color: #FFF; transform: translateY(0%); transition: all 0.5s; padding: 10px 0px 10px 0px; }
#navigation .nav_level1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#navigation .nav_level1>div { flex: 1; text-align: center; color: #FFF; position: relative; }
#navigation .nav_level1>div>a { color: #FFF; text-decoration: none; display: block; padding: 10px 0px 10px 0px; transition: all 0.5s; }
#navigation .nav_level1>div>a:hover, #navigation .nav_level1>div:hover>a { background-color: rgba(226, 0, 17, 1); }
#navigation .nav_level2 { max-height: 0px; overflow: hidden; transition: all 0.5s; position: absolute; background-color: #FFF; left: 0px; min-width: 100%; text-align: left; }
#navigation .nav_level2:before { content: ' '; position: absolute; top: 0px; left: 20px; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 13px 13px 0 13px; border-color: #e20013 transparent transparent transparent; }
#navigation .nav_level1>div.opened .nav_level2 { max-height: 200px; padding-top: 15px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#navigation .nav_level2>a { display: block; color: #E20011; text-decoration: none; line-height: 32px; padding: 0px 10px 0px 20px; white-space: nowrap; }
#navigation .nav_level2>a:hover { background-color: #E20011; color: #FFF; }

#slider { position: relative; z-index: 1; width: 100%; max-width: 1200px; margin: 155px auto 0 auto; }
#slider-spacer { position: relative; width: 100%; margin-top: 155px; display: none; }
#slider, #slider-spacer { height: 600px; }
.swiper-slide { background-size: cover; background-repeat: no-repeat; background-position: center; }
#slider .slider-overlay { position: absolute; right: 0px; left: 40%; bottom: 20%; background: rgba(255,255,255,0.70); font-size: 32px; color: #E20011; padding: 10px 20px; text-transform: uppercase; }

#slider .arrow { width: 60px; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%,0); z-index: 10; animation: jump 3s infinite; }
#slider .arrow span.top { display: block; width: 30px; height: 30px; border-bottom: 5px solid #E20011; border-right: 5px solid #E20011; transform: rotate(45deg); margin: -10px; animation: color 3s infinite; }
#slider .arrow span.line { transform: rotate(90deg) translate(-30px,32px); }
/* #slider .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid #E20011; border-right: 5px solid #E20011; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; }
#slider .arrow span:nth-child(2){ animation-delay: -0.2s; }
#slider .arrow span:nth-child(3){ animation-delay: -0.4s; }
*/
@keyframes jump {
	0%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	25%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	30%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	35%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	40%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	50%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	100%{
		opacity: 1;
		transform: translate(0px,0px);
	}
}

@keyframes color {
	0%{
		border-color: #E20011;
	}
	25%{
		border-color: #E20011;
	}
	30%{
		border-color: #FFFFFF;
	}
	35%{
		border-color: #E20011;
	}
	40%{
		border-color: #FFFFFF;
	}
	50%{
		border-color: #E20011;
	}
	100%{
		border-color: #E20011;
	}
}


#content { position: relative; z-index: 5; flex: 1; margin-top: 167px; }
#content .bg { background-color: #FFF; }
#content .greeting { text-align: center; }
#content .greeting .USERtext { line-height: 2em; }

/* #content blockquote { background: #f9f9f9; font-style: italic; font-size: 1.3em; border-left: 10px solid #f9f9f9; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
#content blockquote:before { color: #5DA331; content: open-quote; font-style: normal; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
#content blockquote p { display: inline; } */

blockquote { display: block; border-width: 2px 0; border-style: solid; border-color: #5DA331; padding: 0.5em 1.5em 0.5em; margin: 1.5em 0; position: relative; font-style: italic; }
blockquote:before { content: '\201C'; position: absolute; top: -10px; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 3rem; height: 2rem; font: 6em/1.08em 'PT Sans', sans-serif; color: #5DA331; text-align: center; }

#content li { list-style-type: none; background-image: url(../images/ball.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: 0px center; padding-left: 20px; }

#content .USERtext a { color: #E20011; text-decoration: none; }
#content .USERtext a:hover { text-decoration: underline; }

.full-teaser.img100 img { width: 100% !important; height: auto !important; }

table { border: none; border-collapse: collapse; }
table tr td { padding: 5px; border-bottom: 2px solid #FFF; cursor: default; }
table tr:nth-child(even){background-color: #f2f2f2; }
table tr:hover {background-color: #ddd; }
.table-scrollable { width: 100%; overflow-y: auto; margin: 0 0 1em; }
.table-scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-scrollable::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

#footer { position: relative; z-index: 5; background: #FFF; font-family: 'OpenSans Light' !important; font-weight: lighter; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: underline; }
body#page-22 #footer-top { display: none; }
#footer-top { text-align: center; padding: 30px 0px; background-color: #F5F5F5; color: #666; }
#footer-top .certified { padding: 10px 0px 30px 0px; }
#footer-top .certified-logos img { height: 116px; margin: 0px 20px; }
#footer-middle { background-color: #333333; color: #FFF; padding: 30px 0px 20px 0px; }
#footer-middle .col1 { width: 25%; padding: 10px 10px; font-size: 13px; }
#footer-middle .col1 .logo { text-align: center; }
#footer-middle .col1 .logo img { width: 90%; max-width: 300px; }
#footer-middle .col1 .address { padding: 10px 0px 0px 60px; }
#footer-middle .col2 { width: 50%; padding: 30px 10px; display: flex; flex-wrap: wrap; }
#footer-middle .col2 .col { width: 33%; }
#footer-middle .col2 .col .block { padding-bottom: 1em; }
#footer-middle .col2 .col a { display: block; }
#footer-middle .col3 { width: 25%; padding: 10px 10px; }
#footer-middle .col3>div { line-height: 32px; margin: 10px 0px; }
#footer-middle .col3>div img { width: 44px; vertical-align: middle; margin-right: 10px; }
#footer-bottom { background: #1A1A1A; color: #FFF; }
#footer-bottom .cr { text-align: center; padding: 10px 0px; line-height: 16px; }
#footer-bottom .cr img { height: 16px; vertical-align: middle; }

body.header-minimized #header { padding: 5px 0px; }
body.header-minimized #header-logo div.first { /* width: 0px; opacity: 0; */ }
body.header-minimized #header-logo div.last { opacity: 0; width: 0px; height: 0px; }
body.header-minimized #navigation { top: 63px; }
body.with-slider #content { margin-top: 0px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Teaser declaration:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.USERstylesheet.teaser.style1 { background-color: #5B5B5B; width: 100%; height: 300px; position: relative; }
.USERstylesheet.teaser.style1 .image { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.USERstylesheet.teaser.style1 .content { position: absolute; bottom: 0px; right: 0px; background-color: rgba(227,30,36,0.9); min-width: 50%; color: #FFF; padding: 1rem; }
.USERstylesheet.teaser.style1 .content .headline { font-weight: bold; text-transform: uppercase; padding-bottom: 0.5rem; font-size: 1.3rem; }
.USERstylesheet.teaser.style1 .content .text { }
.USERstylesheet.teaser.style1 .content .link { text-align: right; }
.USERstylesheet.teaser.style1 .content .link-button { text-decoration: none; color: #000; background: #FFF; text-align: center; padding: 5px 10px; margin-top: 0.5rem; display: inline-block; }

@media all and (-ms-high-contrast:none) {
	body { display: block; }
	#header, #header * { transition: none !important; }
	#header-logo .first img[src*=".svg"] { width: 200px; height: 55px; }
	#header-logo .last img[src*=".svg"] { width: 27px; height: 35px; }
	body.header-minimized #header-logo .last img[src*=".svg"] { width: 40px; height: 52px; }
}

@media only screen and (max-width: 1200px) {
	#header .max-width, #content .max-width { padding: 0px 10px; }
	#slider .slider-overlay { left: 20%; bottom: 15%; }
	.bg-default { padding-left: 1rem; padding-right: 1rem; }
	#footer-middle .col1, #footer-middle .col2 { width: 33.333333%; }
	#footer-middle .col2 .col { width: 50%; }
}

@media only screen and (max-width: 850px) {
	#navigation .nav_level1>div>a { font-size: 12px; }
	#footer-middle { padding: 10px 0px 10px 0px; }
	#footer-middle .col1 { width: 100%; order: 1; border-bottom: 1px solid #111; padding-bottom: 20px; }
	#footer-middle .col2 { width: 75%; order: 2; padding-left: 30px; }
	#footer-middle .col3 { width: 25%; order: 3; font-size: 13px; }
	#footer-middle .col2 .col { width: 33.333333%; font-size: 13px; }
	#footer-middle .col1 { display: flex; align-items: flex-start; }
	#footer-middle .col1 .logo { width: 50%; text-align: left; padding-left: 30px; }
	#footer-middle .col1 .addresses { width: 50%; text-align: left; }
	#footer-middle .col1 .address { padding: 10px 0px 0px 0px; }
	#footer-middle .col3>div img { width: 32px; }
}

@media only screen and (max-width: 650px) {
	.hamburger { display: block; }
	#header-nav-icons a span { display: none; }
	#navigation { background: rgba(226, 0, 17, 0.9); transform: translateY(-180%); }
	#navigation .nav_level1 { flex-wrap: wrap; }
	#navigation .nav_level1>div { width: 100%; flex: unset; text-align: left; }
	#navigation .nav_level1>div>a { padding: 10px 0px 10px 20px; background-size: auto 26px; font-size: 18px; }
	#navigation .nav_level1>div>a.nav-point.nav-2 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-3 { background-position: 12px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-4 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-5 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-6 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-7 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-21 { background-position: 17px center;  }
	#navigation .nav_level2 { display: block; position: relative; background-color: #FFF; width: 100%; text-align: left; }
}

@media only screen and (max-width: 550px) {
	#header { padding: 5px 0px; }
	#header #header-nav-icons .icon { display: none; }
	#header-logo div.last { display: none; }
	#navigation { top: 65px; }
	#slider, #slider-spacer { margin-top: 65px; height: 300px; }
	#content { margin-top: 65px; }
	#slider .slider-overlay { left: 0px; bottom: 30%; }
	#slider .arrow { bottom: 15%; }
	#footer-middle .col1 { width: 100%; order: 1; flex-wrap: wrap; text-align: center; }
	#footer-middle .col2 { width: 100%; order: 2; padding: 10px 20px 0px 20px; }
	#footer-middle .col3 { width: 100%; order: 3; display: flex; justify-content: center; flex-wrap: wrap; border-top: 1px solid #111; }
	#footer-middle .col3>h5 { width: 100%; text-align: center; margin: 0px; padding: 0px 0px 10px 0px; }
	#footer-middle .col3>div { margin: 0px 20px; }
	#footer-middle .col1 .logo { width: 100% !important; text-align: center; padding: 0px; }
	#footer-middle .col1 .logo img { width: 90%; max-width: 250px; }
	#footer-middle .col1 .addresses { width: 100% !important; text-align: center; }
}

@media only screen and (max-width: 450px) {
	#footer-middle .col2 .col { width: 33%; font-size: 12px; }
}