/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

html {
	font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.img-size {
    width: calc(100% - 10px);
}

img.acc-home-head-line {
    display: none;
}


img.acc-home-head-line {
    display: none;
}

.link-box .img-size {
    height: 100%;
    min-height: 110px;
    max-height: 120px;
    object-fit: cover;
}
.l-left img:not([class]), 
.l-right img:not([class]), 
.l-content p > img:not([class]),
.l-home-left img:not([class]) {
    height: auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

textarea {
    resize: vertical;
}

.menu,
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.moduletable .custom > *:last-child  {
	margin-bottom: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.786em; /* 25px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.357em; /* 19px */
	font-weight: bold;
	color: #72838d;
	margin: 0 0 1em 0;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.357em; /* 19px */
	font-weight: bold;
	color: #4bc7c7;
	margin: 0 0 1em 0;
}

h4 {
	font-family: Arial, sans-serif;
	font-size: 1.286em; /* 18px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.214em; /* 17px */
	font-weight: bold;
	color: #41525c;
	margin: 0 0 1em 0;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.143em; /* 16px */
	font-weight: bold;
	color: #000000;
	margin: 0 0 1em 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 1em 0;
}

p:empty {
	margin: 0;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #4bc7c7;
}

a:hover {
	text-decoration: underline;
}

ul {
	padding: 0 0 0 1.286em; /* 18px */
	margin: 0 0 1em 0;
}

ol {
	padding: 0 0 0 1.571em; /* 22px */
	margin: 0 0 1em 0;
}

.text-large {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.143em; /* 16px */
	font-weight: 600;
	color: #41525c;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.button,
.image-button {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	border: 0;
	cursor: pointer;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.143em; /* 16px */
	line-height: 1.4;
	color: #fff;
	background-color: #ddd;
	padding: 0.94em 1.563em 1em; /* 15px 25 16px */
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 0; /* Prevent iOS 6 safari rounding of corners for HTML elements */
	border-radius: 0;
}

.image-button {
	padding: 0;
	line-height: 0;
	color: transparent;
	text-indent: -9999px;
	*font-size: 0px;
}

.button:hover {
	text-decoration: none;
}

.button--fullwidth {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.button--color1 {
	background-color: #4bc7c7;
}

.button--color1:hover {
	background-color: #24a6a6;
}

.button--color2 {
	background-color: #72838d;
}

.button--color2:hover {
	background-color: #4c5d67;
}

.button--colorless {
	background-color: transparent;
}

.button--icon-advanced-search {
	padding-right: 3.750em; /*60px*/
}

.button--icon-advanced-search:after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	right: 1.312em; /*21px*/
	margin: auto;
	width: 23px; /*23px*/
	height: 23px; /*23px*/
	background: url("images/icon/advanced-search.333bcb9b5b91.svg") no-repeat;
	background-size: 100%;
}

.no-svg .button--icon-advanced-search:after {
	background-image: url("images/icon/advanced-search.98f004a0934f.png");
}

.button.back-to-top {
	float: right;
	font-size: 12px;
	margin-top: 35px;
	background: #febe10;
	padding-right: 35px;
}

.button.back-to-top:after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 14px;
	margin: auto;
	width: 8px;
	height: 5px;
	display: block;
	background: url("images/icon/back-to-top.a9d08d9c4ae5.png") no-repeat;
	background-size: contain;
}

/* ==========================================================================
   Form elements
   ========================================================================== */

/* Placeholder attribute */

::-webkit-input-placeholder {
	font-family: 'Open Sans', sans-serif;
	color: #8c9295;
}

:-moz-placeholder {
	font-family: 'Open Sans', sans-serif;
	color: #8c9295;  
}

::-moz-placeholder {
	font-family: 'Open Sans', sans-serif;
	color: #8c9295;  
}

:-ms-input-placeholder {  
	font-family: 'Open Sans', sans-serif;
	color: #8c9295;  
}

/* Inputs */

label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.143em; /* 16px */
	font-weight: bold;
	color: #41525c;
}

input[type=text],
input[type=password],
input[type=email],
textarea,
.selecter .selecter-selected {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	border: 3px solid #e1e1e1;
	background: #fff;
	padding: 0.750em 1.250em; /* 12px 20px */
	font-family: 'Open Sans', sans-serif;
	font-size: 1.143em; /* 16px */
	line-height: 1.438em; /* 23px */
	color: #8c9295;
	-webkit-border-radius: 0; /* Prevent iOS 6 safari rounding of corners for HTML elements */
	border-radius: 0;
	outline: none;
	-webkit-appearance: none; /* Prevent iOS from adding inset shadow */
}

/* Check & Radio replacement */
.custom-check,
.custom-radio {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-check {
	border: 2px solid #e1e1e1;
	width: 1.571em; /* 22px */
	height: 1.571em; /* 22px */
}

.custom-check.checked {
	background: url("images/checkbox-tick.6b820406cfb3.png") no-repeat center;
}

.custom-radio {
	width: 1.857em; /* 26px */
	height: 1.857em; /* 26px */
	background: url("images/radio-button.35b46e2c75ce.png") no-repeat left top;
	background-size: cover;
}

.custom-radio.checked {
	background-position: left bottom;
}

/* Select replacement */

.selecter {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selecter .selecter-element {
	*left: -999999px;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	width: 100%;
	z-index: 0;
}

.selecter .selecter-selected {
	position: relative;
	padding-right: 3.375em; /* 54px */
	cursor: pointer;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

.selecter .selecter-selected:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 3.375em; /* 54px */
	height: 100%;
	background: #fff url("images/select-replacement-arrow.90ff02d4584b.png") no-repeat center center;
	background-size: 0.938em auto; /*15px 9px*/
}

.lt-ie9 .selecter .selecter-selected:after {
	background: transparent;
	top: 1.250em; /*20px*/
	right: 1.250em; /*20px*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 7.5px 0 7.5px;
	border-color: #41525c transparent transparent transparent;
}

.selecter.open .selecter-selected:after {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.selecter .selecter-options {
	display: none;
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 18.929em; /* 265px */
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

.selecter.open .selecter-options {
	display: block;
}

.selecter .selecter-options .selecter-group,
.selecter .selecter-options .selecter-item  {
	display: block;
	font-family: 'Open Sans', sans-serif;
}

.selecter .selecter-options .selecter-group {
	font-size: 1em; /* 14px */
	padding: 0.429em 1.429em; /* 6px 20px */
	color: #9B9B9B;
	background: #ccc;
}

.selecter .selecter-options .selecter-item {
	padding: 0.938em 1.250em; /* 15px 20px */
	font-size: 1.143em; /* 16px */
	line-height: 1.438em; /* 23px */
	color: #41525c;
	background: #e1e1e1;
	cursor: pointer;
	word-wrap: break-word;
}

.selecter .selecter-options .selecter-item.selected {
	background: #d1d1d1;
}

.selecter .selecter-options .selecter-item:hover {
	background: #c2c2c2;
}

/* ==========================================================================
   Layout elements
   ========================================================================== */

.layout-table {
	display: table;
	width: 100%;
}

.layout-table--vtop .layout-block {
	vertical-align: top;
}

.layout-table--vbottom .layout-block {
	vertical-align: bottom;
}

.layout-table .layout-block {
	display: table-cell;
	float: none !important;
}

/* Layout set
   ========================================================================== */

.layout-set .item,
.layout-set.item,
.blog.layout-set .item {
	display: table;
	width: 100%;
}

.layout-set .block-1,
.layout-set .block-2,
.blog.layout-set .block-1,
.blog.layout-set .block-2 {
	display: table-cell;
	vertical-align: top;
}

.layout-set--2-8 .block-1,
.blog.layout-set--2-8 .block-1 {
	width: 10.929em; /* 153px */
	padding-right: 2.143em; /* 30px */
}

.layout-set--4-6 .block-1 {
	width: 21.714em; /* 304px */
	padding-right: 3.571em; /*50px*/
}

/* ==========================================================================
   MooBlock accordion
   ========================================================================== */

.mooblock-title {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	padding: 1.000em 5.625em 0.938em 1.875em; /* 16px 90px 15px 30px*/
	margin-top: 1.250em; /*20px*/
	margin-bottom: 0;
	background: #e3e6e8;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.143em; /*16px*/
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #41525c;
}

.mooblock-title .arrow {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 3.750em; /*60px*/
	height: 100%;
	background: #72838d;
}

.mooblock-title .arrow:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0.625em; /*10px*/
	height: 0.938em; /*15px*/
	background: url("images/icon/arrow-right.e673945f93f5.svg") no-repeat;
	background-size: auto 100%;
}

.no-svg .mooblock-title .arrow:after{
	background-image: url("images/icon/arrow-right.29175090d5ca.png");
}

.mooblock-title.expanded .arrow:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mooblock-el {
	display: none;
}

.mooblock-el__inner {
	border: 3px solid #e3e6e8;
	border-top: 0;
	padding: 1.786em 1.929em; /*25px 27px*/
}

.mooblock-el__inner:before,
.mooblock-el__inner:after {
    content: " ";
    display: table;
}

.mooblock-el__inner:after {
    clear: both;
}

.mooblock-el__inner {
    *zoom: 1;
}

.mooblock-el__inner > *:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   Fancybox popup
   ========================================================================== */

#fancybox-outer {
	border: 3px solid #e1e1e1;
}

#fancybox-wrap {
	height: auto !important;
}

#fancybox-bg-n { background-image: none; }
#fancybox-bg-ne { background-image: none; }
#fancybox-bg-e { background-image: none; }
#fancybox-bg-se { background-image: none; }
#fancybox-bg-s { background-image: none; }
#fancybox-bg-sw { background-image: none; }
#fancybox-bg-w { background-image: none; }
#fancybox-bg-nw { background-image: none; }

#fancybox-content > div {
	overflow: hidden !important;
	border: 0.714em solid #fff; /*10px*/
	border-right-width: 1.429em; /*20px*/
}

#fancybox-content h6 {
	color: #72838d;
}

#fancybox-content p {
	color: #41525c;
}

#fancybox-content .button {
	font-size: 1em;
	margin: 0.5em 0.5em 0 0;
}

#fancybox-close {
	top: -3px;
	right: -3px;
	width: 30px;
	height: 30px;
	background: url("images/fancybox-close-button.10a8e06b8663.png") no-repeat left top;
}

#fancybox-close:hover {
	background-position: left bottom;
}

/* ==========================================================================
   Tip wrap
   ========================================================================== */

.tip-wrap {
	z-index: 999;
}

.tip {
	padding: 5px 8px;
	color: #fff;
	max-width: 300px;
	font-size: 11px;
	background: #41525c;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear,
.clr {
	clear: both;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* None-Desktop */

@media screen and (max-width: 1199px) {
	html {
		font-size: 12px;
	}
}


@media screen and (max-width: 1199px) and (min-width: 1070px)
	img.img-set {
	    width: calc(85% - 10px);
	}
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.tableHide,
	.deesktopOnly {
		display: none !important;
	}

	.layout-set--4-6 .block-1 {
		padding-right: 3em;
	}

	.button--icon-advanced-search:after {
		width: 20px;
		height: 20px;
	}

}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.layout-set--4-6 .block-1 {
		padding-right: 2.5em;
	}
}
@media screen and (max-width: 767px) {
	.layout-set--4-6 .block-1 {
    width: 14.714em;
    padding-right: 3.571em;
	}
}
/* Non-Mobile */
@media screen and (min-width: 768px) {
	.mobileOnly {
		display: none !important;
	}
}

/* Mobile */
@media screen and (max-width: 767px) {
	.mobileOnly {
		display: block !important;
	}

	.mobileHide,
	.deesktopOnly {
		display: none !important;
	}

	.layout-set--2-8 .block-1,
	.blog.layout-set--2-8 .block-1 {
		width: 113px;
		padding-right: 18px;
	}

	.layout-set--4-6 .block-1,
	.layout-set--4-6 .block-2 {
		display: block;
		width: 100%;
		padding-right: 0;
	}

	.layout-set--4-6 .block-1 {
		margin-bottom: 25px;
	}

	.button--icon-advanced-search:after {
		width: 20px;
		height: 20px;
	}
}

.lt-ie9 .mobileOnly {
	display: none !important;
}

.ccinfo {

}

.ccinfo tr td {
    padding: 0px;
    margin: 0px;
}
.ccinfo tr td.col1 {

}
.ccinfo tr td.col2 {
    padding-left: 10px;
}

#proopc-payment-form .ccinfo {
    display: none;
}

.cookies{
	text-align: left;
}