/* FONTS */

@font-face {font-family:'LR'; src:url('fonts/lato-regular.woff2') format('woff2'), url('fonts/lato-regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LRI'; src:url('fonts/lato-regular-italic.woff2') format('woff2'), url('fonts/lato-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LB'; src:url('fonts/lato-bold.woff2') format('woff2'), url('fonts/lato-bold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LBI'; src:url('fonts/lato-bold-italic.woff2') format('woff2'), url('fonts/lato-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}

/* COLORS */

:root {
	--black: #000000;
	--white: #FFFFFF;
	--grey-dark: #959595;
	--grey-medium: #D3D3D3;
	--grey-light: #F4F5F5;
	--blue: #224190;
	--red: #CB0A1F;
}

/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance:none; -moz-appearance:none; border-radius:0px;}

/* GLOBAL */

body {
	font-family: 'LR', sans-serif;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	color: var(--black);
	background-color: var(--grey-light);
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: var(--black);
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}

a.button {
	font-family: 'LR', sans-serif;
	padding: 8px 16px;
	color: var(--white) !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: var(--blue);
	margin-top: 10px;
}

a.button:hover {
	color: var(--white) !important;
	background-color: var(--red) !important;
}

p,
table.contenttable,
div.main ul,
div.main ol {
	margin: 10px 0px;
}

p a,
div.main ul a,
div.main ol a {
	text-decoration: underline !important;
}

p a:hover,
div.main ul a:hover,
div.main ol a:hover {
	color: var(--blue) !important;
}

b, strong {
	font-family: 'LB', sans-serif;
	font-weight: normal;
}

i, em {
	font-family: 'LRI', sans-serif;
	font-style: normal;
}

b i, b em, strong i, strong em, i b, i strong, em b, em strong {
	font-family: 'LBI', sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	display: block;
	font-family: 'LR', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 120%;
	display: block;
	margin: 0px 0px 10px 0px;
}

h1, h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
	line-height: 140%;
	text-transform: none;
}

h5 {
	font-size: 18px;
	line-height: 140%;
	text-transform: none;
}

h2 a {
	inline-display: block;
	background-image: url(img/headline-link-arrow.svg);
	background-size: 8px 14px;
	background-position: right center;
	padding-right: 20px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: var(--blue);
}

.ce-headline-center,
.text-center {
	text-align: center;
}

.ce-headline-left,
.text-left {
	text-align: left;
}

.ce-headline-right,
.text-right {
	text-align: right;
}

hr {
	width: 100%;
	height: 30px;
	float: left;
	clear: both;
	border: none;
	background-color: transparent;
}

/* ELEMENTS */

div.bg-top,
div.bg-menu,
div.bg-header,
div.bg-main,
div.bg-footer,
div.bg-semifooter,
div.bg-bottom {
	width: 100%;
	float: left;
	clear: both;
}

div.center {
	width: 1300px;
	margin: 0px auto;
}

div.top,
div.menu,
div.header,
div.main,
div.footer,
div.semifooter,
div.bottom {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	position: relative;
}

div.bg-top {
	top: 0px;
	left: 0px;
	z-index: 999;
	position: absolute;
	background-color: var(--white);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}

div.bg-top,
div.top-spacer {
	height: 120px;
}

div.top-spacer {
	width: 100%;
	float: left;
	clear: both;
}

div.top-left {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

div.top-left > a {
	width: 90px;
	height: 90px;
	display: block;
	float: left;
	clear: none;
	margin: 15px 0px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
}

div.top-center {
	width: 100%;
	float: left;
	clear: none;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 15px 90px;
}

span.site-title {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 50px;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 8px;
}

span.site-subtitle {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 11.45px;
	line-height: 100%;
	color: var(--grey-dark);
	text-transform: uppercase;
	margin-top: 5px;
}

div.top-right {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
	padding: 15px 0px;
	cursor: pointer;
}

div.menu-trigger {
	width: 60px;
	height: 50px;
	float: left;
	clear: none;
	text-align: center;
	margin-top: 15px;
	background-color: var(--grey-light);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

div.trigger-label {
	width: 100%;
	font-family: 'LB', sans-serif;
	font-size: 15px;
	color: var(--grey-dark);
	line-height: 100%;
	letter-spacing: 1px;
	text-transform: uppercase;
	float: left;
	clear: both;
	text-align: center;
	padding-top: 10px;
}

div.login-trigger div.trigger-label {
	padding-top: 6px;
}

div.menu-trigger.open div.trigger-label,
div.menu-trigger:hover div.trigger-label,
div.login-trigger:hover div.trigger-label {
	color: var(--blue);
}

span.menu-trigger {
	width: 36px;
	height: 28px;
	display: inline-block;
	position: relative;
	margin-top: 12px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

div.menu-trigger span.menu-trigger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: var(--grey-dark);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

div.menu-trigger.open,
div.menu-trigger:hover  {
	background-color: var(--blue);
}

div.menu-trigger.open span.menu-trigger span,
div.menu-trigger:hover span.menu-trigger span {
	background-color: var(--white);
}

span.menu-trigger span:nth-child(1) {
	top: 4px;
}

span.menu-trigger span:nth-child(2), span.menu-trigger span:nth-child(3) {
	top: 12px;
}

span.menu-trigger span:nth-child(4) {
	top: 20px;
}

div.menu-trigger.open span.menu-trigger span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.menu-trigger.open span.menu-trigger span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.menu-trigger.open span.menu-trigger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.menu-trigger.open span.menu-trigger span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.login-trigger {
	width: 60px;
	height: 50px;
	float: left;
	clear: none;
	text-align: center;
	margin-top: 15px;
	margin-left: 15px;
	background-color: var(--grey-light);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

div.login-trigger:hover {
	background-color: var(--blue);
}

div.login-trigger a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: both;
	position: relative;
}

div.login-trigger a::before {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	margin: 10px 15px;
	background-image: url(img/login-trigger.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 200%;
}

div.login-trigger a:hover::before {
	background-position: bottom left;
}








div.bg-menu {
	position: absolute;
	top: 120px;
	z-index: 998;
	display: none;
}

div.bg-menu div.center {
	position: relative;
}

div.menu {
	max-width: 400px;
	float: right;
	clear: both;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 30px;
	background-color: var(--blue);
}

ul.menu-main {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

ul.menu-main > li {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid rgba(255,255,255,0.3);
	position: relative;
}

ul.menu-main > li.login-link {
	display: none;
}

ul.menu-main > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 100%;
	color: var(--white);
	padding: 12px 30px 12px 10px;
}

span.menu-sek-trigger,
span.menu-trd-trigger {
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 9;
	top: 13px;
	right: 5px;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(img/menu-trigger.svg);
	background-position: center center;
	background-size: auto 100%;
	transition: transform 0.2s ease-in-out;
}

span.menu-sek-trigger.open,
span.menu-trd-trigger.open {
	transform: rotate(90deg);
}

ul.menu-sek {
	width: 100%;
	float: left;
	clear: both;
	padding-left: 20px;
}

ul.menu-sek > li {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid rgba(255,255,255,0.3);
	position: relative;
}

ul.menu-sek > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 16px;
	line-height: 140%;
	color: var(--white);
	padding: 12px 30px 12px 10px;
}

ul.menu-trd {
	width: 100%;
	float: left;
	clear: both;
	padding-left: 20px;
}

ul.menu-trd > li {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid rgba(255,255,255,0.3);
	position: relative;
}

ul.menu-trd > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LR', sans-serif;
	font-size: 16px;
	line-height: 140%;
	color: var(--white);
	padding: 12px 10px;
}

ul.menu-main > li > a:hover,
ul.menu-sek > li > a:hover,
ul.menu-trd > li > a:hover,
ul.menu-main > li.current > a,
ul.menu-sek > li.current > a,
ul.menu-trd > li.current > a {
	background-color: rgba(255,255,255,0.15);
}

div.bg-header {
	background-color: var(--white);
}

div.header {
	padding: 20px 0px;
	overflow: hidden;
}

div.header img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.header-slider div.ce-gallery {
	opacity: 0;
}

div.header-slider div.ce-gallery.owl-carousel {
	opacity: 1;
}

div.main {
	padding: 40px 0px;
}

div.main-left {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
	background-color: var(--white);
}

div.main-right {
	width: 30%;
	float: left;
	clear: none;
	padding-left: 20px;
}

div.main-home {
	width: 100%;
	float: left;
	clear: both;
}

div.big-buttons {
	width: 100%;
	float: left;
	clear: both;
	display: grid;
	grid-gap: 20px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(3,1fr);
}

div.big-buttons > a {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	font-family: 'LB', sans-serif;
	font-size: 28px;
	line-height: 140%;
	text-align: center;
	padding: 15px 15px;
	background-color: var(--white);
	border-radius: 15px 15px 30px 0px;
	box-sizing: border-box;
}

div.big-buttons > a:hover {
	text-decoration: underline;
}

a.bb-red {
	color: var(--white);
	background-color: var(--red) !important;
}

a.bb-blue {
	color: var(--white);
	background-color: var(--blue) !important;
}

a.bb-white {
	border: 2px solid var(--black);
}

div.main-home div.main-content > div.frame {
	padding: 30px;
	margin-top: 20px;
	background-color: var(--white);
}

div.frame-layout-2 header {
	width: calc(100% / 3);
	float: left;
	clear: none;
	display: block;
}

div.frame-layout-2 p {
	width: calc((100% / 3) * 2);
	float: left;
	clear: none;
	display: block;
	font-size: 20px;
	line-height: 150%;
}

div.img-banner {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-size: cover !important;
	background-position: top center !important;
}

div.img-banner-txt {
	width: calc(100% / 3);
	padding: 100px 60px;
	text-align: center;
	float: right;
	clear: none;
	background-color: rgba(255,255,255,0.9);
}

div.img-banner-txt h1,
div.img-banner-txt h2,
div.img-banner-txt h3,
div.img-banner-txt h4,
div.img-banner-txt h5 {
	font-family: 'LB', sans-serif;
	color: var(--blue);
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.img-banner-txt p a {
	font-family: 'LB', sans-serif;
	color: var(--red);
	text-decoration: none !important;
}

div.img-banner-txt p a:hover {
	color: var(--red) !important;
	text-decoration: underline !important;
}

div.semifooter {
	text-align: center;
	margin: -20px 0px 20px 0px;
	padding: 30px;
	background-color: var(--white);
}

div.bg-footer {
	background-color: var(--white);
}

div.bg-footer div.center {
	width: 1040px;
	padding: 0px 20px;
}

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

div.footer-cols {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	display: grid;
	grid-gap: 40px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(3,1fr);
}

div.footer-col-logo a {
	width: 90px;
	height: 90px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
}

div.footer-col-logo p {
	width: calc(100% - 110px);
	display: block;
	float: left;
	clear: none;
	margin: 0px 0px 0px 10px;
}

div.footer-col-address p {
	width: 100%;
	float: left;
	clear: none;
	margin: 0px;
	padding-left: 40px;
	background-image: url(img/address-grey.svg);
	background-size: 30px 30px;
	background-position: top left;
}

div.footer-col-contact a {
	width: 100%;
	min-height: 30px;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	display: block;
	margin-bottom: 10px;
	padding: 0px 0px 0px 40px;
	background-size: 30px 30px;
	background-position: top left;
}

div.footer-col-contact a:last-child {
	margin-bottom: 0px;
}

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

div.footer-col-contact a.button-phone {
	background-image: url(img/phone-grey.svg)
}

div.footer-col-contact a.button-mail {
	background-image: url(img/mail-grey.svg)
}







div.bottom {
	padding: 12px 0px 4px 0px;
	text-align: center;
}

ul.menu-bottom {
	display: inline-block;
}

ul.menu-bottom > li {
	float: left;
	clear: none;
	margin: 0px 15px;
}

ul.menu-bottom > li > a {
	color: var(--grey-dark);
}

ul.menu-bottom > li > a:hover {
	color: var(--blue);
}

div.breadcrumbs {
	width: 100%;
	float: left;
	clear: both;
	font-size: 14px;
	margin-bottom: 30px;
}

span.bc-prefix {
	color: var(--grey-dark);
}

span.bc-current {
	font-family: 'LB', sans-serif;
	color: var(--black);
}

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

div.main-content {
	width: 100%;
	float: left;
	clear: both;
}

div.frame {
	width: 100%;
	float: left;
	clear: both;
}

div.main-right-box {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px 20px;
	background-color: var(--white);
	border-bottom: 3px solid var(--grey-medium);
	margin-bottom: 20px;
}

div.main-right-box:last-child {
	margin-bottom: 0px;
}

div.mrb-headline {
	width: 100%;
	float: left;
	clear: both;
	color: var(--grey-dark);
}

ul.menu-content {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px 10px 0px !important;
	border-top: 1px solid var(--grey-medium);
}

ul.menu-content > li {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	border-bottom: 1px solid var(--grey-medium);
}

ul.menu-content > li > a {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	text-decoration: none !important;
	position: relative;
	padding: 5px 15px 5px 5px;
}

ul.menu-content > li > a:hover {
	background-color: var(--grey-light);
}

ul.menu-content > li > a::after {
	content: "";
	width: 8px;
	height: 14px;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 10px;
	right: 5px;
	background-image: url(img/arrow-right.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.main-left ul.menu-content > li > a {
	padding-left: 10px;
}

div.main-left ul.menu-content > li > a::after {
	right: 10px;
}

div.footer {
	text-align: center;
}

div.footer-logos {
	display: inline-block;
}

div.footer-logos div.ce-row {
	float: left;
	clear: none;
	margin: 10px;
}

div.footer-logos img {
	width: auto;
	height: 70px;
	float: left;
	clear: none;
}

div.downloads {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px;
	border-top: 1px solid var(--grey-medium);
}

div.downloads-item {
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 1px solid var(--grey-medium);
}

div.downloads-item a {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 8px 10px 8px 35px;
	position: relative;
}

div.downloads-item a:hover {
	color: var(--blue);
	background-color: var(--grey-light);
}

span.di-filesize {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--grey-dark);
}

div.downloads-item a::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 11px;
	left: 5px;
	background-image: url(img/download-blue.svg);
	background-size: 100% 100%;
	background-position: center center;
}

table.contenttable {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px;
	border: 1px solid var(--grey-medium);
}

table.contenttable td {
	padding: 3px 5px;
	border: 1px solid var(--grey-medium);
}

div.main ol {
	list-style-type: decimal;
	margin-left: 20px;
}

div.main ul {
	list-style-type: square;
	margin-left: 20px;
}

div.main blockquote {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px;
	padding-left: 15px;
	display: block;
	border-left: 5px solid var(--grey-medium);
}

div.main img {
	max-width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.frame-layout-1 {
	margin: 10px 0px;
}

div.frame-layout-1 div.ce-image,
div.frame-layout-1 div.ce-gallery,
div.frame-layout-1 div.ce-column,
div.frame-layout-1 figure {
	width: 100%;
	float: left;
	clear: none;
}

div.frame-layout-1 div.ce-row {
	width: 20%;
	float: left;
	clear: none;
	border: 1px solid var(--white);
	overflow: hidden;
}

div.frame-layout-1 img {
	width: 100%;
	height: auto;
}

div.news-list,
div.video-list {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px;
	border-top: 1px solid var(--grey-medium);
}

div.news-list-item,
div.video-list-item {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 0px;
	border-bottom: 1px solid var(--grey-medium);
}

div.news-list-img,
div.video-list-img {
	float: left;
	clear: none;
}

div.video-list-img a {
	display: block;
	float: left;
	clear: none;
	position: relative;
}

div.news-list-img img,
div.video-list-img img {
	width: 150px;
	height: 150px;
	float: left;
	clear: none;
	margin-right: 20px;
}

div.video-list-img img {
	width: auto;
	max-width: 240px;
	height: auto;
	border-radius: 15px;
	overflow: hidden;
}

div.news-list-item h4,
div.video-list-item h4 {
	display: block;
	margin: 0px 0px 5px 0px;
}

span.news-list-date,
span.news-slider-date,
span.video-list-date,
span.video-slider-date {
	display: block;
	font-size: 14px;
	font-family: 'LB', sans-serif;
	color: var(--grey-dark);
}

div.news-list-item p,
div.video-list-item p {
	display: block;
	font-size: 14px;
	line-height: 140%;
	margin: 5px 0px;
}

div.news-slider,
div.video-slider {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

div.news-slider-item,
div.video-slider-item {
	width: 100%;
	float: left;
	clear: both;
}

div.news-slider-img,
div.video-slider-img {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

div.video-slider-img {
	margin-bottom: 15px;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}

div.video-slider-img a {
	width: 100%;
	float: left;
	clear: none;
	position: relative;
}

div.news-slider-img img,
div.video-slider-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.video-list-img a::after,
div.video-slider-img a::after {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-image: url(img/play-white.svg);
	background-size: 100% 100%;
	background-position: center center;
}

div.owl-dots {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
}

div.owl-dots button {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0px 5px;
	background-color: var(--grey-medium) !important;
	border-radius: 50%;
}

div.owl-dots button.active {
	background-color: var(--grey-dark) !important;
}

div.page-pagination {
	width: 100%;
	line-height: 100%;
	float: left;
	clear: both;
	color: var(--black);
	margin-top: 10px;
	text-align: center;
}

ul.page-pagination {
	display: inline-block;
	list-style-type: none !important;
}

body ul.page-pagination li {
	float: left;
	clear: none;
	background-image: none;
	padding: 0px;
	margin: 0px 2px;
}

body ul.page-pagination li.disabled {
	display: none;
}

ul.page-pagination li a {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	clear: none;
	padding-top: 12px;
	color: var(--black);
	background-color: none;
	text-decoration: none !important;
}

ul.page-pagination li a:hover {
	color: var(--blue);
	background-color: var(--grey-light);
}

ul.page-pagination li.pp-current {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	clear: none;
	padding-top: 12px;
	color: var(--white);
	background-color: var(--blue);
	background-color: none;
}

div.news-detail {
	width: 100%;
	float: left;
	clear: both;
}

div.nd-header {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

div.nd-header h1 {
	text-transform: none;
	margin: 0px;
}

div.nd-date {
	width: 100%;
	float: left;
	clear: both;
	color: var(--grey-dark);
	margin-bottom: 20px;
}

div.nd-img {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

div.nd-img video {
	max-width: 100% !important;
	height: auto !important;
	float: left;
	clear: both;
}

div.nd-img-item {
	width: 100%;
	float: left;
	clear: none;
}

div.nd-content {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

div.nd-back {
	width: 100%;
	float: left;
	clear: both;
}

div.ce-textpic.ce-above div.ce-gallery {
	width: 100%;
	float: left;
	clear: both;
}

div.ce-textpic.ce-above div.ce-bodytext {
	width: 100%;
	float: left;
	clear: both;
}

iframe.gmaps {
	width: 100%;
	height: 300px;
	float: left;
	clear: both;
}

form.login-form {
	width: 100%;
	float: left;
	clear: both;
}

div.form-input {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
}

div.form-input input[type="text"],
div.form-input input[type="password"] {
	width: 100%;
	float: left;
	clear: both;
	border: none;
	font-family: 'LR', sans-serif;
	font-size: inherit;
	padding: 15px;
	background-color: var(--grey-light);
}

div.form-input input[type="submit"] {
	font-family: 'LB', sans-serif;
	font-size: inherit;
	text-transform: uppercase;
	padding: 15px;
	display: block;
	float: right;
	clear: both;
	color: var(--white);
	background-color: var(--blue);
	border: none;
	cursor: pointer;
	transition: color 0.2s linear, background-color 0.2s linear;
}

div.form-input input[type="submit"]:hover {
	background-color: var(--red);
}

form.logout-form div.form-input input[type="submit"] {
	float: left;
}

div.youtubevideo div.covertext {
	display: none !important;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1340px) {
	div.center {width:100%; float:left; clear:both; padding:0px 20px;}
	div.bg-footer div.center {width:1040px; float:none; clear:none;}
}

@media screen and (max-width:1040px) {
	div.center {width:100%; float:left; clear:both; padding:0px 20px;}
	div.bg-header div.center {padding:0px;}
	div.bg-top, div.top-spacer {height:100px;}
	div.top-left > a {width:74px; height:80px; margin:10px 0px;}
	div.menu-trigger, div.login-trigger {width:50px; height:40px; margin-top:10px;}
	span.menu-trigger {width:28px; margin-top:7px;}
	div.login-trigger a::before {width:26px; height:26px; margin:7px 12px;}
	div.trigger-label {letter-spacing:normal; text-transform:none; padding-top:5px;}
	div.login-trigger div.trigger-label {padding-top:6px;}
	span.site-title {font-size:40px;}
	span.site-subtitle {font-size:9.2px;}
	div.bg-menu {top:100px;}
	div.menu {right:20px;}
	div.big-buttons {grid-gap:10px;}
	div.big-buttons > a {font-size:22px; padding:12px 10px;}
	div.img-banner-txt {padding:80px 40px;}
	div.bg-footer div.center {width:100%; float:left; clear:both;}
	div.footer-cols {grid-gap:0px;}
}

@media screen and (max-width:860px) {
	div.footer-logos img {height:60px;}
	div.news-list-img img {width:100px; height:100px; margin-right:10px;}
	div.frame-layout-2 header, div.frame-layout-2 p {width:100%; clear:both;}
	div.frame-layout-2 p {font-size:inherit; line-height:inherit;}
	div.img-banner-txt {padding:60px 20px;}
	div.footer-cols {grid-template-columns:repeat(2,1fr);}
	div.footer-col-logo {display:none;}
}

@media screen and (max-width:760px) {
	div.bg-top, div.top-spacer {height:80px;}
	div.bg-top {position:fixed;}
	div.top-left > a {width:56px; height:60px;}
	div.menu-trigger, div.login-trigger {width:40px; height:40px; margin:5px 0px;}
	span.menu-trigger {width:24px; margin-top:7px;}
	div.login-trigger {margin-left:10px;}
	div.login-trigger a::before {width:24px; height:24px; margin:8px;}
	div.trigger-label {display:none;}
	span.site-title {font-size:30px; margin-top:4px;}
	span.site-subtitle {font-size:8.8px; text-transform:none;}
	div.bg-menu {top:80px;}
	div.main {padding:20px 0px;}
	div.main-left {width:100%; clear:both;}
	div.main-right {width:100%; clear:both; padding:20px 0px 0px 0px;}
	div.main-right-box {width:calc(50% - 20px); clear:none; margin-left:20px;}
	div.main-right-box:first-child {width:50%; margin-left:0px;}
	div.footer-logos img {height:50px;}
	hr {height:30px;}
	div.big-buttons > a {font-size:18px; padding:8px 10px;}
	div.img-banner-txt {width:40%; padding:60px 20px;}
	div.semifooter {margin-top:0px;}
}

@media screen and (max-width:660px) {
	div.footer-logos div.ce-row {margin:5px;}
	div.footer-logos img {height:40px;}
	div.img-banner-txt {width:50%; padding:40px 20px;}
}

@media screen and (max-width:560px) {
	div.center {padding:0px 10px;}
	div.bg-top, div.top-spacer {height:60px;}
	div.header {padding:0px;}
	div.top-left > a {width:37px; height:40px;}
	div.top-right {padding:10px 0px;}
	div.menu-trigger, div.login-trigger {width:40px; height:40px; margin:0px;}
	div.login-trigger {margin-left:5px;}
	div.top-center {padding:15px 0px;}
	span.site-title {font-size:24px; margin-top:4px;}
	span.site-subtitle {display:none;}
	div.bg-menu {top:60px;}
	div.main {padding:10px 0px;}
	div.main-left {padding:20px;}
	h1, h2 {font-size:22px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	body {font-size:15px; line-height:150%;}
	div.footer-logos div.ce-row {margin:10px;}
	div.footer-logos img {height:60px;}
	div.main-right {padding:0px;}
	div.main-right-box {width:100% !important; clear:both; margin:10px 0px 0px 0px; padding:20px;}
	div.breadcrumbs {display:none;}
	hr {height:20px;}
	div.big-buttons {grid-gap:5px;}
	div.big-buttons > a {font-size:14px; padding:8px 10px; border-radius: 10px 10px 20px 0px;}
	a.bb-white {border-width:1px;}
	div.main-home div.main-content > div.frame {margin-top:10px; padding:20px;}
	div.semifooter {margin-bottom:10px;}
	div.footer-col-address p {background-size:24px 24px; padding-left:30px;}
	div.footer-col-contact a {min-height:24px; background-size:24px 24px; padding-left:30px;}
}

@media screen and (max-width:460px) {
	span.site-title {font-size:22px; margin-top:4px;}
	div.bg-menu {height:100%; position:fixed; overflow-y:scroll; -webkit-overflow-scrolling:touch; top:0px; padding-top:60px; background-color:var(--blue);}
	div.bg-menu div.center {padding:0px;}
	div.menu {width:100%; max-width:100%; right:0px; position:relative; padding:20px 10px;}
	div.footer-logos img {height:50px;}
	div.frame-layout-1 div.ce-row {width:calc(100%/3);}
	div.bg-main div.center {padding:0px;}
	div.main {padding:0px;}
	div.main-home {padding:10px 0px;}
	div.main-left {padding:30px 10px;}
	hr {height:10px;}
	div.main-right-box {padding:20px 10px;}
	div.news-list-img {clear:both;}
	div.news-list-img img {width:120px; height:120px; margin:0px 0px 10px 0px;}
	div.news-list-item h4, span.news-list-date, div.news-list-item p {width:100%; float:left; clear:both;}
	div.login-trigger {display:none;}
	ul.menu-main > li.login-link {display:block;}
	div.big-buttons {grid-template-columns:repeat(1,1fr); grid-gap:5px; padding:0px 10px;}
	div.big-buttons > a {font-size:16px;}
	div.bg-semifooter div.center {padding:0px;}
	div.semifooter {padding:20px;}
	div.footer-cols {display:block;}
	div.footer-cols > div {width:100%; float:left; clear:both;}
	div.footer-col-address {margin-bottom:10px;}
}

@media screen and (max-width:360px) {
	span.site-title {font-size:18px; margin-top:6px;}
	div.img-banner-txt {width:50%; padding:30px 10px;}
}