/* empty */
/* datum: 25-4-2024 7:52:42 commit: 561f3639 */
@media (min-width: 0) {
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body,
div,
span,
object,
iframe,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
fieldset,
form,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
vertical-align: baseline;
margin: 0;
padding: 0;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
display: block;
}
body {
background: #fff;
color: #000;
font: 75%/1.5em Arial, Helvetica, "DejaVu Sans", "Liberation sans",
"Bitstream Vera Sans", sans-serif;
position: relative;
}
textarea {
font: 101%/1.5em Arial, Helvetica, "DejaVu Sans", "Liberation sans",
"Bitstream Vera Sans", sans-serif;
border: 1px solid #ccc;
border-bottom-color: #eee;
border-right-color: #eee;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0.29em 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
:focus {
outline: none;
}
a {
text-decoration: none;
border: 0;
color: inherit;
}
a:hover,
a:focus {
text-decoration: underline;
}
a img {
border: 0;
}
abbr,
acronym {
border-bottom: 1px dotted;
cursor: help;
font-variant: small-caps;
}
address,
cite,
em,
i {
font-style: italic;
}
blockquote p {
margin: 0 1.5em 1.5em;
padding: 0.75em;
}
code,
kbd,
tt {
font-family: "Courier New", Courier, monospace, serif;
line-height: 1.5;
}
del {
text-decoration: line-through;
}
dfn {
border-bottom: 1px dashed;
font-style: italic;
}
dl {
margin: 0 0 1.5em;
}
dd {
margin-left: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
padding: 0;
}
h1 {
font-size: 2em;
margin: 0 0 0.75em;
}
h2 {
font-size: 1.5em;
margin: 0 0 1em;
}
h3 {
font-size: 1.1666em;
margin: 0 0 1.286em;
}
h4 {
font-size: 1em;
margin: 0 0 1.5em;
}
h5 {
font-size: 0.8333em;
margin: 0 0 1.8em;
}
h6 {
font-size: 0.666em;
margin: 0 0 2.25em;
}
img {
display: inline-block;
vertical-align: text-bottom;
}
ins {
text-decoration: overline;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: 700;
}
ol {
list-style: outside decimal;
}
p {
font-weight: 400;
margin: 0 0 1.5em;
}
pre {
font-family: "Courier New", Courier, monospace, serif;
margin: 0 0 1.5em;
}
sub {
top: 0.4em;
font-size: 0.85em;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
font-size: 0.85em;
line-height: 1;
position: relative;
bottom: 0.5em;
vertical-align: baseline;
}
ul {
list-style: outside disc;
}
ul,
ol {
margin: 0 0 1.5em 1.5em;
padding: 0;
}
li ul,
li ol {
margin: 0 0 1.5em 1.5em;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
padding: 0;
}
caption {
font-style: italic;
text-align: left;
}
tr.alt td {
background: #eee;
}
td {
border: 1px solid #000;
vertical-align: middle;
padding: 0.333em;
}
th {
font-weight: 700;
vertical-align: middle;
padding: 0.333em;
}
button {
cursor: pointer;
display: block;
font-size: 1em;
height: 2em;
line-height: 1.5em;
margin: 1.75em 0 0;
padding: 0 0.5em;
}
button::-moz-focus-inner {
border: 0;
}
fieldset {
border: 0;
position: relative;
margin: 0 0 1.5em;
padding: 1.5em 0 0;
}
fieldset fieldset {
clear: both;
margin: 0 0 1.5em;
padding: 0 0 0 1.5em;
}
input {
border: 1px solid #ccc;
border-bottom-color: #eee;
border-right-color: #eee;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 12px;
height: 1.5em;
line-height: 1.5em;
width: 100%;
margin: 0 0 0.75em;
padding: 0.29em 0;
}
input[type="file"] {
height: 2.25em;
padding: 0;
}
select {
border: 1px solid #ccc;
border-bottom-color: #eee;
border-right-color: #eee;
font-size: 1em;
height: 2.25em;
_margin: 0 0 1.3em;
margin: 0 0 0.8em;
padding: 0.2em 0 0;
}
optgroup {
font-weight: 700;
font-style: normal;
text-indent: 0.2em;
}
optgroup + optgroup {
margin-top: 1em;
}
option {
font-size: 1em;
height: 1.5em;
text-indent: 1em;
padding: 0;
}
label {
cursor: pointer;
display: block;
height: auto;
line-height: 1.4em;
width: 100%;
margin: 0;
padding: 0;
}
label input {
background: 0;
border: 0;
height: 1.5em;
line-height: 1.5em;
width: auto;
margin: 0 0.5em 0 0;
padding: 0;
}
legend {
font-size: 1.1666em;
font-weight: 700;
left: 0;
margin: 0;
padding: 0;
}
dt,
strong,
b {
font-weight: 700;
}
.button,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.accent-licht,
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.donker-accent,
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.filter .button.button-search {
font-size: 16px;
position: relative;
display: inline-block;
background: rgba(255, 255, 255, 0.25);
border: 1px solid #fff;
border-radius: 4px;
height: 60px;
line-height: 58px;
padding: 0 90px 0 30px;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #fff;
text-transform: uppercase;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.button,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.accent-licht,
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.donker-accent,
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.filter .button.button-search {
font-size: 18px;
}
}
@media (min-width: 0) {
.button svg,
.tabbedForm .buttons button svg,
.formcontainer .aside .button.button-tel svg,
.downloads p a svg,
.listitem .txtcontainer .button svg,
.referral .txtcontainer .button svg,
.buttonbar .allitems svg,
.links p a svg,
.licht-accent svg,
.accent-licht svg,
.horizontalForm button svg,
.tabbedformlink svg,
.accent-donker svg,
.donker-accent svg,
.queue .slide .inner span svg,
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video .slide .inner span svg,
.queuebanner-video-v2__actions p a svg,
.queue-block .slick-dots li .button svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
.bulletqueue .inner .checkbutton svg,
.banner .inner span.button svg,
.queue-labeled .slick-dots li.slick-active a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a svg,
.queuebanner-video-v2__actions p a:hover svg,
.queuebanner-video-v2__actions p a:focus svg,
.filter .button.button-search svg {
position: absolute;
top: 0;
right: 0;
height: 58px;
width: 60px;
border-left: 1px dotted #fff;
fill: #fff;
padding: 20px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.button svg,
.tabbedForm .buttons button svg,
.formcontainer .aside .button.button-tel svg,
.downloads p a svg,
.listitem .txtcontainer .button svg,
.referral .txtcontainer .button svg,
.buttonbar .allitems svg,
.links p a svg,
.licht-accent svg,
.accent-licht svg,
.horizontalForm button svg,
.tabbedformlink svg,
.accent-donker svg,
.donker-accent svg,
.queue .slide .inner span svg,
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video .slide .inner span svg,
.queuebanner-video-v2__actions p a svg,
.queue-block .slick-dots li .button svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
.bulletqueue .inner .checkbutton svg,
.banner .inner span.button svg,
.queue-labeled .slick-dots li.slick-active a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a svg,
.queuebanner-video-v2__actions p a:hover svg,
.queuebanner-video-v2__actions p a:focus svg,
.filter .button.button-search svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.hover.button,
.tabbedForm .buttons button.hover,
.formcontainer .aside .hover.button.button-tel,
.downloads p a.hover,
.listitem .txtcontainer .hover.button,
.referral .txtcontainer .hover.button,
.buttonbar .hover.allitems,
.links p a.hover,
.hover.licht-accent,
.hover.accent-licht,
.horizontalForm button.hover,
.hover.tabbedformlink,
.hover.accent-donker,
.hover.donker-accent,
.queue .slide .inner span.hover,
.queue-labeled .slick-dots li a.hover,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a.hover,
.queuebanner-video .slide .inner span.hover,
.queuebanner-video-v2__actions p a.hover,
.queue-block .slick-dots li .hover.button,
.queue-block.slick-slider.slick-dotted .slick-dots li .hover.button,
.bulletqueue .inner .hover.checkbutton,
.banner .inner span.hover.button,
.filter .hover.button.button-search,
.button:focus,
.tabbedForm .buttons button:focus,
.formcontainer .aside .button.button-tel:focus,
.downloads p a:focus,
.listitem .txtcontainer .button:focus,
.referral .txtcontainer .button:focus,
.buttonbar .allitems:focus,
.links p a:focus,
.licht-accent:focus,
.accent-licht:focus,
.horizontalForm button:focus,
.tabbedformlink:focus,
.accent-donker:focus,
.donker-accent:focus,
.queue .slide .inner span:focus,
.queue-labeled .slick-dots li a:focus,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:focus,
.queuebanner-video .slide .inner span:focus,
.queuebanner-video-v2__actions p a:focus,
.queue-block .slick-dots li .button:focus,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:focus,
.bulletqueue .inner .checkbutton:focus,
.banner .inner span.button:focus,
.filter .button.button-search:focus,
.button:active,
.tabbedForm .buttons button:active,
.formcontainer .aside .button.button-tel:active,
.downloads p a:active,
.listitem .txtcontainer .button:active,
.referral .txtcontainer .button:active,
.buttonbar .allitems:active,
.links p a:active,
.licht-accent:active,
.accent-licht:active,
.horizontalForm button:active,
.tabbedformlink:active,
.accent-donker:active,
.donker-accent:active,
.queue .slide .inner span:active,
.queue-labeled .slick-dots li a:active,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:active,
.queuebanner-video .slide .inner span:active,
.queuebanner-video-v2__actions p a:active,
.queue-block .slick-dots li .button:active,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:active,
.bulletqueue .inner .checkbutton:active,
.banner .inner span.button:active,
.filter .button.button-search:active {
border-color: #e73f29;
background-color: #e73f29;
color: #fff;
}
}
@media (min-width: 0) and (max-width: 1px) {
.button,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.accent-licht,
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.donker-accent,
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.filter .button.button-search {
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.button,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.accent-licht,
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.donker-accent,
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.filter .button.button-search {
height: 45px;
line-height: 43px;
padding: 0 55px 0 10px;
background: rgba(255, 255, 255, 0.25);
background-size: auto 100%;
}
}
@media (min-width: 0) and (max-width: 420px) {
.button,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.accent-licht,
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.donker-accent,
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.filter .button.button-search {
font-size: 14px;
}
}
@media (min-width: 0) and (max-width: 420px) {
.button + .button {
margin-top: 10px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.button svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.tabbedForm .buttons button:hover,
.formcontainer .aside .button.button-tel:hover,
.downloads p a:hover,
.listitem .txtcontainer .button:hover,
.referral .txtcontainer .button:hover,
.buttonbar .allitems:hover,
.links p a:hover,
.tabbedForm .buttons button:focus,
.formcontainer .aside .button.button-tel:focus,
.downloads p a:focus,
.listitem .txtcontainer .button:focus,
.referral .txtcontainer .button:focus,
.buttonbar .allitems:focus,
.links p a:focus,
.licht-accent:hover,
.licht-accent:focus,
a:hover .listitem .txtcontainer .button,
a:focus .listitem .txtcontainer .button,
.licht-accent-text:hover,
.licht-accent-text:focus,
.accent-licht:hover,
.accent-licht:focus,
.horizontalForm button:hover,
.tabbedformlink:hover,
.horizontalForm button:focus,
.tabbedformlink:focus,
.accent-donker:hover,
.accent-donker:focus,
.donker-accent:hover,
.donker-accent:focus,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video-v2__actions p a,
.queue .slide:hover span,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video .slide:hover span,
.queuebanner-video .slide .inner span:hover,
.queuebanner-video .slide .inner span:focus,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.queue-block .slick-dots li.slick-active .button,
.queue-block.slick-slider.slick-dotted .slick-dots li.slick-active .button,
.bulletqueue.clickable:hover .inner .checkbutton,
a:hover > .banner .inner span.button,
a:focus > .banner .inner span.button,
a:hover .referral .txtcontainer .button,
a:focus .referral .txtcontainer .button,
.highlight a:hover .highlightitem .button,
.highlight2 a:hover .highlightitem .button,
.highlight a:focus .highlightitem .button,
.highlight2 a:focus .highlightitem .button,
.filter .button.button-search:hover,
.filter .button.button-search:focus {
border-color: #e73f29;
background-color: #e73f29;
color: #fff;
}
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a,
.licht-accent,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a {
background-color: rgba(0, 0, 0, 0);
border-color: #000;
color: #000;
}
.tabbedForm .buttons button svg,
.formcontainer .aside .button.button-tel svg,
.downloads p a svg,
.listitem .txtcontainer .button svg,
.referral .txtcontainer .button svg,
.buttonbar .allitems svg,
.links p a svg,
.licht-accent svg,
.tabbedForm .buttons button svg,
.formcontainer .aside .button.button-tel svg,
.downloads p a svg,
.listitem .txtcontainer .button svg,
.referral .txtcontainer .button svg,
.buttonbar .allitems svg,
.links p a svg {
border-color: #000;
fill: #000;
}
.tabbedForm .buttons button:hover,
.formcontainer .aside .button.button-tel:hover,
.downloads p a:hover,
.listitem .txtcontainer .button:hover,
.referral .txtcontainer .button:hover,
.buttonbar .allitems:hover,
.links p a:hover,
.tabbedForm .buttons button:focus,
.formcontainer .aside .button.button-tel:focus,
.downloads p a:focus,
.listitem .txtcontainer .button:focus,
.referral .txtcontainer .button:focus,
.buttonbar .allitems:focus,
.links p a:focus,
.licht-accent:hover,
.tabbedForm .buttons button:hover,
.formcontainer .aside .button.button-tel:hover,
.downloads p a:hover,
.listitem .txtcontainer .button:hover,
.referral .txtcontainer .button:hover,
.buttonbar .allitems:hover,
.links p a:hover,
.licht-accent:focus,
.tabbedForm .buttons button:focus,
.formcontainer .aside .button.button-tel:focus,
.downloads p a:focus,
.listitem .txtcontainer .button:focus,
.referral .txtcontainer .button:focus,
.buttonbar .allitems:focus,
.links p a:focus {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.tabbedForm .buttons button:hover svg,
.formcontainer .aside .button.button-tel:hover svg,
.downloads p a:hover svg,
.listitem .txtcontainer .button:hover svg,
.referral .txtcontainer .button:hover svg,
.buttonbar .allitems:hover svg,
.links p a:hover svg,
.tabbedForm .buttons button:focus svg,
.formcontainer .aside .button.button-tel:focus svg,
.downloads p a:focus svg,
.listitem .txtcontainer .button:focus svg,
.referral .txtcontainer .button:focus svg,
.buttonbar .allitems:focus svg,
.links p a:focus svg,
.licht-accent:hover svg,
.tabbedForm .buttons button:hover svg,
.formcontainer .aside .button.button-tel:hover svg,
.downloads p a:hover svg,
.listitem .txtcontainer .button:hover svg,
.referral .txtcontainer .button:hover svg,
.buttonbar .allitems:hover svg,
.links p a:hover svg,
.licht-accent:focus svg,
.tabbedForm .buttons button:focus svg,
.formcontainer .aside .button.button-tel:focus svg,
.downloads p a:focus svg,
.listitem .txtcontainer .button:focus svg,
.referral .txtcontainer .button:focus svg,
.buttonbar .allitems:focus svg,
.links p a:focus svg {
border-color: #fff;
fill: #fff;
}
a:hover .listitem .txtcontainer .button,
a:focus .listitem .txtcontainer .button {
color: #fff;
border-color: #e73f29;
}
a:hover .listitem .txtcontainer .button svg,
a:focus .listitem .txtcontainer .button svg {
border-color: #fff;
fill: #fff;
}
.licht-accent-text {
border-color: #fff;
color: #fff;
}
.licht-accent-text svg {
border-color: #fff;
fill: #fff;
}
.licht-accent-text:hover,
.licht-accent-text:focus {
color: #fff;
border-color: #e73f29;
}
.licht-accent-text:hover svg,
.licht-accent-text:focus svg {
border-color: #fff;
fill: #fff;
}
.accent-licht {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.accent-licht svg {
border-color: #fff;
fill: #fff;
}
.accent-licht:hover,
.accent-licht:focus {
background-color: rgba(0, 0, 0, 0);
border-color: #000;
color: #000;
}
.accent-licht:hover svg,
.accent-licht:focus svg {
border-color: #000;
fill: #000;
}
.accent-licht-tekst {
border-color: #e73f29;
background-color: #e73f29;
color: #fff;
}
.accent-licht-tekst svg {
border-color: #fff;
fill: #fff;
}
.accent-licht-tekst:hover,
.accent-licht-tekst:focus {
background-color: rgba(255, 255, 255, 0.25);
border-color: #fff;
color: #fff;
}
.accent-licht-tekst:hover svg,
.accent-licht-tekst:focus svg {
border-color: #fff;
fill: #fff;
}
.horizontalForm button,
.tabbedformlink,
.accent-donker,
.horizontalForm button,
.tabbedformlink {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.horizontalForm button svg,
.tabbedformlink svg,
.accent-donker svg,
.horizontalForm button svg,
.tabbedformlink svg {
border-color: #fff;
fill: #fff;
}
.horizontalForm button:hover,
.tabbedformlink:hover,
.horizontalForm button:focus,
.tabbedformlink:focus,
.accent-donker:hover,
.horizontalForm button:hover,
.tabbedformlink:hover,
.accent-donker:focus,
.horizontalForm button:focus,
.tabbedformlink:focus {
background-color: #000;
border-color: #000;
color: #fff;
}
.horizontalForm button:hover svg,
.tabbedformlink:hover svg,
.horizontalForm button:focus svg,
.tabbedformlink:focus svg,
.accent-donker:hover svg,
.horizontalForm button:hover svg,
.tabbedformlink:hover svg,
.accent-donker:focus svg,
.horizontalForm button:focus svg,
.tabbedformlink:focus svg {
border-color: #fff;
fill: #fff;
}
.donker-accent {
background-color: #000;
border-color: #000;
color: #fff;
}
.donker-accent svg {
border-color: #fff;
fill: #fff;
}
.donker-accent:hover,
.donker-accent:focus {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.donker-accent:hover svg,
.donker-accent:focus svg {
border-color: #fff;
fill: #fff;
}
.stretch,
.ctabutton {
display: inline-block;
width: 408px;
max-width: 100%;
}
.left .stretch,
.right .stretch,
.left .ctabutton,
.right .ctabutton {
width: 460px;
}
}
@media (min-width: 0) and (max-width: 1px) {
.stretch,
.ctabutton {
width: 460px;
}
}
@media (min-width: 0) {
.stretch:nth-child(even),
.ctabutton:nth-child(even) {
margin-left: 40px;
}
.left .stretch:nth-child(even),
.right .stretch:nth-child(even),
.left .ctabutton:nth-child(even),
.right .ctabutton:nth-child(even) {
margin-left: 0;
}
}
@media (min-width: 0) and (max-width: 860px) {
.stretch:nth-child(even),
.ctabutton:nth-child(even) {
margin-left: 0;
margin-top: 10px;
}
}
@media (min-width: 0) {
html {
height: 100%;
min-height: 100%;
}
body {
-webkit-text-size-adjust: none;
color: #000;
background: #fff;
min-height: 100%;
}
a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
}
form input,
form textarea,
form select,
form button {
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
font-weight: 400;
}
sup,
sub {
font-size: 0.7em;
}
sub {
top: 0.1em;
}
.inner {
max-width: 1040px;
margin: 0 auto;
position: relative;
clear: both;
padding: 0 40px;
}
}
@media (min-width: 0) and (max-width: 1080px) {
.inner {
padding: 0 20px;
}
}
@media (min-width: 0) and (max-width: 750px) {
.inner {
padding: 0 10px;
}
}
@media (min-width: 0) {
.backgrounded {
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/wrapperbg.png) no-repeat center/cover;
margin-top: 40px;
padding: 0 0 40px;
border-top: 1px solid transparent;
}
#main {
position: relative;
background: #fff;
clear: both;
padding-top: 100px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
#main {
padding-top: 100px;
}
}
@media (min-width: 0) and (max-width: 750px) {
#main {
padding-top: 70px;
}
}
@media (min-width: 0) {
.clickable {
cursor: pointer;
}
h4 {
text-align: center;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
line-height: 1.1;
color: #706f6f;
margin-top: 40px;
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
h4::after {
content: " ";
display: block;
margin: 40px auto 0;
width: 100px;
height: 1px;
background: #e73f29;
}
}
@media (min-width: 0) and (max-width: 600px) {
h4 {
font-size: 10px;
}
}
@media (min-width: 0) {
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
svg {
width: 20px;
height: 20px;
vertical-align: middle;
}
.scroll-aware-anchor {
position: relative;
top: -90px;
display: block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.scroll-aware-anchor {
top: -140px;
}
}
@media (min-width: 0) and (max-width: 750px) {
.scroll-aware-anchor {
top: -110px;
}
}
@media (min-width: 0) {
font::after {
display: none !important;
content: none;
}
.responsive-show {
display: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.responsive-show {
display: block;
display: initial;
}
}
@media (min-width: 0) {
.queue .slide .inner span,
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video .slide .inner span,
.queuebanner-video-v2__actions p a,
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.bulletqueue .inner .checkbutton,
.banner .inner span.button {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.queue .slide .inner span svg,
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video .slide .inner span svg,
.queuebanner-video-v2__actions p a svg,
.queue-block .slick-dots li .button svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
.bulletqueue .inner .checkbutton svg,
.banner .inner span.button svg {
border-color: #fff;
fill: #fff;
}
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video-v2__actions p a,
.queue .slide:hover span,
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video .slide:hover span,
.queuebanner-video .slide .inner span:hover,
.queuebanner-video .slide .inner span:focus,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus,
.queue-block .slick-dots li.slick-active .button,
.queue-block.slick-slider.slick-dotted .slick-dots li.slick-active .button,
.bulletqueue.clickable:hover .inner .checkbutton,
a:hover > .banner .inner span.button,
a:focus > .banner .inner span.button {
background-color: rgba(0, 0, 0, 0);
border-color: #000;
color: #000;
border-color: #fff;
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
}
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video-v2__actions p a svg,
.queue .slide:hover span svg,
.queue-labeled .slick-dots li.slick-active a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a svg,
.queuebanner-video .slide:hover span svg,
.queuebanner-video .slide .inner span:hover svg,
.queuebanner-video .slide .inner span:focus svg,
.queuebanner-video-v2__actions p a:hover svg,
.queuebanner-video-v2__actions p a:focus svg,
.queue-block .slick-dots li.slick-active .button svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
.bulletqueue.clickable:hover .inner .checkbutton svg,
a:hover > .banner .inner span.button svg,
a:focus > .banner .inner span.button svg {
border-color: #000;
fill: #000;
}
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video-v2__actions p a svg,
.queue .slide:hover span svg,
.queue-labeled .slick-dots li.slick-active a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a svg,
.queuebanner-video .slide:hover span svg,
.queuebanner-video .slide .inner span:hover svg,
.queuebanner-video .slide .inner span:focus svg,
.queuebanner-video-v2__actions p a:hover svg,
.queuebanner-video-v2__actions p a:focus svg,
.queue-block .slick-dots li.slick-active .button svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
.bulletqueue.clickable:hover .inner .checkbutton svg,
a:hover > .banner .inner span.button svg,
a:focus > .banner .inner span.button svg {
fill: #fff;
border-color: #fff;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.queuebanner-video-v2__actions p a {
border-color: #000;
color: #000;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-labeled .slick-dots li a:hover svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:hover svg,
.queuebanner-video-v2__actions p a:hover svg,
.queue-labeled .slick-dots li a:focus svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:focus svg,
.queuebanner-video-v2__actions p a:focus svg {
border-color: #fff;
fill: #fff;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-labeled .slick-dots li a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.queuebanner-video-v2__actions p a svg {
border-color: #000;
fill: #000;
}
}
@media (min-width: 0) {
.queue-labeled .slick-dots li.slick-active a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a,
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.queue-labeled .slick-dots li.slick-active a svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li.slick-active a svg,
.queuebanner-video-v2__actions p a:hover svg,
.queuebanner-video-v2__actions p a:focus svg {
border-color: #fff;
fill: #fff;
}
.bulletqueue.clickable:hover .inner .checkbutton {
border-color: #000;
color: #000;
}
.bulletqueue.clickable:hover .inner .checkbutton svg {
fill: #000;
border-color: #000;
}
a:hover .referral .txtcontainer .button,
a:focus .referral .txtcontainer .button,
a:hover .listitem .txtcontainer .button,
a:focus .listitem .txtcontainer .button {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
a:hover .referral .txtcontainer .button svg,
a:focus .referral .txtcontainer .button svg,
a:hover .listitem .txtcontainer .button svg,
a:focus .listitem .txtcontainer .button svg {
border-color: #fff;
fill: #fff;
}
.highlight a:hover .highlightitem .button,
.highlight2 a:hover .highlightitem .button,
.highlight a:focus .highlightitem .button,
.highlight2 a:focus .highlightitem .button {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
}
.highlight a:hover .highlightitem .button svg,
.highlight2 a:hover .highlightitem .button svg,
.highlight a:focus .highlightitem .button svg,
.highlight2 a:focus .highlightitem .button svg {
border-color: #fff;
fill: #fff;
}
[id] {
scroll-margin-top: 100px;
}
.mod-title + [id] {
scroll-margin-top: 200px;
}
.mod-title + [id]:target {
overflow: unset;
}
.mod-title + [id]:target::before {
height: 200px;
margin-top: -200px;
}
.mod-title + [id]:target::after {
content: " ";
clear: both;
display: block;
}
[id]:target::before {
pointer-events: none;
content: "";
display: block;
position: relative;
bottom: 0;
width: 0;
height: 100px;
margin-top: -100px;
}
@supports (scroll-margin-top: 1px) {
[id]:target::before {
content: none;
}
}
body {
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.78;
}
}
@media (min-width: 0) and (max-width: 600px) {
body {
font-size: 16px;
}
}
@media (min-width: 0) {
.queue .slide .inner .title h1,
.queue .slide .inner .title h2,
.queue-labeled .slide .inner .title h1,
.queue-labeled .slide .inner .title h2,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h1,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h2,
.queuebanner-video .slide .inner .title h1,
.queuebanner-video .slide .inner .title h2,
.queuebanner-video-v2__body .inner .title h1,
.queuebanner-video-v2__body .inner .title h2,
.queue-block .slide .inner .title h2,
.queue-block.slick-slider.slick-dotted .slide .inner .title h2,
.bulletqueue .inner h2,
.queue-bullets-video .txt h2,
.banner .inner .title h1,
.banner .inner .title h2 {
color: inherit;
font-family: Oswald;
font-size: 46px;
font-weight: 400;
line-height: 1.22;
text-transform: uppercase;
letter-spacing: 2px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue .slide .inner .title h1,
.queue .slide .inner .title h2,
.queue-labeled .slide .inner .title h1,
.queue-labeled .slide .inner .title h2,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h1,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h2,
.queuebanner-video .slide .inner .title h1,
.queuebanner-video .slide .inner .title h2,
.queuebanner-video-v2__body .inner .title h1,
.queuebanner-video-v2__body .inner .title h2,
.queue-block .slide .inner .title h2,
.queue-block.slick-slider.slick-dotted .slide .inner .title h2,
.bulletqueue .inner h2,
.queue-bullets-video .txt h2,
.banner .inner .title h1,
.banner .inner .title h2 {
font-size: 26px;
}
}
@media (min-width: 0) {
.queue .slide .inner .title.subtitle h2,
.queue .slide .inner .title h3,
.queue-labeled .slide .inner .title.subtitle h2,
.queue-labeled .slide .inner .title h3,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title.subtitle h2,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h3,
.queuebanner-video .slide .inner .title.subtitle h2,
.queuebanner-video .slide .inner .title h3,
.queuebanner-video-v2__body .inner .title.subtitle h2,
.queuebanner-video-v2__body .inner .title h3,
.banner .inner .title.subtitle h2,
.banner .inner .title h3 {
color: inherit;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 24px;
overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;
}
.queue .slide .inner .title.subtitle h2::after,
.queue .slide .inner .title h3::after,
.queue-labeled .slide .inner .title.subtitle h2::after,
.queue-labeled .slide .inner .title h3::after,
.queue-labeled.slick-slider.slick-dotted
.slide
.inner
.title.subtitle
h2::after,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h3::after,
.queuebanner-video .slide .inner .title.subtitle h2::after,
.queuebanner-video .slide .inner .title h3::after,
.queuebanner-video-v2__body .inner .title.subtitle h2::after,
.queuebanner-video-v2__body .inner .title h3::after,
.banner .inner .title.subtitle h2::after,
.banner .inner .title h3::after {
display: none;
}
.mod-title {
text-align: center;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
line-height: 1.1;
color: #706f6f;
margin-top: 40px;
margin-bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mod-title::after {
background: #e73f29;
content: " ";
display: block;
margin: 40px auto 0;
width: 100px;
height: 1px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.mod-title {
font-size: 10px;
}
}
@media (min-width: 0) {
.left .list .listitem .txtcontainer h3,
.right .list .listitem .txtcontainer h3,
.left .referrals .referral .txtcontainer h3,
.right .referrals .referral .txtcontainer h3,
.additionals .additional .txtcontainer h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
color: inherit;
}
.left .additionals .additional .txtcontainer h3,
.additionals .additional .txtcontainer .left h3,
.right .additionals .additional .txtcontainer h3,
.additionals .additional .txtcontainer .right h3 {
color: inherit;
}
}
@media (min-width: 0) and (max-width: 420px) {
.left .list .listitem .txtcontainer h3,
.right .list .listitem .txtcontainer h3,
.left .referrals .referral .txtcontainer h3,
.right .referrals .referral .txtcontainer h3,
.additionals .additional .txtcontainer h3 {
font-size: 14px;
}
}
@media (min-width: 0) {
header .secondarybar a,
.scrollheader .linkbar a {
color: #202e56;
line-height: 53px;
height: 53px;
margin-right: 30px;
text-transform: uppercase;
}
header .secondarybar a:hover,
.scrollheader .linkbar a:hover,
header .secondarybar a:focus,
.scrollheader .linkbar a:focus {
color: #e73f29;
text-decoration: none;
}
header .secondarybar a.tel svg,
.scrollheader .linkbar a.tel svg {
fill: #202e56;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
margin-right: 5px;
float: left;
height: 53px;
width: 22px;
}
header .secondarybar a.tel:hover svg,
.scrollheader .linkbar a.tel:hover svg,
header .secondarybar a.tel:focus svg,
.scrollheader .linkbar a.tel:focus svg {
fill: #e73f29;
}
header {
position: absolute;
width: 100%;
z-index: 52;
background: #fff;
height: 100px;
margin-bottom: 0px;
padding: 0 40px;
}
header > a:first-child {
position: relative;
height: 100px;
line-height: 100px;
max-height: 70px;
max-width: 380px;
display: block;
}
}
@media (min-width: 0) and (max-width: 1200px) {
header > a:first-child {
max-width: 200px;
}
}
@media (min-width: 0) {
header .logo {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
header .secondarybar {
line-height: 53px;
position: absolute;
right: 40px;
top: 25px;
height: 53px;
font-size: 0;
}
header .secondarybar a,
header .secondarybar form,
header .secondarybar > div {
display: inline-block;
vertical-align: top;
font-size: 16px;
text-transform: uppercase;
color: #202e56;
letter-spacing: 1px;
}
header .secondarybar #google_translate_element {
height: 30px;
margin-right: 30px;
margin-top: 10px;
}
header .secondarybar #google_translate_element .goog-te-gadget {
height: 30px;
font-family: inherit;
}
header .secondarybar #google_translate_element .goog-te-gadget-simple {
height: 30px;
line-height: 30px;
vertical-align: top;
}
header
.secondarybar
#google_translate_element
.goog-te-gadget-simple
.goog-te-menu-value {
width: auto;
height: auto;
font-size: 12px;
line-height: 30px;
margin-right: 0;
}
header .secondarybar form {
width: 210px;
height: 53px;
overflow: hidden;
border: 1px solid #202e56;
background: rgba(97, 165, 152, 0.15);
border-radius: 4px;
}
header .secondarybar form input {
float: left;
width: 158px;
background: none;
color: #202e56;
border: 0;
height: 53px;
line-heigth: 53px;
padding-left: 29px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px;
padding-top: 0;
margin: 0;
}
header .secondarybar form button {
background: transparent;
border: 0;
border-left: 1px dashed #202e56;
float: right;
width: 49px;
margin: 0;
height: 53px;
text-align: center;
line-height: 60px;
}
header .secondarybar form button svg {
fill: #fff;
vertical-align: baseline;
}
header .secondarybar form:hover button,
header .secondarybar form:focus button {
background: #e73f29;
}
}
@media (min-width: 0) and (max-width: 1020px) {
header {
height: 70px;
overflow: hidden;
opacity: 0;
}
header > a:first-child {
max-height: 50px;
max-width: 125px;
}
}
@media (min-width: 0) {
.scrollheader {
position: fixed;
height: 53px;
background-color: #fff;
top: -53px;
left: 0;
width: 100%;
z-index: 99;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
opacity: 0;
line-height: 53px;
}
.scrollheader > a:first-child {
position: relative;
height: 100%;
display: inline-block;
line-height: 53px;
margin-left: 20px;
max-height: 40px;
}
.scrollheader > a:first-child .logo {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.scrollheader > a:first-child .logo[src$=".svg"] {
min-height: 100%;
width: 100%;
}
.scrollheader .linkbar {
position: absolute;
right: 0;
top: 0;
}
.scrollheader .linkbar a.menu {
display: inline-block;
margin: 0;
padding-left: 30px;
background: #e73f29;
text-decoration: none;
}
.scrollheader .linkbar a.menu svg {
width: 50px;
padding: 0 12px;
height: 100%;
float: right;
margin-left: 28px;
border-left: 1px dashed #202e56;
vertical-align: middle;
fill: #fff;
}
.scrollheader .linkbar a.menu:hover,
.scrollheader .linkbar a.menu:focus {
color: #202e56;
}
.scrollheader.active {
top: 0;
opacity: 1;
}
.scrollheader > ul {
background: #f0f0f0;
color: #202e56;
width: 400px;
position: absolute;
right: 0;
top: 53px;
list-style: none;
margin: 0;
padding: 10px 0;
text-align: left;
font-size: 16px;
line-height: 2.5;
display: none;
}
.scrollheader > ul.active {
display: block;
}
.scrollheader > ul li.selected > a {
color: #e73f29;
}
.scrollheader > ul li a {
padding: 0 40px;
display: block;
line-height: 2.5;
color: #202e56;
text-transform: uppercase;
letter-spacing: 1px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.scrollheader > ul li a {
padding: 0 20px;
}
}
@media (min-width: 0) {
.scrollheader > ul li div {
display: none;
}
.scrollheader > ul li:hover > a,
.scrollheader > ul li > a:focus {
color: #e73f29;
}
.scrollheader .formholder {
display: none;
top: 100px;
position: absolute;
width: 500px;
background: #f0f0f0;
padding: 10px 20px;
}
.scrollheader .formholder.active {
display: block;
}
.scrollheader form {
width: 100%;
height: 53px;
overflow: hidden;
border: 1px solid #202e56;
background: #262626;
border-radius: 4px;
}
.scrollheader form input {
float: left;
width: 409px;
background: none;
color: #202e56;
border: 0;
height: 53px;
line-heigth: 53px;
padding-left: 29px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px;
padding-top: 0;
margin: 0;
}
.scrollheader form button {
position: relative;
background: none;
border: 0;
border-left: 1px dashed #202e56;
float: right;
width: 49px;
margin: 0;
height: 53px;
}
.scrollheader form button svg {
margin: 0;
border: 0;
padding: 10px;
width: 49px;
height: 53px;
position: absolute;
left: 0;
top: 0;
fill: #fff;
}
.scrollheader form:hover button,
.scrollheader form:focus button {
background-color: #e73f29;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.scrollheader {
display: block;
height: 100px;
top: 0;
opacity: 1;
width: 100%;
background-color: #fff;
}
.scrollheader > a:first-child {
line-height: 100px;
max-height: 60px;
}
.scrollheader .linkbar {
padding-top: 25px;
padding-right: 20px;
}
.scrollheader .linkbar a {
margin-right: 20px;
border-radius: 2px;
position: relative;
}
.scrollheader .linkbar a:not([class]) {
display: none;
}
.scrollheader .linkbar a svg,
.scrollheader .linkbar a.tel svg,
.scrollheader .linkbar a.menu svg {
margin: 0;
border: 0;
padding: 10px;
width: 53px;
height: 53px;
position: absolute;
left: 0;
top: 0;
fill: #fff;
}
.scrollheader .linkbar a.tel {
display: inline-block;
text-indent: -9999em;
width: 53px;
height: 53px;
border: 1px solid #202e56;
}
.scrollheader .linkbar a.tel::before {
display: none;
}
.scrollheader .linkbar a.search {
display: inline-block;
text-indent: -9999em;
width: 53px;
height: 53px;
border: 1px solid #202e56;
}
.scrollheader .linkbar a.search::before {
display: none;
}
.is-multilang .scrollheader .linkbar a.search {
display: none;
}
.scrollheader .linkbar a.menu {
text-indent: -9999em;
width: 53px;
height: 53px;
border: 1px solid #202e56;
background: transparent;
}
.scrollheader .linkbar a.menu::before {
display: none;
}
.scrollheader .linkbar a.menu img {
display: none;
}
.scrollheader .linkbar a.active {
background-color: #e73f29;
border-color: #e73f29;
}
.scrollheader ul {
top: 100px;
width: 500px;
}
.scrollheader .formholder {
width: 100%;
}
.scrollheader form input {
width: calc(100% - 50px);
}
}
@media (min-width: 0) and (max-width: 600px) {
.scrollheader ul {
width: 100%;
}
}
@media (min-width: 0) and (max-width: 750px) {
.scrollheader {
height: 70px;
}
.scrollheader > a:first-child {
line-height: 70px;
margin-left: 10px;
max-height: 50px;
max-width: 130px;
}
.scrollheader .formholder,
.scrollheader ul {
top: 70px;
}
.scrollheader .linkbar {
padding-top: 14px;
padding-right: 10px;
}
.scrollheader .linkbar a.menu,
.scrollheader .linkbar a.tel,
.scrollheader .linkbar a.search {
height: 45px;
width: 45px;
margin-right: 5px;
}
.scrollheader .linkbar a.menu svg,
.scrollheader .linkbar a.tel svg,
.scrollheader .linkbar a.search svg {
width: 45px;
height: 45px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.scrollheader > ul {
max-height: calc(100vh - 100px);
overflow-y: auto;
overflow-x: hidden;
color: inherit;
}
.scrollheader > ul li:hover > a {
color: #fff;
}
.scrollheader > ul li:hover > a svg {
fill: #fff;
}
.scrollheader > ul li.activeSub div {
background: rgba(255, 255, 255, 0.1);
display: block;
}
.scrollheader > ul li.activeSub div ul {
list-style: none;
margin: 0;
padding: 0;
}
.scrollheader > ul li.activeSub div ul li a {
font-size: 16px;
text-transform: none;
text-shadow: none;
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.scrollheader > ul li.activeSub div ul li a svg {
fill: #fff;
opacity: 0.4;
height: 10px;
width: 10px;
margin-right: 10px;
}
.scrollheader > ul li.activeSub div ul li a:hover svg,
.scrollheader > ul li.activeSub div ul li a:focus svg {
opacity: 1;
}
}
@media (min-width: 0) {
.submenu-toggle {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
text-align: center;
margin-left: auto;
float: right;
}
.submenu-toggle svg {
-webkit-transition: rotate 0.3s ease;
transition: rotate 0.3s ease;
fill: currentColor;
}
a[aria-expanded="true"] .submenu-toggle svg {
rotate: -180deg;
}
}
@media (min-width: 0) and (min-width: 600px) {
.submenu-toggle {
translate: 20px 0;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.submenu-toggle {
display: none;
}
}
@media (min-width: 0) {
.headersizer {
height: 150px;
}
.langselector,
.scrollheader .linkbar ul.langselector {
z-index: 99;
display: inline-block;
width: 50px;
height: auto;
background: no-repeat right 24px;
background-image: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/chevron-small-down.svg);
background-size: 20px;
background-position: 35px 17px;
overflow: hidden;
margin: 0 30px 0 0;
padding: 18px 0 0;
list-style: none;
max-height: 40px;
overflow: hidden;
}
.langselector:hover,
.scrollheader .linkbar ul.langselector:hover {
overflow: visible;
}
.langselector li,
.scrollheader .linkbar ul.langselector li {
width: 40px;
padding: 0 6px 6px;
height: 23px;
display: block;
background: #fff;
}
.langselector li a,
.scrollheader .linkbar ul.langselector li a {
line-height: 19px;
height: 19px;
margin: 0;
border: 1px solid #fff;
}
.langselector li a img,
.scrollheader .linkbar ul.langselector li a img {
display: block;
}
.langselector li a:hover,
.scrollheader .linkbar ul.langselector li a:hover,
.langselector li a:focus,
.scrollheader .linkbar ul.langselector li a:focus {
border: 1px solid #fff;
}
.scrollheader .linkbar ul.langselector {
margin: 0;
position: absolute;
left: -60px;
top: 10px;
}
.scrollheader .linkbar ul.langselector:hover {
overflow: hidden;
}
.scrollheader .linkbar ul.is-active.langselector {
overflow: visible;
}
.scrollheader .linkbar ul.langselector a {
display: block;
}
.scrollheader .linkbar ul.langselector:not(.is-active) > li:first-child a {
pointer-events: none;
}
}
@media (min-width: 0) and (min-width: 751px) {
.scrollheader .linkbar ul.langselector {
left: -70px;
top: 25px;
}
}
@media (min-width: 0) {
.scrollheader .linkbar ul.langselector > li {
height: 33px;
}
}
@media (min-width: 0) and (min-width: 1021px) {
.scrollheader .linkbar ul.langselector {
display: none;
}
}
@media (min-width: 0) {
nav {
position: relative;
top: 100px;
width: 100%;
height: 50px;
background-color: #f0f0f0;
z-index: 51;
}
nav > ul > li:hover > a > span,
nav > ul > li:focus > a > span {
border-bottom: inherit;
}
nav ul {
height: 50px;
line-heigth: 50px;
margin: 0 0 0 25px;
padding: 0;
list-style: none;
font-size: 0;
}
nav ul li {
display: inline-block;
line-height: 50px;
}
nav ul li a {
color: #202e56;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
line-height: 50px;
height: 50px;
display: block;
text-shadow: 0.5px 0.9px 0 rgba(18, 16, 11, 0.25);
letter-spacing: 1px;
}
nav ul li a span {
display: block;
height: 30px;
margin: 10px 15px;
line-height: 30px;
}
nav ul li.selected > a {
color: #e73f29;
}
nav ul li.selected > a span {
border-bottom: 1px solid #e73f29;
}
nav ul li div {
display: none;
}
nav ul li:hover a,
nav ul li:focus a,
nav ul li.activeSub a {
color: #e73f29;
text-shadow: 0.5px 0.9px 0 rgba(18, 16, 11, 0.25);
}
nav ul li:hover div,
nav ul li:focus div,
nav ul li.activeSub div {
background: #202e56;
position: absolute;
left: 0;
top: 50px;
width: 100%;
padding: 30px 0;
display: block;
-webkit-box-shadow: 2.5px 4.3px 5px rgba(18, 16, 11, 0.25);
box-shadow: 2.5px 4.3px 5px rgba(18, 16, 11, 0.25);
border-top: 1px solid #000;
}
nav ul li:hover div ul,
nav ul li:focus div ul,
nav ul li.activeSub div ul {
width: 920px;
margin: 0 0 0 40px;
position: relative;
height: auto;
line-height: 2.5;
overflow: hidden;
}
nav ul li:hover div ul li,
nav ul li:focus div ul li,
nav ul li.activeSub div ul li {
position: relative;
width: 33%;
float: left;
line-height: 40px;
height: 40px;
}
nav ul li:hover div ul li svg,
nav ul li:focus div ul li svg,
nav ul li.activeSub div ul li svg {
vertical-align: middle;
position: absolute;
left: -5px;
height: 18px;
width: 18px;
top: 11px;
fill: rgba(255, 255, 255, 0.5);
}
nav ul li:hover div ul li a,
nav ul li:focus div ul li a,
nav ul li.activeSub div ul li a {
color: #fff;
text-transform: none;
line-height: 40px;
height: 40px;
font-weight: 400;
text-align: left;
padding-left: 30px;
letter-spacing: 0px;
}
nav ul li:hover div ul li a span,
nav ul li:focus div ul li a span,
nav ul li.activeSub div ul li a span {
padding: 0;
margin: 0;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 5px;
}
nav ul li:hover div ul li a:hover svg,
nav ul li:hover div ul li a:focus svg,
nav ul li:focus div ul li a:hover svg,
nav ul li:focus div ul li a:focus svg,
nav ul li.activeSub div ul li a:hover svg,
nav ul li.activeSub div ul li a:focus svg {
fill: #fff;
}
nav ul li:hover div ul li a:hover span,
nav ul li:hover div ul li a:focus span,
nav ul li:focus div ul li a:hover span,
nav ul li:focus div ul li a:focus span,
nav ul li.activeSub div ul li a:hover span,
nav ul li.activeSub div ul li a:focus span {
color: #202e56;
text-decoration: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
nav {
display: none;
}
}
@media (min-width: 0) {
.prefooter {
border-top: 1px solid #e5e5e5;
background: #fff;
line-height: 152px;
padding: 0 40px;
overflow: hidden;
margin-top: 40px;
}
.prefooter .footerleft span:not([class*="rating"]) {
color: #e73f29;
font-size: 20px;
font-weight: 700;
line-height: 25px;
}
.prefooter .footerleft {
float: left;
color: #e73f29;
font-size: 20px;
font-weight: 700;
}
.prefooter .footerleft img {
vertical-align: middle;
display: inline-block;
margin-right: 20px;
max-width: 300px;
}
}
@media (min-width: 0) and (max-width: 420px) {
.prefooter .footerleft img {
margin-right: 0;
}
}
@media (min-width: 0) {
.prefooter .footerleft span:not([class*="rating"]) {
display: inline-block;
vertical-align: middle;
width: 200px;
}
.prefooter .footerright {
float: right;
color: #000;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.prefooter .footerright a {
display: inline-block;
margin-left: 40px;
letter-spacing: 2px;
color: inherit;
}
.prefooter .footerright a:focus,
.prefooter .footerright a:hover {
color: #e73f29;
}
.prefooter .footerright a.tel {
padding-left: 23px;
margin-left: 0;
}
.prefooter .footerright a.tel svg {
fill: #000;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
margin-right: 5px;
width: 22px;
height: 22px;
vertical-align: middle;
}
.prefooter .footerright a.tel:focus svg,
.prefooter .footerright a.tel:hover svg {
fill: #e73f29;
}
.prefooter .footerright a.social {
position: relative;
vertical-align: middle;
width: 48px;
height: 48px;
background: #fff no-repeat center;
border: 1px dotted black;
border-radius: 2px;
text-align: center;
}
.prefooter .footerright a.social svg {
vertical-align: top;
height: 48px;
width: 48px;
padding: 13px;
fill: #666;
}
.prefooter .footerright a.social + .social {
margin-left: 17px;
}
.prefooter .footerright a.social:hover,
.prefooter .footerright a.social:focus {
background-color: #e73f29;
border: 1px solid #e73f29;
}
.prefooter .footerright a.social:hover svg,
.prefooter .footerright a.social:focus svg {
fill: #fff;
}
}
@media (min-width: 0) and (max-width: 1200px) {
.prefooter {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
height: auto;
line-height: 75px;
}
.prefooter .footerleft,
.prefooter .footerright {
float: none;
display: inline-block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.prefooter .footerleft,
.prefooter .footerright {
display: block;
}
.prefooter .socials {
display: block;
}
.prefooter .socials a {
margin: 0 10px !important;
}
}
@media (min-width: 0) and (max-width: 420px) {
.prefooter .footerright a {
line-height: 40px;
display: inline-block;
}
.prefooter .footerright a.tel svg {
height: 40px;
}
.prefooter .footerright .socials a {
line-height: 75px;
display: inline-block;
}
.prefooter .footerright > a:nth-child(2) {
margin-left: 0;
display: block;
}
}
@media (min-width: 0) {
footer {
position: relative;
clear: both;
overflow: hidden;
background: #000;
}
footer .footerbuttons {
background: #4c4c4c;
padding: 40px 40px 0;
text-align: center;
font-size: 0;
}
footer .footerbuttons .button {
margin-bottom: 40px;
background-color: rgba(0, 0, 0, 0);
}
footer .footerbuttons .button:hover,
footer .footerbuttons .button:focus {
background-color: #e73f29;
}
footer .footerbuttons .button + .button {
margin-left: 30px;
}
footer .footerbuttons .button-number {
position: relative;
}
footer .footerbuttons .button-number span {
font-size: 20px;
font-weight: 700;
position: absolute;
right: 1px;
top: 1px;
height: 58px;
width: 58px;
text-align: center;
border-left: 1px dotted #fff;
}
}
@media (min-width: 0) and (max-width: 1080px) {
footer .footerbuttons {
padding-bottom: 15px;
}
footer .footerbuttons .button,
footer .footerbuttons .button + .button {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
}
@media (min-width: 0) and (max-width: 750px) {
footer .footerbuttons {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 0) and (max-width: 600px) {
footer .footerbuttons .button-number span {
width: 45px;
height: 43px;
font-size: 16px;
}
}
@media (min-width: 0) {
footer .copyright {
clear: both;
line-height: 50px;
padding: 0 40px;
color: #fff;
font-size: 16px;
font-weight: 400;
}
footer .copyright a {
float: right;
margin-left: 40px;
}
footer .copyright a:hover,
footer .copyright a:focus {
color: #e73f29;
}
}
@media (min-width: 0) and (max-width: 1080px) {
footer .copyright {
line-height: 1.4;
padding: 20px 30px;
}
footer .copyright a {
float: none;
margin: 0;
display: block;
}
}
@media (min-width: 0) and (max-width: 600px) {
footer .footerbuttons .button {
width: calc(100% - 30px);
display: block;
}
}
@media (min-width: 0) {
.queue {
background: #000;
clear: both;
position: relative;
width: 100%;
height: 100vh;
min-height: 500px;
overflow: hidden;
border-bottom: 3px solid #e73f29;
margin: -150px 0 0;
}
.queue .slick-dots {
margin: 0;
bottom: 0;
}
.queue .slick-dots li {
margin: 0;
}
.queue .slick-dots li.slick-active button {
opacity: 1;
}
.queue .slick-dots li button {
background: #fff;
width: 10px;
height: 10px;
overflow: hidden;
text-align: left;
text-indent: -9999em;
border-radius: 10px;
opacity: 0.6;
margin: 0;
}
.queue .slick-dots li button::before {
display: none;
}
.queue .slick-dots li:first-child:last-child {
display: none;
}
.queue .slick-track {
height: 100vh;
min-height: 500px;
}
.queue .slide {
position: absolute;
color: #fff;
width: 100%;
height: 100vh;
min-height: 500px;
background-color: #000;
overflow: hidden;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.queue .slide .labelimg {
display: block;
position: absolute;
right: 40px;
bottom: 40px;
z-index: 80;
opacity: 0;
-webkit-transition: 1s linear opacity;
transition: 1s linear opacity;
}
.queue .slide .backgroundimg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: 8s ease-out transform, 1s linear opacity;
transition: 8s ease-out transform, 1s linear opacity;
background-position: center;
background-size: cover;
opacity: 0;
}
.queue .slide .inner {
margin: 0;
padding: 100px 0 0;
text-align: center;
max-width: 800px;
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transition: 1s ease-in-out transform, 1s linear opacity;
transition: 1s ease-in-out transform, 1s linear opacity;
color: #fff;
}
.queue .slide .inner .title {
text-shadow: 1px 1px #000;
text-align: center;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue .slide .inner .title.subtitle h2,
.queue .slide .inner .title h3 {
display: none;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue .slide .inner span svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.queue .slide.animator .labelimg {
opacity: 1;
}
.queue .slide.animator .backgroundimg {
-webkit-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07);
opacity: 0.75;
}
.queue .slide.animator .inner {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue {
height: 60vh;
}
.queue .slide {
height: 60vh;
}
.queue .slide .labelimg {
display: none;
}
.queue .slide .inner {
width: 100%;
left: 0;
margin-left: 0;
padding: 70px 40px 0;
}
.queue .slide .inner .title h2 {
font-size: 26px;
}
.queue .slide .inner a {
font-size: 14px;
}
}
@media (min-width: 0) {
.queue-labels {
display: none;
}
.queue-labeled,
.queue-labeled.slick-slider.slick-dotted {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
background: #000;
clear: both;
position: relative;
width: 100%;
height: 100vh;
min-height: 500px;
overflow: hidden;
border-bottom: 3px solid #e73f29;
margin: -150px 0 0;
}
.queue-labeled .slick-track,
.queue-labeled.slick-slider.slick-dotted .slick-track {
height: 100%;
min-height: 500px;
}
.queue-labeled .slick-track a,
.queue-labeled.slick-slider.slick-dotted .slick-track a {
height: 100vh;
display: block;
}
.queue-labeled .slick-dots,
.queue-labeled.slick-slider.slick-dotted .slick-dots {
margin: 0;
margin-top: -180px;
bottom: 38px;
}
.queue-labeled .slick-dots li,
.queue-labeled.slick-slider.slick-dotted .slick-dots li {
width: auto;
height: auto;
margin: 0 10px;
display: inline-block;
}
.queue-labeled .slide,
.queue-labeled.slick-slider.slick-dotted .slide {
position: absolute;
color: #fff;
width: 100%;
height: 100vh;
min-height: 500px;
background-color: #000;
overflow: hidden;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.queue-labeled .slide .labelimg,
.queue-labeled.slick-slider.slick-dotted .slide .labelimg {
display: block;
position: absolute;
right: 40px;
bottom: 40px;
z-index: 80;
opacity: 0;
-webkit-transition: 1s linear opacity;
transition: 1s linear opacity;
}
.queue-labeled .slide .backgroundimg,
.queue-labeled.slick-slider.slick-dotted .slide .backgroundimg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: 8s ease-out transform, 1s linear opacity;
transition: 8s ease-out transform, 1s linear opacity;
background-position: center;
background-size: cover;
opacity: 0;
}
.queue-labeled .slide .inner,
.queue-labeled.slick-slider.slick-dotted .slide .inner {
margin: 0;
padding: 100px 0 0;
text-align: center;
max-width: 800px;
opacity: 0;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
-webkit-transition: 1s ease-in-out transform, 1s linear opacity;
transition: 1s ease-in-out transform, 1s linear opacity;
color: #fff;
}
}
@media (min-width: 0) and (max-width: 800px) {
.queue-labeled .slide .inner,
.queue-labeled.slick-slider.slick-dotted .slide .inner {
max-width: 90vw;
margin-left: 0;
}
}
@media (min-width: 0) {
.queue-labeled .slide .inner .title,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title {
text-shadow: 1px 1px #000;
text-align: center;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-labeled .slide .inner .title.subtitle h2,
.queue-labeled .slide .inner .title h3,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title.subtitle h2,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h3 {
display: none;
}
}
@media (min-width: 0) {
.queue-labeled .slide.animator .labelimg,
.queue-labeled.slick-slider.slick-dotted .slide.animator .labelimg {
opacity: 1;
}
.queue-labeled .slide.animator .backgroundimg,
.queue-labeled.slick-slider.slick-dotted .slide.animator .backgroundimg {
-webkit-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07);
opacity: 0.75;
}
.queue-labeled .slide.animator .inner,
.queue-labeled.slick-slider.slick-dotted .slide.animator .inner {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-labeled,
.queue-labeled.slick-slider.slick-dotted {
height: 60vh;
overflow: visible;
margin-bottom: 167px;
}
.queue-labeled .slick-list,
.queue-labeled.slick-slider.slick-dotted .slick-list {
height: 60vh;
min-height: 497px;
}
.queue-labeled .slide,
.queue-labeled.slick-slider.slick-dotted .slide {
height: 60vh;
}
.queue-labeled .slide .labelimg,
.queue-labeled.slick-slider.slick-dotted .slide .labelimg {
display: none;
}
.queue-labeled .slide .inner,
.queue-labeled.slick-slider.slick-dotted .slide .inner {
width: 100%;
padding: 70px 40px 0;
}
.queue-labeled .slide .inner .title h2,
.queue-labeled.slick-slider.slick-dotted .slide .inner .title h2 {
font-size: 26px;
}
.queue-labeled .slick-dots,
.queue-labeled.slick-slider.slick-dotted .slick-dots {
position: relative;
bottom: 0;
padding-top: 15px;
margin-top: 0px;
}
.queue-labeled .slick-dots li,
.queue-labeled.slick-slider.slick-dotted .slick-dots li {
width: 45%;
height: 60px;
margin: 0 5px 10px;
}
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a {
width: 100%;
margin-bottom: 5px;
padding-left: 15px;
padding-right: 70px;
font-size: 0.8em;
}
.queue-labeled .slick-dots li a:hover,
.queue-labeled .slick-dots li a:focus,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:hover,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:focus {
border-color: #e73f29;
background-color: #e73f29;
color: #fff;
border-color: #e73f29;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-labeled,
.queue-labeled.slick-slider.slick-dotted {
margin-bottom: 250px;
}
.queue-labeled .slick-dots li,
.queue-labeled.slick-slider.slick-dotted .slick-dots li {
width: auto;
height: 45px;
display: block;
}
}
@media (min-width: 0) and (max-width: 420px) {
.queue-labeled .slick-dots li a,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a {
padding-left: 2px;
padding-right: 42px;
}
}
@media (min-width: 0) {
.queue-small {
background: #000;
clear: both;
position: relative;
max-width: 960px;
overflow: hidden;
margin: 40px auto 0;
}
.queue-small::before {
padding-top: 37.5%;
content: " ";
display: block;
}
}
@media (min-width: 0) and (max-width: 960px) {
.queue-small {
margin-top: 0;
}
}
@media (min-width: 0) {
.queue-small .slick-dots {
width: auto;
right: 0;
margin: 0;
bottom: 0;
}
.queue-small .slick-dots li {
margin: 0;
}
.queue-small .slick-dots li.slick-active button {
opacity: 1;
}
.queue-small .slick-dots li button {
background: #fff;
width: 10px;
height: 10px;
overflow: hidden;
text-align: left;
text-indent: -9999em;
border-radius: 10px;
opacity: 0.6;
margin: 0;
}
.queue-small .slick-dots li button::before {
display: none;
}
.queue-small .slick-list {
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.queue-small .slick-track {
top: 0;
height: 100%;
}
.queue-small .slide {
position: absolute;
color: #fff;
width: 100%;
height: 100%;
background-position: 50%;
background-size: cover;
background-color: #000;
overflow: hidden;
left: 0;
top: 0;
}
.queuebanner-video .slide .inner .title.subtitle h2,
.queuebanner-video .slide .inner .title h3,
.queuebanner-video-v2__body .inner .title.subtitle h2,
.queuebanner-video-v2__body .inner .title h3 {
margin-top: 1px;
}
.queuebanner-video {
background: #000;
clear: both;
position: relative;
width: 100%;
height: 100vh;
min-height: 500px;
overflow: hidden;
border-bottom: 3px solid #e73f29;
margin: -150px 0 0;
}
.queuebanner-video .slide {
position: absolute;
color: #fff;
width: 100%;
height: 100vh;
min-height: 500px;
background-color: #000;
overflow: hidden;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.queuebanner-video .slide .labelimg {
display: block;
position: absolute;
right: 40px;
bottom: 40px;
z-index: 80;
opacity: 0;
-webkit-transition: 1s linear opacity;
transition: 1s linear opacity;
}
.queuebanner-video .slide .video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
opacity: 0.75;
pointer-events: none;
}
.queuebanner-video .slide .video iframe {
position: absolute;
border: 0;
background: transparent;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (min-width: 0) and (min-aspect-ratio: 16 / 9) {
.queuebanner-video .slide .video iframe {
height: 56.25vw;
}
}
@media (min-width: 0) and (max-aspect-ratio: 16 / 9) {
.queuebanner-video .slide .video iframe {
width: 177.78vh;
}
}
@media (min-width: 0) {
.queuebanner-video .slide .inner {
margin: 0;
padding: 100px 0 0;
text-align: center;
max-width: 800px;
opacity: 1;
color: #fff;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video .slide .inner {
width: 100%;
left: 0;
padding: 70px 40px 0;
margin-top: 0px;
}
}
@media (min-width: 0) {
.queuebanner-video .slide .inner .title {
text-shadow: 1px 1px #000;
text-align: center;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queuebanner-video .slide .inner .title.subtitle h2,
.queuebanner-video .slide .inner .title h3 {
display: none;
}
}
@media (min-width: 0) {
.queuebanner-video .slide .inner .title h2::after {
display: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video .slide .inner .title h2 {
font-size: 26px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queuebanner-video .slide .inner span svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video {
height: 60vh;
}
.queuebanner-video .slide {
height: 60vh;
}
.queuebanner-video .slide .labelimg {
display: none;
}
}
@media (min-width: 0) {
.queuebanner-video iframe:not(#ytplayer),
.queue-bullets-video iframe:not(#ytplayer),
.queuebanner-video-v2 iframe:not(#ytplayer) {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.queuebanner-video iframe:not(#ytplayer)[data-state="playing"],
.queue-bullets-video iframe:not(#ytplayer)[data-state="playing"],
.queuebanner-video-v2 iframe:not(#ytplayer)[data-state="playing"] {
opacity: 1;
}
.queuebanner-video-v2 {
overflow: hidden;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.queuebanner-video-v2 {
position: relative;
padding-bottom: 50px;
border-bottom: 3px solid #e73f29;
height: calc(100vh - 150px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.queuebanner-video-v2::before {
content: " ";
background: rgba(0, 0, 0, 0.75);
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__body {
position: relative;
background: #222;
overflow: hidden;display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 3px solid #e73f29;
}
}
@media (min-width: 0) and (orientation: landscape) and (max-width: 1020px) {
.queuebanner-video-v2__body {
min-height: -webkit-fill-available;
min-height: -moz-available;
min-height: stretch;
}
.queuebanner-video-v2__body .inner {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video-v2__body {
height: 60vh;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.queuebanner-video-v2__body {
min-height: auto;
position: static;
border-bottom: none;
background-color: transparent;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__body .inner {
margin: 0;
padding: 100px 0 0;
text-align: center;
max-width: 800px;
opacity: 1;
color: #fff;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video-v2__body .inner {
width: 100%;
left: 0;
padding: 70px 40px 0;
margin-top: 0px;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__body .inner .title {
text-shadow: 1px 1px #000;
text-align: center;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queuebanner-video-v2__body .inner .title.subtitle h2,
.queuebanner-video-v2__body .inner .title h3 {
display: none;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__body .inner .title h2::after {
display: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video-v2__body .inner .title h2 {
font-size: 26px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video-v2__body .inner {
padding-top: 40px;
}
}
@media (min-width: 0) and (min-width: 750px) {
.queuebanner-video-v2__body .inner .title h2 {
font-size: 46px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queuebanner-video-v2__body .labelimg {
display: none;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__actions {
padding: 0 10px;
padding-top: 10px;
position: relative;
}
}
@media (min-width: 0) and (min-width: 600px) {
.queuebanner-video-v2__actions {
padding: 0 5%;
}
.queuebanner-video-v2__actions p {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.queuebanner-video-v2__actions {
margin-top: auto;
}
.queuebanner-video-v2__actions p {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__actions p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.queuebanner-video-v2__actions p a {
width: 100%;
}
}
@media (min-width: 0) and (min-width: 600px) {
.queuebanner-video-v2__actions p a:hover,
.queuebanner-video-v2__actions p a:focus {
max-width: calc(50% - 5px);
}
}
@media (min-width: 0) and (min-width: 600px) {
.queuebanner-video-v2__actions p a {
max-width: calc(50% - 5px);
margin-top: 15px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.queuebanner-video-v2__actions p a {
width: auto;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__actions p a + a {
margin-top: 15px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.queuebanner-video-v2__actions p a + a {
margin-left: 20px;
}
}
@media (min-width: 0) {
.queuebanner-video-v2__media {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
opacity: 0.75;
pointer-events: none;
}
.queuebanner-video-v2__media iframe {
position: absolute;
border: 0;
background: transparent;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (min-width: 0) and (min-aspect-ratio: 16 / 9) {
.queuebanner-video-v2__media iframe {
height: 56.25vw;
}
}
@media (min-width: 0) and (max-aspect-ratio: 16 / 9) {
.queuebanner-video-v2__media iframe {
width: 177.78vh;
}
}
@media (min-width: 0) {
.queue-labeled.queue-layer,
.queue-labeled.queue-layer.slick-slider.slick-dotted {
border-bottom: 0;
}
.queue-labeled.queue-layer .slick-track a,
.queue-labeled.queue-layer.slick-slider.slick-dotted .slick-track a {
height: 100vh;
display: block;
}
.queue-layer.slick-slider.slick-dotted .slide.animator .inner,
.queue-layer.slick-slider.slick-dotted .slide .inner {
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
height: 350px;
max-height: 50%;
margin: 0;
padding-top: 40px;
width: 100%;
width: 100vw;
max-width: 100vw;
background: rgba(31, 38, 42, 0.75);
}
.queue-layer.slick-slider.slick-dotted .slide.animator .inner > *,
.queue-layer.slick-slider.slick-dotted .slide .inner > * {
max-width: 800px;
}
.queue-layer.slick-slider.slick-dotted .slide.animator .inner h2,
.queue-layer.slick-slider.slick-dotted .slide .inner h2 {
font-size: 40px;
}
}
@media (min-width: 0) and (max-width: 750px) {
.queue-layer.slick-slider.slick-dotted .slide.animator .inner h2,
.queue-layer.slick-slider.slick-dotted .slide .inner h2 {
line-height: 1;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-layer.slick-slider.slick-dotted .slide.animator .inner h2,
.queue-layer.slick-slider.slick-dotted .slide .inner h2 {
font-size: 26px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-layer.slick-slider.slick-dotted .slide.animator .inner h3,
.queue-layer.slick-slider.slick-dotted .slide .inner h3 {
display: none;
}
}
@media (min-width: 0) {
.queue-block .slide .inner .title h2,
.queue-block.slick-slider.slick-dotted .slide .inner .title h2 {
font-family: Oswald, "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
letter-spacing: 0.02em;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.queue-block .slide .inner .title h3,
.queue-block.slick-slider.slick-dotted .slide .inner .title h3 {
font-family: Oswald, "Source Sans Pro", sans-serif;
font-style: normal;
font-weight: normal;
line-height: normal;
font-size: 26px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.queue-block-labels {
display: none;
}
.queue-block,
.queue-block.slick-slider.slick-dotted {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
background: #494545;
clear: both;
position: relative;
width: 100vw;
max-width: 100%;
max-height: 650px;
height: calc(100vh - 150px);
overflow: hidden;
border-bottom: 3px solid #e73f29;
margin: 0;
}
.queue-block .slick-track,
.queue-block.slick-slider.slick-dotted .slick-track {
max-height: 650px;
height: calc(100vh - 150px);
}
.queue-block .slick-track a,
.queue-block.slick-slider.slick-dotted .slick-track a {
max-height: 650px;
height: calc(100vh - 150px);
width: 100vw;
display: block;
}
.queue-block .slick-dots,
.queue-block.slick-slider.slick-dotted .slick-dots {
position: absolute;
left: calc(50% + 160px);
top: calc(50% - 174px);
width: 400px;
height: 350px;
bottom: auto;
padding: 40px;
}
.queue-block .slick-dots li,
.queue-block.slick-slider.slick-dotted .slick-dots li {
width: 100%;
display: block;
height: auto;
margin: 0 0px;
}
.queue-block .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li .button {
display: block;
text-align: left;
}
.queue-block .slick-dots li + li,
.queue-block.slick-slider.slick-dotted .slick-dots li + li {
margin-top: 10px;
}
.queue-block .slick-dots li.slick-active .button,
.queue-block.slick-slider.slick-dotted .slick-dots li.slick-active .button {
display: block;
text-align: left;
}
}
@media (min-width: 0) and (max-width: 1200px) {
.queue-block .slick-dots,
.queue-block.slick-slider.slick-dotted .slick-dots {
left: calc(50% + 72px);
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-block .slick-dots,
.queue-block.slick-slider.slick-dotted .slick-dots {
left: 0;
top: auto;
bottom: 0;
width: auto;
height: auto;
padding: 35px;
}
.queue-block .slick-dots li,
.queue-block.slick-slider.slick-dotted .slick-dots li {
width: 50%;
float: left;
margin-top: 10px;
padding: 0 5px;
}
}
@media (min-width: 0) {
.queue-block .slide,
.queue-block.slick-slider.slick-dotted .slide {
position: absolute;
width: 100vw;
max-width: 100%;
max-height: 650px;
height: calc(100vh - 150px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.queue-block .slide .backgroundimg,
.queue-block.slick-slider.slick-dotted .slide .backgroundimg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: 8s ease-out transform, 1s linear opacity;
transition: 8s ease-out transform, 1s linear opacity;
background-position: center;
background-size: cover;
opacity: 1;
}
.queue-block .slide .inner,
.queue-block.slick-slider.slick-dotted .slide .inner {
max-width: initial;
height: 350px;
width: 1120px;
max-width: 1120px;
background: rgba(73, 69, 69, 0.6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.queue-block .slide .inner .title,
.queue-block.slick-slider.slick-dotted .slide .inner .title {
margin: 0;
padding: 0;
max-width: 680px;
text-align: left;
}
.queue-block .slide .inner .title h2,
.queue-block.slick-slider.slick-dotted .slide .inner .title h2 {
margin: 0 0 20px;
padding: 0;
}
.queue-block .slide .inner .title h3,
.queue-block.slick-slider.slick-dotted .slide .inner .title h3 {
margin: 0;
padding: 0;
}
.queue-block .slide .inner .title h3::after,
.queue-block.slick-slider.slick-dotted .slide .inner .title h3::after {
display: none;
}
}
@media (min-width: 0) and (max-width: 1200px) {
.queue-block .slide .inner,
.queue-block.slick-slider.slick-dotted .slide .inner {
width: 944px;
}
.queue-block .slide .inner .title,
.queue-block.slick-slider.slick-dotted .slide .inner .title {
max-width: 544px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-block .slide,
.queue-block.slick-slider.slick-dotted .slide {
height: auto;
display: block;
}
.queue-block .slide .backgroundimg,
.queue-block.slick-slider.slick-dotted .slide .backgroundimg {
position: relative;
height: auto;
width: 100%;
padding-top: 33.6%;
}
.queue-block .slide .inner,
.queue-block.slick-slider.slick-dotted .slide .inner {
background: #494545;
width: 100%;
max-width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 40px;
height: auto;
}
.queue-block .slide .inner .title,
.queue-block.slick-slider.slick-dotted .slide .inner .title {
max-width: 100%;
width: auto;
}
.queue-block .slide .inner .title h2,
.queue-block.slick-slider.slick-dotted .slide .inner .title h2 {
font-size: 26px;
}
.queue-block .slide .inner .title h3,
.queue-block.slick-slider.slick-dotted .slide .inner .title h3 {
font-size: 16px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-block .slide .inner,
.queue-block.slick-slider.slick-dotted .slide .inner {
padding: 20px 10px;
}
.queue-block .slide .inner .title h3,
.queue-block.slick-slider.slick-dotted .slide .inner .title h3 {
display: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-block,
.queue-block.slick-slider.slick-dotted {
height: auto;
}
.queue-block .slick-track,
.queue-block.slick-slider.slick-dotted .slick-track {
height: auto;
}
.queue-block .slick-track a,
.queue-block.slick-slider.slick-dotted .slick-track a {
height: auto;
}
.queue-block .slick-track a .slide,
.queue-block.slick-slider.slick-dotted .slick-track a .slide {
position: relative;
padding-bottom: 170px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-block .slick-track a .slide,
.queue-block.slick-slider.slick-dotted .slick-track a .slide {
padding-bottom: 200px;
}
.queue-block .slick-dots,
.queue-block.slick-slider.slick-dotted .slick-dots {
width: 100%;
padding: 5px 5px 10px;
}
.queue-block .slick-dots li,
.queue-block.slick-slider.slick-dotted .slick-dots li {
width: 100%;
float: none;
}
}
@media (min-width: 0) {
.bulletqueue .inner h2 {
letter-spacing: 2px;
text-shadow: 1px 1px #000;
}
.bulletqueue {
height: 70vh;
min-height: 500px;
position: relative;
border-bottom: 3px solid #e73f29;
background: no-repeat center/cover;
color: #fff;
}
.bulletqueue::before {
position: absolute;
display: block;
content: " ";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
}
.bulletqueue .inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 960px;
}
.bulletqueue .inner h2 {
margin-bottom: 18px;
max-width: 100%;
}
.bulletqueue .inner ul {
margin-left: 0;
list-style: none;
}
.bulletqueue .inner ul li {
position: relative;
padding-left: 22px;
font-size: 18px;
line-height: 32px;
font-weight: 500;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/li.png) no-repeat 0px 7px;
}
.bulletqueue .inner ul li.svg-replaced {
background: none;
}
.bulletqueue .inner ul li.svg-replaced svg {
position: absolute;
left: -6px;
top: 7px;
fill: #e73f29;
height: 15px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.bulletqueue .inner ul li {
font-size: 14px;
line-height: 25px;
}
}
@media (min-width: 0) {
.bulletqueue .inner .checkbutton {
display: inline-block;
width: auto;
}
}
@media (min-width: 0) and (max-width: 600px) {
.bulletqueue .inner .checkbutton svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.bulletqueue2 .slick-dots {
margin: 0;
bottom: 0;
}
.bulletqueue2 .slick-dots li {
margin: 0;
}
.bulletqueue2 .slick-dots li.slick-active button {
opacity: 1;
}
.bulletqueue2 .slick-dots li button {
background: #fff;
width: 10px;
height: 10px;
overflow: hidden;
text-align: left;
text-indent: -9999em;
border-radius: 10px;
opacity: 0.6;
margin: 0;
}
.bulletqueue2 .slick-dots li button::before {
display: none;
}
.bulletqueue2 .slick-dots li:first-child:last-child {
display: none;
}
.queue-bullets-video .txt h2 {
color: inherit;
}
.queue-bullets-video {
position: relative;
width: 100%;
height: 35vw;
overflow: hidden;
}
.queue-bullets-video .bg {
background-size: cover;
}
.queue-bullets-video .bg,
.queue-bullets-video video,
.queue-bullets-video iframe {
top: 0;
right: 0;
position: absolute;
z-index: 1;
width: 63vw;
height: 35vw;
}
.queue-bullets-video video {
width: 62.2vw;
}
.queue-bullets-video iframe {
margin-right: -9px;
}
.queue-bullets-video .txt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/txtbg.png) no-repeat top right;
background-size: 100%;
float: left;
padding-left: 6.25vw;
padding-right: 25px;
height: 100%;
width: 50vw;
}
.queue-bullets-video .txt h2 {
display: block;
max-width: 100%;
margin-bottom: 40px;
}
.queue-bullets-video .txt ul {
margin: 0 0 32px;
padding: 0;
list-style: none;
}
.queue-bullets-video .txt ul li {
position: relative;
padding-left: 30px;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/li.png) no-repeat left center;
}
.queue-bullets-video .txt ul li.svg-replaced {
background: none;
}
.queue-bullets-video .txt ul li.svg-replaced svg {
position: absolute;
left: -6px;
top: 7px;
fill: #e73f29;
height: 15px;
}
}
@media (min-width: 0) and (max-width: 1500px) {
.queue-bullets-video .txt h2 {
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
.queue-bullets-video .txt ul {
margin-bottom: 20px;
}
.queue-bullets-video .txt ul li {
font-size: 20px;
line-height: 30px;
}
}
@media (min-width: 0) and (max-width: 1200px) {
.queue-bullets-video .txt h2 {
font-size: 30px;
}
.queue-bullets-video .txt ul li {
font-size: 16px;
line-height: 27px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.queue-bullets-video {
min-height: 420px;
margin-top: 0px;
}
.queue-bullets-video .bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
background: center/cover;
}
.queue-bullets-video video,
.queue-bullets-video iframe {
display: none;
}
.queue-bullets-video .txt {
width: 100%;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/txtbg2.png) no-repeat 0 0;
background-size: 100% 100%;
padding-right: 30px;
}
.queue-bullets-video .txt ul {
width: calc(93.75vw - 40px);
}
}
@media (min-width: 0) and (max-width: 600px) {
.queue-bullets-video {
height: 70vh;
min-height: 500px;
}
.queue-bullets-video .txt {
padding-right: 10px;
}
.queue-bullets-video .txt h2 {
font-size: 26px;
}
.queue-bullets-video .txt ul li {
font-size: 14px;
line-height: 25px;
}
}
@media (min-width: 0) {
.banner {
height: 50vh;
min-height: 512px;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/banner.png) no-repeat center/cover;
position: relative;
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
a:first-child .banner {
margin-top: 0;
}
.banner::before {
content: " ";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.35);
}
.banner .inner {
margin: 0;
padding: 0;
text-align: center;
width: 800px;
color: #fff;
}
.banner .inner .title {
text-shadow: 1px 1px #000;
text-align: center;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.banner .inner .title {
margin-top: 0;
}
}
@media (min-width: 0) {
.banner .inner span.button {
min-height: 45px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.banner {
height: auto;
min-height: 280px;
}
.banner .inner {
width: 100%;
left: 0;
height: 100%;
margin-left: 0;
margin-top: 0;
top: 0;
padding: 0px 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner .inner .title h3 {
display: none;
}
.banner .inner .title h2 {
margin-bottom: 20px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.banner .inner span.button svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.banner-alt {
clear: both;
position: relative;
overflow: hidden;
width: 100%;
margin: 0;
}
.banner-alt img {
display: block;
width: 100%;
height: auto;
}
.banner-alt img + img {
position: absolute;
}
}
@media (min-width: 0) and (max-width: 1px) {
.banner-alt {
margin-top: 0;
}
}
@media (min-width: 0) and (max-width: 600px) {
.banner-alt {
margin-top: 0;
}
}
@media (min-width: 0) {
.banner--top {
background: #e73f29;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-transform: lowercase;
text-align: center;
font-size: 14px;
height: 50px;
max-height: 50px;
overflow: hidden;
line-height: 1;
width: 100%;
}
}
@media (min-width: 0) and (max-width: 1019.99px) {
.banner--top {
position: fixed;
z-index: 53;
}
}
@media (min-width: 0) and (min-width: 600px) {
.banner--top {
font-size: 16px;
}
}
@media (min-width: 0) and (min-width: 1021px) {
.banner--top {
font-size: 18px;
max-height: 40px;
}
}
@media (min-width: 0) {
.banner--top p {
margin: 0;
}
.banner--top a {
color: inherit;
text-decoration: underline;
}
.banner--top a:hover,
.banner--top a:focus {
text-decoration: none;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.has-banner-top .scrollheader {
top: 50px;
}
}
@media (min-width: 0) {
.has-banner-top #main {
padding-top: 120px;
}
}
@media (min-width: 0) and (min-width: 750px) {
.has-banner-top #main {
padding-top: 150px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.has-banner-top #main {
padding-top: 100px;
}
}
@media (min-width: 0) {
.banner-image-only {
margin-top: 40px;
max-width: 100%;
overflow: hidden;
}
.banner-image-only img {
display: block;
width: 100%;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#main > .banner-image-only {
margin-top: 0;
}
#main > a:first-child .banner-image-only {
margin-top: 0;
}
a:hover .banner-image-only img,
a:focus .banner-image-only img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.videoslider {
position: relative;
margin: 40px auto 0px;
}
.videoslider.slick-slider {
overflow: hidden;
}
.videoslider .videoslide {
position: relative;
float: left;
display: block;
background-color: #f0f0f0;
width: 100%;
}
.videoslider .videoslide .videoblock {
position: relative;
width: 100%;
background: #f0f0f0;
padding-top: 56.25%;
cursor: pointer;
overflow: hidden;
}
.videoslider .videoslide .videoblock iframe {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
border: 0;
}
.videoslider .videoslide .videoblock::before {
z-index: 2;
width: 125px;
height: 125px;
border-radius: 125px;
background: #e73f29 url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/play-icon.png) no-repeat 42px center;
background-color: #e73f29;
position: absolute;
content: " ";
display: block;
pointer-events: none;
cursor: pointer;
left: 50%;
top: 50%;
margin-top: -62px;
margin-left: -62px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
}
.videoslider .videoslide .txtcontainer {
padding: 0 20px 40px;
}
.videoslider .videoslide .txtcontainer blockquote {
padding: 20px;
}
}
@media (min-width: 0) and (min-width: 960px) {
.videoslider .videoslide .txtcontainer {
padding: 0 40px 40px;
}
.videoslider .videoslide .txtcontainer blockquote {
padding: 40px;
}
}
@media (min-width: 0) {
.videoslider .slick-arrow {
background: #000;
}
.videoslider .slick-arrow svg {
fill: #fff;
}
.videoslider .slick-arrow:hover {
background-color: #e73f29;
}
.videoslider .slick-arrow:hover svg {
fill: #fff;
}
.videoslider .slick-next {
border: 0;
text-indent: -9999em;
margin: 0;
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 0px;
top: 26vw;
cursor: pointer;
z-index: 99;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
border-radius: 4px 0px 0px 4px;
}
}
@media (min-width: 0) and (min-width: 960px) {
.videoslider .slick-next {
top: 270px;
}
}
@media (min-width: 0) {
.right .videoslider .slick-next,
.left .videoslider .slick-next {
top: 115px;
}
.videoslider .slick-next::before {
display: none;
}
.videoslider .slick-next.slick-disabled {
display: none !important;
}
.videoslider .slick-prev {
border: 0;
text-indent: -9999em;
margin: 0;
display: block;
width: 50px;
height: 50px;
position: absolute;
left: 0px;
top: 26vw;
cursor: pointer;
z-index: 99;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
border-radius: 0 4px 4px 0;
}
}
@media (min-width: 0) and (min-width: 960px) {
.videoslider .slick-prev {
top: 270px;
}
}
@media (min-width: 0) {
.right .videoslider .slick-prev,
.left .videoslider .slick-prev {
top: 115px;
}
.videoslider .slick-prev::before {
display: none;
}
.videoslider .slick-prev.slick-disabled {
display: none !important;
}
.videoslider.hideui .slick-prev,
.videoslider.hideui .slick-next,
.videoslider.hideui .videoblock::before {
opacity: 0;
pointer-events: none;
display: none;
}
}
@media (min-width: 0) and (max-width: 1px) {
.videoslider {
width: 460px;
}
.videoslider .videoslide {
width: 100%;
}
.videoslider .slick-prev,
.videoslider .slick-next {
top: 115px;
}
}
@media (min-width: 0) {
.popover {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.7);
overflow: auto;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.6s ease all;
transition: 0.6s ease all;
}
.popover.active {
opacity: 1;
pointer-events: all;
}
.popover .overlay-inner {
max-height: calc(100% - 20px);
position: relative;
max-width: 960px;
background: #fff;
border-radius: 4px;
overflow: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.popover .overlay-inner {
max-width: calc(100% - 20px);
}
.popover .overlay-inner .title {
padding-top: 10px;
}
}
@media (min-width: 0) {
.popover .overlay-inner .title {
margin-bottom: 40px;
}
.popover .overlay-inner img {
width: 100%;
display: block;
}
.popover .overlay-inner a:not(.button) {
text-decoration: underline;
}
.popover .overlay-inner a:not(.button):hover,
.popover .overlay-inner a:not(.button):focus {
text-decoration: none;
}
.popover .overlay-inner .overlay-content {
position: relative;
text-align: center;
padding: 0 80px;
overflow: hidden;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.popover .overlay-inner .overlay-content {
padding: 0 40px;
}
}
@media (min-width: 0) and (max-width: 750px) {
.popover .overlay-inner .overlay-content {
padding: 0 20px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.popover .overlay-inner .overlay-content {
padding: 0 10px;
}
}
@media (min-width: 0) {
.popover .overlay-inner .overlay-content .close {
position: absolute;
margin: 0;
padding: 0;
background: #fff url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/overlay-close.png) no-repeat center;
border: 1px solid #000;
top: 10px;
right: 10px;
font-size: 0;
width: 25px;
height: 25px;
display: block;
}
.popover .overlay-inner .overlay-content .close:hover,
.popover .overlay-inner .overlay-content .close:focus,
.popover .overlay-inner .overlay-content .close:active {
background: #000 url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/overlay-close-hover.png) no-repeat center;
}
.title h1 {
color: #000;
font-size: 36px;
font-weight: 700;
line-height: 1.11;
letter-spacing: 2px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.title h1 {
font-size: 26px;
}
}
@media (min-width: 0) {
.title.subtitle h2,
.title h3 {
color: #706f6f;
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 1px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.title.subtitle h2,
.title h3 {
font-size: 10px;
}
}
@media (min-width: 0) {
.title {
text-align: center;
max-width: 800px;
margin: 27px auto 0;
}
.title h1,
.title h2 {
color: #000;
font-size: 36px;
font-weight: 700;
line-height: 1.11;
letter-spacing: 2px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.title h1,
.title h2 {
font-size: 26px;
}
}
@media (min-width: 0) {
.title h1 {
margin-bottom: 0.25em;
}
.title.subtitle h2,
.title h3 {
margin: 30px 0 0;
}
.title > *:last-child::after {
content: " ";
display: block;
width: 100px;
height: 1px;
margin: 40px auto 0;
background: #e73f29;
}
.queue-layer .title > *:last-child::after,
.queuebanner-video .title > *:last-child::after,
.queue-labeled .title > *:last-child::after,
.queue .title > *:last-child::after,
.banner .title > *:last-child::after {
display: none;
}
.listitem {
position: relative;
overflow: hidden;
height: 360px;
background: rgba(0, 0, 0, 0);
}
.listitem .img {
display: block;
width: 100%;
max-width: 540px;
min-width: 320px;
float: left;
margin-right: 40px;
background: no-repeat center/cover;
}
.listitem .img::before {
padding-top: 66%;
content: " ";
display: block;
}
.listitem .img .listitem-overlay {
position: absolute;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.listitem .img .listitem-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: transparent;
}
.listitem .txtcontainer {
overflow: hidden;
padding: 40px 0;
}
.listitem .txtcontainer h3 {
color: #333;
font-size: 26px;
font-weight: 700;
line-height: 1.3;
overflow: hidden;
margin-bottom: 20px;
max-height: none;
}
.listitem .txtcontainer h3 a {
color: inherit;
text-decoration: none;
}
.listitem .txtcontainer p {
margin-bottom: 35px;
max-height: 135px;
overflow: hidden;
}
.listitem .txtcontainer .button {
display: block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.listitem {
height: auto;
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
.listitem .img {
margin: 0 auto;
float: none;
}
a:nth-child(even) .listitem .img {
float: none;
}
}
@media (min-width: 0) {
.list {
clear: both;
position: relative;
overflow: hidden;
margin: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.list {
margin-top: 20px;
}
}
@media (min-width: 0) {
.list > *:nth-child(even) .img {
float: right;
margin-left: 29px;
margin-right: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.list > *:nth-child(even) .img {
float: none;
margin: 0 auto;
}
}
@media (min-width: 0) {
.list .listitem {
margin-top: 40px;
}
}
@media (min-width: 0) and (max-width: 1px) {
.list .listitem {
margin-top: 20px;
}
}
@media (min-width: 0) {
.left .listitem .txtcontainer h3,
.right .listitem .txtcontainer h3 {
color: inherit;
}
.left a:hover .listitem,
.left a:focus .listitem,
.right a:hover .listitem,
.right a:focus .listitem {
border: 1px solid #bbb;
}
.left a:hover .listitem .img .listitem-overlay,
.left a:focus .listitem .img .listitem-overlay,
.right a:hover .listitem .img .listitem-overlay,
.right a:focus .listitem .img .listitem-overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.left a:hover .listitem .img .listitem-overlay svg,
.left a:focus .listitem .img .listitem-overlay svg,
.right a:hover .listitem .img .listitem-overlay svg,
.right a:focus .listitem .img .listitem-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: #fff;
}
.left .list,
.right .list {
padding-top: 20px;
}
.left .list .listitem,
.right .list .listitem {
position: relative;
margin: 19px 0 0;
height: 90px;
border-radius: 4px;
border: 1px solid #e5e5e5;
overflow: hidden;
width: 460px;
float: none;
}
.left .list .listitem .img,
.right .list .listitem .img {
position: relative;
float: left;
min-width: 0;
width: 136px;
height: 90px;
display: block;
background: no-repeat center/cover;
margin-right: 29px;
margin-left: 0;
}
.left .list .listitem:nth-child(even) .img,
.right .list .listitem:nth-child(even) .img {
margin-left: 0;
float: left;
}
.left .list .listitem .txtcontainer,
.right .list .listitem .txtcontainer {
overflow: hidden;
position: relative;
padding: 20px 20px 20px 0;
height: 89px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.left .list .listitem .txtcontainer h3,
.right .list .listitem .txtcontainer h3 {
margin: 0;
overflow: hidden;
}
.left .list .listitem .txtcontainer h3 a,
.right .list .listitem .txtcontainer h3 a {
text-decoration: none;
color: inherit;
}
.left .list .listitem .txtcontainer .button,
.left .list .listitem .txtcontainer p,
.right .list .listitem .txtcontainer .button,
.right .list .listitem .txtcontainer p {
display: none;
}
}
@media (min-width: 0) and (max-width: 1080px) {
.left .list,
.right .list {
margin-left: 0;
}
.left .list .listitem,
.right .list .listitem {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.left .list .listitem,
.right .list .listitem {
width: auto;
}
.left .list .listitem .img,
.right .list .listitem .img {
margin-right: 10px;
}
.left .list .listitem .txtcontainer,
.right .list .listitem .txtcontainer {
padding-right: 10px;
}
}
@media (min-width: 0) and (max-width: 420px) {
.left .list .listitem,
.right .list .listitem {
height: 68px;
}
.left .list .listitem .img,
.right .list .listitem .img {
width: 100px;
height: 68px;
}
.left .list .listitem .txtcontainer,
.right .list .listitem .txtcontainer {
height: 68px;
padding-top: 17px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.list--xl .referral .txtcontainer,
.list--xl .listitem .txtcontainer,
#filteredContent > .referrals .referral .txtcontainer,
#filteredContent > .list .listitem .txtcontainer,
.cmscontent > .list .listitem .txtcontainer,
.inner > .list .listitem .txtcontainer,
.cmscontent > .referrals .referral .txtcontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 0) {
.list--xl .referral .listitem__subtitle,
.list--xl .listitem .listitem__subtitle,
#filteredContent > .referrals .referral .listitem__subtitle,
#filteredContent > .list .listitem .listitem__subtitle,
.cmscontent > .list .listitem .listitem__subtitle,
.inner > .list .listitem .listitem__subtitle,
.cmscontent > .referrals .referral .listitem__subtitle {
margin-bottom: 18px;
}
.listitem__subtitle {
color: #e73f29;
font-family: Oswald;
font-size: 12px;font-weight: 300;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
}
.listitem__subtitle {
display: block;
}
.highlight .buttonbar,
.highlight2 .buttonbar {
clear: both;
padding-top: 40px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.highlight .buttonbar,
.highlight2 .buttonbar {
padding-top: 0;
}
}
@media (min-width: 0) {
.highlight .highlightitem,
.highlight2 .highlightitem {
margin-top: 40px;
max-width: 100%;
}
.highlight .highlightitem .img,
.highlight2 .highlightitem .img {
width: 100%;
display: block;
margin-bottom: 20px;
background: no-repeat center/cover;
}
.highlight .highlightitem .img::before,
.highlight2 .highlightitem .img::before {
content: " ";
display: block;
padding-top: 66.6%;
}
.highlight .highlightitem h3,
.highlight2 .highlightitem h3 {
color: #333;
font-size: 26px;
font-weight: 700;
line-height: 1.3;
max-height: 73px;
overflow: hidden;
margin-bottom: 20px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.highlight .highlightitem h3,
.highlight2 .highlightitem h3 {
max-height: initial;
}
}
@media (min-width: 0) {
.highlight .highlightitem p,
.highlight2 .highlightitem p {
margin-bottom: 35px;
overflow: hidden;
}
.highlight .left .listitem,
.highlight .right .listitem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.highlight .left .listitem .img,
.highlight .right .listitem .img {
background-image: none !important;
margin: 0;
width: 60px;
min-width: 60px;
}
.highlight .left .listitem .txtcontainer,
.highlight .right .listitem .txtcontainer {
padding: 20px 0;
padding-left: 30px;
}
.highlight .left .listitem .txtcontainer h3,
.highlight .right .listitem .txtcontainer h3 {
max-height: none;
}
.highlight .left a:hover .listitem .img .listitem-overlay,
.highlight .left a:focus .listitem .img .listitem-overlay,
.highlight .right a:hover .listitem .img .listitem-overlay,
.highlight .right a:focus .listitem .img .listitem-overlay {
background-color: transparent;
}
.highlight .left a:hover .listitem .img .listitem-overlay svg,
.highlight .left a:focus .listitem .img .listitem-overlay svg,
.highlight .right a:hover .listitem .img .listitem-overlay svg,
.highlight .right a:focus .listitem .img .listitem-overlay svg {
fill: inherit;
}
.highlight .listitem .img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.highlight .listitem .txtcontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.highlight .listitem .listitem-overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: none;
}
.highlight .listitem .listitem-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: #000;
}
.highlightitem__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: -20px;
margin-bottom: 20px;
padding: 0 10px;
height: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.highlightitem__label > * {
background: #e73f29;
display: contents;
border-radius: 4px 4px 0 0;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 30px;
padding: 0 10px;
color: #fff;
font-size: 16px;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
text-transform: uppercase;
}
.highlightitem__label > :last-child {
margin-bottom: 0;
}
.highlightitem .highlightitem__label > :last-child {
margin-bottom: 0;
}
.highlight2 .left .listitem .txtcontainer,
.highlight2 .right .listitem .txtcontainer {
padding-top: 0;
padding-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.highlight2 .left .listitem .listitem__subtitle,
.highlight2 .right .listitem .listitem__subtitle {
margin-bottom: 5px;
}
.buttonbar {
position: relative;
text-align: center;
margin-top: 40px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.buttonbar a {
text-align: left;
}
.buttonbar a + a {
margin-left: 12px;
}
.pagination {
position: relative;
margin: 40px auto 0;
max-width: 300px;
height: 60px;
line-height: 60px;
border: 1px solid #000;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.pagination a {
position: relative;
width: 60px;
float: left;
height: 100%;
text-indent: -9999em;
text-align: left;
}
.pagination a svg {
position: absolute;
top: 0;
right: 0;
height: 58px;
width: 60px;
fill: #000;
border-right: 1px dotted #000;
padding: 20px;
border-color: #000;
}
}
@media (min-width: 0) and (max-width: 600px) {
.pagination a svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.pagination a:hover,
.pagination a:focus {
background-color: #e73f29;
}
.pagination a:hover svg,
.pagination a:focus svg {
fill: #fff;
}
.pagination a.next {
float: right;
}
.pagination a.next svg {
border-right: 0;
border-left: 1px dotted #000;
}
.pagination a.next:hover,
.pagination a.next:focus {
background-color: #e73f29;
}
.pagination a.next:hover svg,
.pagination a.next:focus svg {
fill: #fff;
}
}
@media (min-width: 0) and (max-width: 600px) {
.pagination {
height: 45px;
line-height: 45px;
}
.pagination a,
.pagination a.next {
width: 45px;
background-size: auto 100%;
}
}
@media (min-width: 0) {
.thumbs .thumb .txt span {
display: block;
font-family: Oswald;
font-size: 12px;
font-weight: 300;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: uppercase;
color: #e73f29;
letter-spacing: 2px;
margin-bottom: 18px;
}
.thumbs .thumb .txt h3 {
max-height: 2.4em;
overflow: hidden;
font-size: inherit;
font-weight: inherit;
margin: 0;
line-height: inherit;
text-align: left;
}
.thumbs {
clear: both;
position: relative;
overflow: hidden;
margin-left: -30px;
margin-top: 0px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.thumbs {
min-height: 300px;
}
}
@media (min-width: 0) {
.left .thumbs,
.right .thumbs {
margin: 40px auto 0;
}
.thumbs .thumb {
position: relative;
overflow: hidden;
max-width: 300px;
width: 100%;
min-height: 350px;
margin-left: 30px;
margin-top: 40px;
float: left;
background: #fff;
border-radius: 4px;
border: 1px solid #ddd;
}
.thumbs .thumb .img {
background: transparent center/cover;
width: 300px;
height: 200px;
display: block;
position: relative;
}
.thumbs .thumb .img .thumb-overlay {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
}
.thumbs .thumb .img .thumb-overlay svg {
display: none;
background: #202e56;
width: 50px;
height: 50px;
padding: 17px 15px;
fill: #fff;
border-top-left-radius: 4px;
}
.thumbs .thumb .overlay {
position: absolute;
left: 10px;
top: 170px;
background: #e73f29;
border-radius: 4px 4px 0 0;
height: 30px;
line-height: 30px;
padding: 0 10px;
color: #fff;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 230px;
}
.thumbs .thumb .txt {
border-radius: 0 0 4px 4px;
border-top: 0;
height: 135px;
padding: 40px 20px;
color: #333;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
overflow: hidden;
}
.thumbs .thumb table {
margin: 0;
width: 100%;
border: 0;
font-size: 14px;
font-weight: 400;
}
.thumbs .thumb table tr:nth-child(odd) {
border: 0;
background-color: #eee;
}
.thumbs .thumb table td {
height: 40px;
line-height: 40px;
padding: 0 20px;
border: 0;
border-top: 1px solid #ddd;
font-weight: 600;
color: #000;
text-align: right;
}
.thumbs .thumb table td:first-child {
text-align: left;
color: #999;
font-weight: 400;
}
.thumbs a:hover .thumb,
.thumbs a:focus .thumb {
border-color: #bbb;
}
.thumbs a:hover .thumb .img .thumb-overlay,
.thumbs a:focus .thumb .img .thumb-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
.thumbs a:hover .thumb .img .thumb-overlay svg,
.thumbs a:focus .thumb .img .thumb-overlay svg {
background-color: #e73f29;
}
.thumbs a .thumb .img .thumb-overlay svg {
display: block;
}
}
@media (min-width: 0) and (max-width: 1080px) and (min-width: 1020px) {
.thumbs {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.thumbs > *:first-child .thumb,
.thumbs > *:nth-child(3n + 1) .thumb {
margin-left: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.thumbs {
margin-left: auto;
margin-right: auto;
max-width: 684px;
}
.thumbs .thumb {
margin-left: 20px;
margin-right: 20px;
display: inline-block;
float: none;
}
}
@media (min-width: 0) and (max-width: 750px) {
.thumbs {
max-width: 604px;
}
.thumbs .thumb {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 0) and (max-width: 750px) {
.thumbs {
max-width: 304px;
}
}
@media (min-width: 0) {
.left .thumbs,
.right .thumbs {
margin: 10px auto 0;
}
.left .thumbs .thumb,
.right .thumbs .thumb {
margin: 30px auto 0;
float: none;
width: 460px;
height: auto;
max-width: 100%;
}
.left .thumbs .thumb .img,
.right .thumbs .thumb .img {
width: 460px;
height: 307px;
}
.left .thumbs .thumb .overlay,
.right .thumbs .thumb .overlay {
top: 277px;
}
.left .thumbs .thumb .txt h3,
.right .thumbs .thumb .txt h3 {
font-size: 26px;
font-weight: 700;
}
}
@media (min-width: 0) and (max-width: 1080px) and (min-width: 1020px) {
.left .thumbs,
.right .thumbs {
width: auto;
}
}
@media (min-width: 0) and (max-width: 750px) {
.left .thumbs,
.right .thumbs {
max-width: initial;
}
}
@media (min-width: 0) and (max-width: 600px) {
.left .thumbs .thumb,
.right .thumbs .thumb {
width: 100%;
min-width: auto;
}
.left .thumbs .thumb .img,
.right .thumbs .thumb .img {
width: 100%;
height: auto;
}
.left .thumbs .thumb .img::before,
.right .thumbs .thumb .img::before {
content: " ";
display: block;
padding-top: 66%;
}
.left .thumbs .thumb .overlay,
.right .thumbs .thumb .overlay {
top: 0;
border-radius: 0 0 4px 4px;
}
.left .thumbs .thumb .txt,
.right .thumbs .thumb .txt {
padding: 25px 10px;
}
}
@media (min-width: 0) {
.thumbs-2-col-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 960px;
margin: 0 auto;
}
}
@media (min-width: 0) and (min-width: 750px) {
.thumbs-2-col-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0) {
.thumbs-2-col-container > * {
max-width: 300px;
min-width: 300px;
margin-top: 40px;
}
}
@media (min-width: 0) and (min-width: 750px) {
.thumbs-2-col-container > * {
max-width: 460px;
width: calc(50% - 20px);
}
}
@media (min-width: 0) {
.left .thumbs-2-col-container > * {
width: 100%;
}
}
@media (min-width: 0) and (min-width: 750px) {
.left .thumbs-2-col-container > * {
max-width: 100%;
}
}
@media (min-width: 0) {
.right .thumbs-2-col-container > * {
width: 100%;
}
}
@media (min-width: 0) and (min-width: 750px) {
.right .thumbs-2-col-container > * {
max-width: 100%;
}
}
@media (min-width: 0) {
.card.is-2-col-thumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 4px;
border: 1px solid #ddd;
}
.card.is-2-col-thumb .card__media {
width: 100%;
position: relative;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card.is-2-col-thumb .card__media:before {
display: block;
content: "";
width: 100%;
padding-top: 66.66667%;
}
.card.is-2-col-thumb .card__media .card__media-image {
background: transparent center/cover;
height: 100%;
width: 100%;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.card.is-2-col-thumb .card__media .card__media-overlay {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.card.is-2-col-thumb .card__media .card__media-overlay svg {
background: #202e56;
width: 50px;
height: 50px;
padding: 17px 15px;
display: none;
fill: #fff;
border-top-left-radius: 4px;
}
a .card.is-2-col-thumb .card__media .card__media-overlay svg {
display: block;
}
a:hover .card.is-2-col-thumb .card__media-overlay,
a:focus .card.is-2-col-thumb .card__media-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
a:hover .card.is-2-col-thumb .card__media-overlay svg,
a:focus .card.is-2-col-thumb .card__media-overlay svg {
background-color: #e73f29;
}
.card.is-2-col-thumb .card__subtitle {
color: #e73f29;
text-transform: uppercase;
font-family: Oswald;
margin-bottom: 5px;
font-size: 12px;
letter-spacing: 1px;
}
.card.is-2-col-thumb .card__label {
left: 21px;
position: absolute;
top: -30px;
max-width: calc(100% - 80px);
}
.card.is-2-col-thumb .card__label > * {
background: #e73f29;
display: contents;
border-radius: 4px 4px 0 0;
display: inline-block;
line-height: 30px;
padding: 0 10px;
color: #fff;
font-size: 16px;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
text-transform: uppercase;
}
.card.is-2-col-thumb .card__label > :last-child {
margin-bottom: 0;
}
.card.is-2-col-thumb .card__header {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 30px;
padding-top: 16px;
border-radius: 0 0 4px 4px;
background: rgba(0, 0, 0, 0);
color: inherit;
}
.card.is-2-col-thumb .card__header h3 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
overflow: hidden;
margin-bottom: 16px;
}
a:hover .card.is-2-col-thumb,
a:focus .card.is-2-col-thumb {
border-color: #bbb;
}
a:hover .card.is-2-col-thumb .card__header,
a:focus .card.is-2-col-thumb .card__header {
background: rgba(0, 0, 0, 0);
}
.card.is-2-col-thumb .card__header .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.card.is-2-col-thumb .card__header .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.card.is-2-col-thumb .card__header .row > :first-child {
max-width: 280px;
}
.card.is-2-col-thumb .card__header .row > :last-child {
margin-left: auto;
text-align: right;
}
}
@media (min-width: 0) {
.referral {
position: relative;
overflow: hidden;
height: 360px;
}
.referral .img {
display: block;
width: 100%;
max-width: 540px;
min-width: 320px;
float: left;
margin-right: 40px;
background: no-repeat center/cover;
}
.referral .img::before {
padding-top: 66%;
content: " ";
display: block;
}
.referral .img .referral-overlay {
position: absolute;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.referral .img .referral-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: transparent;
}
.referral .txtcontainer {
padding: 40px 0;
}
.referral .txtcontainer h3 {
color: #333;
font-size: 26px;
font-weight: 700;
line-height: 1.3;
overflow: hidden;
margin-bottom: 20px;
}
.referral .txtcontainer h3 a {
color: inherit;
text-decoration: none;
}
.referral .txtcontainer p {
margin-bottom: 35px;
max-height: 128px;
overflow: hidden;
}
.referral .txtcontainer .button {
display: block;
}
.referral a {
display: block;
}
a:hover .referral .txtcontainer .button,
a:focus .referral .txtcontainer .button {
display: block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.referral {
height: auto;
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
.referral .img {
margin: 0 auto;
float: none;
}
a:nth-child(even) .referral .img {
float: none;
}
}
@media (min-width: 0) {
.referrals {
clear: both;
position: relative;
overflow: hidden;
margin: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.referrals {
margin-top: 20px;
}
}
@media (min-width: 0) {
.referrals > *:nth-child(even) .img {
float: right;
margin-left: 29px;
margin-right: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.referrals > *:nth-child(even) .img {
float: none;
margin: 0 auto;
}
}
@media (min-width: 0) {
.referrals .referral {
margin-top: 40px;
}
}
@media (min-width: 0) and (max-width: 1px) {
.referrals .referral {
margin-top: 20px;
}
}
@media (min-width: 0) {
.left a:hover .referral,
.left a:focus .referral,
.right a:hover .referral,
.right a:focus .referral {
border: 1px solid #bbb;
}
.left a:hover .referral .img .referral-overlay,
.left a:focus .referral .img .referral-overlay,
.right a:hover .referral .img .referral-overlay,
.right a:focus .referral .img .referral-overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.left a:hover .referral .img .referral-overlay svg,
.left a:focus .referral .img .referral-overlay svg,
.right a:hover .referral .img .referral-overlay svg,
.right a:focus .referral .img .referral-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: #fff;
}
.left .referrals,
.right .referrals {
padding-top: 20px;
}
.left .referrals .referral,
.right .referrals .referral {
position: relative;
margin: 19px 0 0;
height: 90px;
border-radius: 4px;
border: 1px solid #e5e5e5;
overflow: hidden;
width: 460px;
float: none;
}
.left .referrals .referral .img,
.right .referrals .referral .img {
position: relative;
float: left;
min-width: 0;
width: 136px;
height: 90px;
display: block;
background: no-repeat center/cover;
margin-right: 29px;
margin-left: 0;
}
.left .referrals .referral:nth-child(even) .img,
.right .referrals .referral:nth-child(even) .img {
margin-left: 0;
float: left;
}
.left .referrals .referral .txtcontainer,
.right .referrals .referral .txtcontainer {
overflow: hidden;
position: relative;
padding: 20px 20px 20px 0;
height: 89px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.left .referrals .referral .txtcontainer h3,
.right .referrals .referral .txtcontainer h3 {
margin: 0;
overflow: hidden;
max-height: none;
}
.left .referrals .referral .txtcontainer h3 a,
.right .referrals .referral .txtcontainer h3 a {
text-decoration: none;
color: inherit;
}
.left .referrals .referral .txtcontainer .button,
.left .referrals .referral .txtcontainer p,
.right .referrals .referral .txtcontainer .button,
.right .referrals .referral .txtcontainer p {
display: none;
}
}
@media (min-width: 0) and (max-width: 1080px) {
.left .referrals,
.right .referrals {
margin-left: 0;
}
.left .referrals .referral,
.right .referrals .referral {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.left .referrals .referral,
.right .referrals .referral {
width: auto;
}
.left .referrals .referral .img,
.right .referrals .referral .img {
margin-right: 10px;
}
.left .referrals .referral .txtcontainer,
.right .referrals .referral .txtcontainer {
padding-right: 10px;
}
}
@media (min-width: 0) and (max-width: 420px) {
.left .referrals .referral,
.right .referrals .referral {
height: 68px;
}
.left .referrals .referral .img,
.right .referrals .referral .img {
width: 100px;
height: 68px;
}
.left .referrals .referral .txtcontainer,
.right .referrals .referral .txtcontainer {
height: 68px;
padding-top: 17px;
}
}
@media (min-width: 0) {
.breadcrumb {
background: #e5e5e5;
border-bottom: 1px solid #bbb;
height: 50px;
position: relative;
line-height: 50px;
padding: 0 50px 0 40px;
text-align: left;
color: #706f6f;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumb div,
.breadcrumb a {
display: inline;
}
.breadcrumb a {
color: #706f6f;
padding-left: 34px;
padding-right: 20px;
line-height: 50px;
height: 50px;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
display: inline;
}
.breadcrumb a:first-child {
background: none;
padding-left: 0;
}
.breadcrumb a span {
position: relative;
display: inline;
}
.breadcrumb a svg {
vertical-align: middle;
position: absolute;
left: -40px;
height: 11px;
width: 18px;
top: 3px;
fill: #706f6f;
}
.breadcrumb a:hover span,
.breadcrumb a:focus span {
color: #e73f29;
}
.breadcrumb a.current {
color: #000;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.breadcrumb {
display: none;
}
}
@media (min-width: 0) {
.cmscontent .page-container a:not(.button),
.ckTabs.faq .tabContent .tab .content a:not(.button),
.left .ckTabs.faq .tabContent .tab .content a:not(.button),
.right .ckTabs.faq .tabContent .tab .content a:not(.button) {
color: #e73f29;
text-decoration: underline;
}
.cmscontent .page-container a:hover:not(.button),
.ckTabs.faq .tabContent .tab .content a:hover:not(.button),
.cmscontent .page-container a:focus:not(.button),
.ckTabs.faq .tabContent .tab .content a:focus:not(.button) {
color: #e73f29;
text-decoration: none;
}
.cmscontent blockquote p {
color: #fff;
font-family: Oswald;
font-size: 32px;
font-weight: 400;
line-height: 1.25;
text-transform: uppercase;
text-align: center;
}
.cmscontent h2 {
font-size: 26px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 12px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.cmscontent h2 {
font-size: 22px;
}
}
@media (min-width: 0) {
.cmscontent h3 {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 12px;
color: inherit;
}
}
@media (min-width: 0) and (max-width: 600px) {
.cmscontent h3 {
font-size: 18px;
}
}
@media (min-width: 0) {
.cmscontent {
position: relative;
overflow: hidden;
color: #333;
}
.cmscontent .page-container {
margin: 28px auto 0;
}
.cmscontent .page-container *:last-child {
margin-bottom: 0;
}
.cmscontent h1 {
font-size: 26px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 12px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.cmscontent h1 {
font-size: 22px;
}
}
@media (min-width: 0) {
.cmscontent p {
margin-bottom: 22px;
}
.cmscontent blockquote {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 35px;
padding: 40px;
background: #000;
}
.cmscontent blockquote p {
margin: 0;
padding: 0;
}
.cmscontent blockquote p:after {
content: " ";
display: block;
margin: 35px auto 0;
width: 100px;
height: 1px;
background: #e73f29;
}
.cmscontent ul {
list-style: none;
margin: 0 0 25px 15px;
padding: 0;
}
.cmscontent ul li {
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/li.png) no-repeat 0 10px;
padding-left: 20px;
}
.cmscontent ol {
margin: 0 0 25px 30px;
}
.cmscontent ol li {
padding-left: 8px;
}
.cmscontent table {
width: 100%;
margin-bottom: 32px;
border: none;
}
.cmscontent table td {
border: none;
padding: 5px 10px;
line-height: 30px;
}
.cmscontent table th {
padding: 5px 10px;
line-height: 30px;
text-align: left;
font-weight: 700;
border: none;
}
.cmscontent table[border="1"],
.cmscontent table[border="1"] td,
.cmscontent table[border="1"] th {
border: 1px solid #ddd;
}
.left {
position: relative;
max-width: 460px;
width: 100%;
float: left;
overflow: hidden;
}
.right {
position: relative;
max-width: 460px;
width: 100%;
float: right;
}
.left blockquote,
.right blockquote {
padding-left: 40px;
padding-right: 40px;
}
.left > img,
.right > img,
.cmscontent > img {
max-width: 100%;
margin-bottom: 40px;
display: block;
}
.page-container {
max-width: 860px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.left,
.right {
float: none;
margin: 0 auto;
padding-bottom: 0px;
width: 100%;
}
.cmscontent {
width: 100%;
}
.cmscontent blockquote {
padding-left: 40px;
padding-right: 40px;
}
.cmscontent blockquote p {
font-size: 26px;
}
}
@media (min-width: 0) {
.tablewrapper {
overflow-x: auto;
width: 100%;
margin-bottom: 32px;
}
.sidekick {
clear: both;
position: relative;
max-width: 960px;
margin: 40px auto 0;
}
.sidekick > img {
display: block;
max-width: 960px;
width: 100%;
margin-bottom: 1px;
}
.sidekick .sidekickcontent {
border: 1px dotted #bbb;
padding: 8px 40px;
border-radius: 2px;
}
.sidekick .sidekickcontent .page-container {
padding-bottom: 32px;
}
.sidekick .sidekickcontent blockquote {
padding-left: 100px;
padding-right: 100px;
}
.sidekick .sidekickcontent table[border="1"] {
background-color: #f2f2f2;
border: 1px solid #bbb;
}
.sidekick .sidekickcontent table[border="1"] th,
.sidekick .sidekickcontent table[border="1"] td {
border-color: #bbb;
}
.sidekick table + .sidekickcontent {
border-top: 0;
}
.sidekick > table {
margin: 0;
width: 100%;
border: 0;
font-size: 14px;
font-weight: 400;
border: 1px dotted #bbb;
}
.sidekick > table tr.titel td {
background-color: #e73f29;
color: #fff;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
}
.sidekick > table tr:nth-child(odd) {
border: 0;
background-color: #eee;
}
.sidekick > table tr:first-child td {
border-top: 0;
}
.sidekick > table td {
height: 40px;
line-height: 25px;
border: 0;
border-top: 1px solid #ddd;
font-weight: 600;
color: #000;
padding-left: 0px;
padding-right: 30px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
}
.sidekick > table td:first-child {
width: 210px;
color: #999;
font-weight: 400;
padding-left: 40px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.right .sidekick,
.left .sidekick {
width: 460px;
}
.right .sidekick > img,
.left .sidekick > img {
display: block;
width: 460px;
}
.right .sidekick .sidekickcontent,
.left .sidekick .sidekickcontent {
padding-left: 30px;
padding-right: 30px;
}
.right .sidekick table tr td:first-child,
.left .sidekick table tr td:first-child {
padding-left: 30px;
width: 200px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.right .sidekick,
.left .sidekick {
width: auto;
}
.right .sidekick > img,
.left .sidekick > img {
width: 100%;
}
.right .sidekick .sidekickcontent,
.left .sidekick .sidekickcontent {
padding-left: 10px;
padding-right: 10px;
}
.right .sidekick table tr td:first-child,
.left .sidekick table tr td:first-child {
padding-left: 10px;
width: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.sidekick .sidekickcontent {
padding-left: 20px;
padding-right: 20px;
}
.sidekick .sidekickcontent blockquote {
padding-left: 20px;
padding-right: 20px;
}
.sidekick table tr td:first-child {
padding-left: 30px;
width: 200px;
}
.sidekick .page-container {
padding: 0;
}
}
@media (min-width: 0) and (max-width: 600px) {
.sidekick .sidekickcontent {
padding-left: 10px;
padding-right: 10px;
}
.sidekick > table {
border: 0;
}
.sidekick > table tr:not(.titel) td {
display: block;
width: 100%;
padding: 10px 10px 0;
line-height: 1.5;
height: auto;
border-top: 0;
border-right: 1px dotted #bbb;
}
.sidekick > table tr:not(.titel) td + td {
padding: 0 10px 10px;
}
}
@media (min-width: 0) {
.sidekick-homepage .sidekickcontent .title h2 {
font-family: Oswald;
font-size: 32px;
font-weight: 400;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 2px;
color: #e73f29;
}
}
@media (min-width: 0) and (max-width: 420px) {
.sidekick-homepage .sidekickcontent .title h2 {
font-size: 22px;
}
}
@media (min-width: 0) {
.sidekick-homepage {
clear: both;
position: relative;
max-width: 960px;
margin-top: 40px;
}
.sidekick-homepage > img {
display: block;
width: 100%;
max-width: 960px;
}
.sidekick-homepage .sidekickcontent {
position: relative;
max-width: 800px;
background: #fff;
margin: -260px auto 0;
border: 1px solid #bbb;
padding: 8px 40px 0;
border-radius: 2px;
text-align: center;
}
.sidekick-homepage .sidekickcontent .title h3 {
overflow: hidden;
margin-bottom: 24px;
}
.sidekick-homepage .sidekickcontent p {
margin-bottom: 40px;
}
.sidekick-homepage .sidekickcontent a:not(.button) {
color: #e73f29;
text-decoration: underline;
}
.sidekick-homepage .sidekickcontent a:not(.button):hover,
.sidekick-homepage .sidekickcontent a:not(.button):focus {
text-decoration: none;
}
}
@media (min-width: 0) and (max-width: 840px) {
.sidekick-homepage > img {
display: block;
width: 100%;
}
.sidekick-homepage .sidekickcontent {
margin: 0;
width: auto;
height: auto;
border-radius: 0;
padding-left: 20px;
padding-right: 20px;
}
.sidekick-homepage .page-container {
padding: 0;
}
}
@media (min-width: 0) {
.sidekick.two-col > h3 {
display: block;
background-color: #e73f29;
color: #fff;
font-weight: 600;
font-size: 20px;
padding-left: 40px;
line-height: 40px;
margin: 0;
}
.sidekick.two-col .twocol {
border: 1px dotted #bbb;
border-bottom: 0;
overflow: hidden;
}
.sidekick.two-col .row {
position: relative;
width: 50%;
float: left;
display: block;
font-size: 14px;
line-height: 40px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
overflow: hidden;
margin-top: -1px;
}
.sidekick.two-col .row:last-child {
border-bottom: 0;
}
.sidekick.two-col .row:nth-child(1),
.sidekick.two-col .row:nth-child(2) {
border-top: 0;
}
.sidekick.two-col .row.full:nth-child(4n-2),
.sidekick.two-col .row:nth-child(4n-1),
.sidekick.two-col .row:nth-child(4n) {
background: #eee;
}
.sidekick.two-col .row.full:nth-child(4n-2) + .full,
.sidekick.two-col .row:nth-child(4n-1) + .full,
.sidekick.two-col .row:nth-child(4n) + .full {
background: #fff;
}
.sidekick.two-col .row.full {
width: 100%;
}
.sidekick.two-col .row.full span:first-child {
width: 25%;
}
.sidekick.two-col .row.full span + span {
width: 75%;
white-space: normal;
}
.sidekick.two-col .row.full:nth-child(even) {
background: #eee;
}
.sidekick.two-col .row span {
display: block;
float: left;
width: 50%;
color: #000;
font-weight: bold;
white-space: nowrap;
padding-right: 10px;
}
.sidekick.two-col .row span:first-child {
color: #999;
font-weight: 400;
padding-left: 40px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.sidekick.two-col .row {
width: 100%;
background: #fff !important;
}
.sidekick.two-col .row:nth-child(even) {
background: #eee !important;
}
.sidekick.two-col .row.full span:first-child {
width: 50%;
}
.sidekick.two-col .row.full span + span {
width: 50%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.sidekick.two-col h3 {
padding-left: 10px;
}
.sidekick.two-col .row,
.sidekick.two-col .row.full {
line-height: 1.5;
padding: 10px 0;
}
.sidekick.two-col .row span,
.sidekick.two-col .row span:first-child,
.sidekick.two-col .row span + span,
.sidekick.two-col .row.full span,
.sidekick.two-col .row.full span:first-child,
.sidekick.two-col .row.full span + span {
width: 100%;
padding-left: 10px;
}
}
@media (min-width: 0) {
.ckTabs {
margin: 18px auto 0;
max-width: 860px;
}
.page-container .ckTabs {
margin-bottom: 30px;
}
.page-container .ckTabs .tabContent {
padding-bottom: 22px;
}
}
@media (min-width: 0) and (max-width: 1px) {
.page-container .ckTabs .tabContent {
padding-bottom: 0;
}
}
@media (min-width: 0) {
.ckTabs .tabContent {
position: relative;
background-color: #f2f2f2;
border: 1px solid #bbb;
border-radius: 2px;
padding: 29px 29px 0;
margin-top: -1px;
}
.ckTabs .tabContent .tab .content,
.ckTabs .tabContent .tab .acc-header {
display: none;
}
.ckTabs .tabContent .tab.active .content {
display: block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.ckTabs .tabContent {
padding: 0;
}
.ckTabs .tabContent .tab .acc-header {
display: block;
background: none;
padding: 0 29px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-weight: 600;
}
.ckTabs .tabContent .tab .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.ckTabs .tabContent .tab .acc-header:hover {
color: #e73f29;
}
.ckTabs .tabContent .tab .acc-header:hover svg {
fill: #e73f29;
}
.ckTabs .tabContent .tab.active .acc-header {
background-color: #ccc;
color: #000;
}
.ckTabs .tabContent .tab.active .acc-header svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
fill: #000;
}
.ckTabs .tabContent .tab .content {
background-color: #f2f2f2;
padding: 25px 30px 0;
border-bottom: 1px solid #bbb;
}
.page-container .ckTabs .tabContent .tab .content {
padding-bottom: 22px;
}
.ckTabs .tabContent .tab:last-child .content {
border-bottom: 0;
}
.ckTabs .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: 0;
}
}
@media (min-width: 0) {
.ckTabs .ckTabsInner .tabHeader {
position: relative;
z-index: 1;
}
.ckTabs .ckTabsInner .tabHeader ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 43px;
overflow: hidden;
}
.ckTabs .ckTabsInner .tabHeader ul li {
padding: 0;
background: none;
float: left;
display: inline;
}
.ckTabs .ckTabsInner .tabHeader ul li + li {
margin-left: 10px;
}
.ckTabs .ckTabsInner .tabHeader ul li span a {
display: block;
background: none;
padding: 0 20px;
border-radius: 2px 2px 0 0;
border: 1px solid #bbb;
border-bottom: 0;
height: 43px;
line-height: 43px;
color: inherit;
text-decoration: none !important;
font-size: 18px;
font-weight: 600;
max-width: 440px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #000;
}
.ckTabs .ckTabsInner .tabHeader ul li span a:hover,
.ckTabs .ckTabsInner .tabHeader ul li span a:focus {
color: #e73f29;
}
.ckTabs .ckTabsInner .tabHeader ul li.activeTab a {
color: #000;
background: #f2f2f2;}
}@media (min-width: 0) and (max-width: 1020px) {
.ckTabs .ckTabsInner .tabHeader ul {
display: none;
}
}
@media (min-width: 0) {
.left .page-container .ckTabs .tabContent .tab .content,
.right .page-container .ckTabs .tabContent .tab .content {
padding-bottom: 22px;
}
.left .ckTabs .tabContent,
.right .ckTabs .tabContent {
padding: 0;
}
.left .ckTabs .tabContent .tab .acc-header,
.right .ckTabs .tabContent .tab .acc-header {
position: relative;
display: block;
background: none;
padding: 0 29px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-weight: 600;
}
.left .ckTabs .tabContent .tab .acc-header svg,
.right .ckTabs .tabContent .tab .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.left .ckTabs .tabContent .tab .acc-header:hover,
.right .ckTabs .tabContent .tab .acc-header:hover {
color: #e73f29;
}
.left .ckTabs .tabContent .tab .acc-header:hover svg,
.right .ckTabs .tabContent .tab .acc-header:hover svg {
fill: #e73f29;
}
.left .ckTabs .tabContent .tab.active .acc-header,
.right .ckTabs .tabContent .tab.active .acc-header {
border-bottom-color: #bbb;
background: #ccc;
color: #000;
}
.left .ckTabs .tabContent .tab.active .acc-header svg,
.right .ckTabs .tabContent .tab.active .acc-header svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
fill: #000;
}
.left .ckTabs .tabContent .tab .content,
.right .ckTabs .tabContent .tab .content {
background-color: #f2f2f2;
padding: 25px 30px 0;
border-bottom: 1px solid #bbb;
}
.left .ckTabs .tabContent .tab:last-child .content,
.right .ckTabs .tabContent .tab:last-child .content {
border-bottom: 0;
}
.left .ckTabs .tabContent .tab:last-child:not(.active) .acc-header,
.right .ckTabs .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: 0;
}
.left .tabHeader ul,
.right .tabHeader ul {
display: none;
}
.cmscontent > .ckTabs.faq {
margin-top: 40px;
}
.ckTabs.faq .tabHeader ul {
display: none;
}
.ckTabs.faq .tabContent {
padding: 0;
background-color: transparent;
border: none;
}
.ckTabs.faq .tabContent .tab .acc-header {
position: relative;
display: block;
background: none;
padding: 0 29px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-weight: 600;
}
.ckTabs.faq .tabContent .tab .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.ckTabs.faq .tabContent .tab .acc-header:hover {
color: #e73f29;
}
.ckTabs.faq .tabContent .tab .acc-header:hover svg {
fill: #e73f29;
}
.ckTabs.faq .tabContent .tab.active .acc-header {
background-color: #ccc;
color: #000;
}
.ckTabs.faq .tabContent .tab.active .acc-header svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
fill: #000;
}
.ckTabs.faq .tabContent .tab .content {
background: #f2f2f2;
padding: 25px 30px 0;
border-bottom: 1px solid #bbb;
}
.ckTabs.faq .tabContent .tab:last-child .content {
border-bottom: 0;
}
.ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: 0;
}
.ckTabs.faq .tabContent .tab.active {
border: 1px solid #bbb;
background-color: #f2f2f2;
}
.ckTabs.faq .tabContent .tab.active .acc-header {
background-color: #f2f2f2;
border: none;
color: #e73f29;
}
.ckTabs.faq .tabContent .tab.active .acc-header svg {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
fill: #e73f29;
}
.ckTabs.faq .tabContent .tab.active .content {
padding-top: 10px;
border-bottom: none;
padding-bottom: 22px;
}
.ckTabs.faq .tabContent .tab.active .content > :last-child {
margin-bottom: 0;
}
.ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: inherit;
border: 1px solid #bbb;
}
.ckTabs.faq .tabContent .tab .content {
padding-left: 40px;
}
.ckTabs.faq .tabContent .tab .acc-header {
border: 1px solid #bbb;
background-color: #f2f2f2;
padding-left: 40px;
padding-right: 30px;
padding-top: 12px;
padding-bottom: 11.25px;
height: auto;
min-height: 45px;
overflow: auto;
white-space: normal;
line-height: 1.3;
}
.ckTabs.faq .tabContent .tab .acc-header > svg {
top: 0;
fill: #e73f29;
right: 0;
left: 13px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ckTabs.faq .tabContent .tab + .tab {
margin-top: 10px;
}
.cmscontent > .left .ckTabs.faq,
.cmscontent > .right .ckTabs.faq {
margin-top: 40px;
}
.left .ckTabs.faq .tabHeader ul,
.right .ckTabs.faq .tabHeader ul {
display: none;
}
.left .ckTabs.faq .tabContent,
.right .ckTabs.faq .tabContent {
padding: 0;
background-color: transparent;
border: none;
}
.left .ckTabs.faq .tabContent .tab .acc-header,
.right .ckTabs.faq .tabContent .tab .acc-header {
position: relative;
display: block;
background: none;
padding: 0 29px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 18px;
font-weight: 600;
}
.left .ckTabs.faq .tabContent .tab .acc-header svg,
.right .ckTabs.faq .tabContent .tab .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.left .ckTabs.faq .tabContent .tab .acc-header:hover,
.right .ckTabs.faq .tabContent .tab .acc-header:hover {
color: #e73f29;
}
.left .ckTabs.faq .tabContent .tab .acc-header:hover svg,
.right .ckTabs.faq .tabContent .tab .acc-header:hover svg {
fill: #e73f29;
}
.left .ckTabs.faq .tabContent .tab.active .acc-header,
.right .ckTabs.faq .tabContent .tab.active .acc-header {
background-color: #ccc;
color: #000;
}
.left .ckTabs.faq .tabContent .tab.active .acc-header svg,
.right .ckTabs.faq .tabContent .tab.active .acc-header svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
fill: #000;
}
.left .ckTabs.faq .tabContent .tab .content,
.right .ckTabs.faq .tabContent .tab .content {
background: #f2f2f2;
padding: 25px 30px 0;
border-bottom: 1px solid #bbb;
}
.left .ckTabs.faq .tabContent .tab:last-child .content,
.right .ckTabs.faq .tabContent .tab:last-child .content {
border-bottom: 0;
}
.left .ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header,
.right .ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: 0;
}
.left .ckTabs.faq .tabContent .tab.active,
.right .ckTabs.faq .tabContent .tab.active {
border: 1px solid #bbb;
background-color: #f2f2f2;
}
.left .ckTabs.faq .tabContent .tab.active .acc-header,
.right .ckTabs.faq .tabContent .tab.active .acc-header {
background-color: #f2f2f2;
border: none;
color: #e73f29;
}
.left .ckTabs.faq .tabContent .tab.active .acc-header svg,
.right .ckTabs.faq .tabContent .tab.active .acc-header svg {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
fill: #e73f29;
}
.left .ckTabs.faq .tabContent .tab.active .content,
.right .ckTabs.faq .tabContent .tab.active .content {
padding-top: 10px;
border-bottom: none;
padding-bottom: 22px;
}
.left .ckTabs.faq .tabContent .tab.active .content > :last-child,
.right .ckTabs.faq .tabContent .tab.active .content > :last-child {
margin-bottom: 0;
}
.left .ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header,
.right .ckTabs.faq .tabContent .tab:last-child:not(.active) .acc-header {
border-bottom: inherit;
border: 1px solid #bbb;
}
.left .ckTabs.faq .tabContent .tab .content,
.right .ckTabs.faq .tabContent .tab .content {
padding-left: 40px;
}
.left .ckTabs.faq .tabContent .tab .acc-header,
.right .ckTabs.faq .tabContent .tab .acc-header {
border: 1px solid #bbb;
background-color: #f2f2f2;
padding-left: 40px;
padding-right: 30px;
padding-top: 12px;
padding-bottom: 11.25px;
height: auto;
min-height: 45px;
overflow: auto;
white-space: normal;
line-height: 1.3;
}
.left .ckTabs.faq .tabContent .tab .acc-header > svg,
.right .ckTabs.faq .tabContent .tab .acc-header > svg {
top: 0;
fill: #e73f29;
right: 0;
left: 13px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.left .ckTabs.faq .tabContent .tab + .tab,
.right .ckTabs.faq .tabContent .tab + .tab {
margin-top: 10px;
}
.gallery-container {
clear: both;
position: relative;
margin: 40px auto 0;
}
.gallery {
position: relative;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
}
.gallery .slick-arrow {
background: #000;
}
.gallery a {
width: 100%;
height: 100%;
display: block;
float: left;
position: relative;
}
.gallery a span {
width: 100%;
height: 100%;
display: block;
background: center/cover;
}
.gallery a span::before {
content: " ";
display: block;
width: 100%;
padding-top: 66%;
}
.right .gallery,
.left .gallery {
position: relative;
max-width: 460px;
overflow: hidden;
}
.right .gallery a,
.left .gallery a {
margin: 0;
}
.gallery .slick-arrow svg {
fill: #fff;
}
.gallery .slick-next {
position: absolute;
bottom: 295px;
right: 0px;
display: block;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 20;
border-radius: 4px 0 0 4px;
border: 0;
text-indent: -9999em;
}
.right .gallery .slick-next,
.left .gallery .slick-next {
bottom: 128px;
}
.gallery .slick-next:hover {
background-color: #e73f29;
}
.gallery .slick-next:hover svg {
fill: #fff;
}
.gallery .slick-next::before {
display: none;
}
.gallery .slick-prev {
position: absolute;
bottom: 295px;
left: 0;
display: block;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 20;
border-radius: 0 4px 4px 0;
border: 0;
text-indent: -9999em;
}
.right .gallery .slick-prev,
.left .gallery .slick-prev {
bottom: 128px;
}
.gallery .slick-prev:hover {
background-color: #e73f29;
}
.gallery .slick-prev:hover svg {
fill: #fff;
}
.gallery .slick-prev::before {
display: none;
}
.gallery .slick-disabled {
display: none !important;
}
.slick-lightbox .slick-prev {
z-index: 20;
}
}
@media (min-width: 0) and (max-width: 1px) {
.gallery-container {
position: relative;
width: 460px;
}
.gallery,
.right .gallery,
.left .gallery {
position: relative;
width: 460px;
height: 306px;
}
.gallery a,
.right .gallery a,
.left .gallery a {
width: 460px;
height: 306px;
}
.gallery .slick-next,
.gallery .slick-prev {
bottom: 128px;
}
}
@media (min-width: 0) {
.gallery4,
.gallery4-v2,
.gallery4-v2-mobile {
position: relative;
margin: 33px auto 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
}
@media (min-width: 0) and (min-width: 513px) {
.gallery4,
.gallery4-v2,
.gallery4-v2-mobile {
width: 478px;
}
}
@media (min-width: 0) and (min-width: 773px) {
.gallery4,
.gallery4-v2,
.gallery4-v2-mobile {
width: 718px;
}
}
@media (min-width: 0) and (min-width: 1011px) {
.gallery4,
.gallery4-v2,
.gallery4-v2-mobile {
width: auto;
}
}
@media (min-width: 0) {
.gallery4 a,
.gallery4-v2 a,
.gallery4-v2-mobile a {
display: block;
position: relative;
float: left;
margin: 7px 7px 0;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
}
@media (min-width: 0) and (min-width: 513px) {
.gallery4 a,
.gallery4-v2 a,
.gallery4-v2-mobile a {
width: 225px;
height: 180px;
}
}
@media (min-width: 0) {
.gallery4 a .img,
.gallery4-v2 a .img,
.gallery4-v2-mobile a .img {
background: transparent center/cover;
display: block;
position: relative;
width: 100%;
aspect-ratio: 3 / 2;
}
@supports not (aspect-ratio: 1.5) {
.gallery4 a .img,
.gallery4-v2 a .img,
.gallery4-v2-mobile a .img {
position: relative;
padding: 0;
}
.gallery4 a .img::before,
.gallery4-v2 a .img::before,
.gallery4-v2-mobile a .img::before {
content: "";
padding-top: 66.66667%;
float: left;
}
.gallery4 a .img::after,
.gallery4-v2 a .img::after,
.gallery4-v2-mobile a .img::after {
clear: left;
content: " ";
display: table;
}
}
}
@media (min-width: 0) and (min-width: 513px) {
.gallery4 a .img,
.gallery4-v2 a .img,
.gallery4-v2-mobile a .img {
width: 225px;
height: 150px;
}
}
@media (min-width: 0) {
.gallery4 a .img .gallery-overlay,
.gallery4-v2 a .img .gallery-overlay,
.gallery4-v2-mobile a .img .gallery-overlay {
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.gallery4 a .img .gallery-overlay,
.gallery4-v2 a .img .gallery-overlay,
.gallery4-v2-mobile a .img .gallery-overlay {
background-color: rgba(0, 0, 0, 0.5);
}
}
@media (min-width: 0) {
.gallery4 a .img .gallery-overlay svg,
.gallery4-v2 a .img .gallery-overlay svg,
.gallery4-v2-mobile a .img .gallery-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: #fff;
}
.gallery4 a span,
.gallery4-v2 a span,
.gallery4-v2-mobile a span {
padding: 0 5px;
}
.gallery4 a:focus,
.gallery4-v2 a:focus,
.gallery4-v2-mobile a:focus,
.gallery4 a:hover,
.gallery4-v2 a:hover,
.gallery4-v2-mobile a:hover {
color: #e73f29;
}
.gallery4 a:focus .img .gallery-overlay,
.gallery4-v2 a:focus .img .gallery-overlay,
.gallery4-v2-mobile a:focus .img .gallery-overlay,
.gallery4 a:hover .img .gallery-overlay,
.gallery4-v2 a:hover .img .gallery-overlay,
.gallery4-v2-mobile a:hover .img .gallery-overlay {
opacity: 1;
}
}
@media (min-width: 0) and (max-width: 749px) {
.gallery4-v2 {
display: none;
}
}
@media (min-width: 0) and (min-width: 750px) {
.gallery4-v2-mobile {
display: none;
}
}
@media (min-width: 0) {
.gallery4-v2-mobile a {
height: auto;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.gallery4-v2-mobile a .img {
width: auto;
height: auto;
}
}
@media (min-width: 0) and (max-width: 750px) {
.gallery4-v2-mobile a span {
display: none;
}
}
@media (min-width: 0) {
.gallery4-v2-mobile .slick-arrow {
background: #000;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 25;
border: 0;
text-indent: -9999em;
}
.gallery4-v2-mobile .slick-arrow svg {
fill: #fff;
}
.gallery4-v2-mobile .slick-arrow:hover {
background-color: #e73f29;
}
.gallery4-v2-mobile .slick-arrow:hover svg {
fill: #fff;
}
.gallery4-v2-mobile .slick-arrow::before {
display: none;
}
.gallery4-v2-mobile .slick-arrow.slick-disabled {
display: none;
}
.gallery4-v2-mobile .slick-next {
right: 0;
border-radius: 4px 0 0 4px;
}
.gallery4-v2-mobile .slick-prev {
left: 0;
border-radius: 0 4px 4px 0;
}
.additionals-container {
clear: both;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.additionals {
position: relative;
overflow: hidden;
margin-top: 20px;
margin-left: -40px;
}
.additionals a:hover > .additional {
border: 1px solid #bbb;
}
.additionals a:hover > .additional .img .additional-overlay {
opacity: 1;
}
.additionals a:hover > .additional .txtcontainer h3 {
color: inherit;
}
.additionals .additional {
position: relative;
margin: 19px 0 0;
height: 90px;
border-radius: 4px;
border: 1px solid #e5e5e5;
overflow: hidden;
width: 100%;
max-width: 460px;
float: left;
margin-left: 40px;
}
.additionals .additional .img {
position: relative;
float: left;
width: 136px;
height: 90px;
display: block;
background: no-repeat center/cover;
margin-right: 29px;
}
.additionals .additional .img .additional-overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.additionals .additional .img .additional-overlay svg {
vertical-align: middle;
height: 18px;
width: 18px;
top: 11px;
fill: #fff;
}
.additionals .additional:nth-child(even) img {
margin-right: 0;
float: right;
}
.additionals .additional .txtcontainer {
overflow: hidden;
position: relative;
padding: 20px 20px 20px 0;
height: 89px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.additionals .additional .txtcontainer h3 {
margin: 0;
max-height: none;
overflow: hidden;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.additionals .additional .txtcontainer h3 {
max-height: initial;
}
}
@media (min-width: 0) {
.right .additionals .additional,
.left .additionals .additional {
height: auto;
width: 460px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.right .additionals .additional,
.left .additionals .additional {
width: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.additionals {
margin-left: 0;
}
.additionals .additional {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.additionals .additional {
width: auto;
}
.additionals .additional .img {
margin-right: 10px;
}
.additionals .additional .txtcontainer {
padding-right: 10px;
}
}
@media (min-width: 0) and (max-width: 420px) {
.additionals .additional {
height: 68px;
}
.additionals .additional .img {
width: 100px;
height: 68px;
}
.additionals .additional .txtcontainer {
height: 68px;
padding-top: 17px;
}
}
@media (min-width: 0) {
.downloads-container {
margin-top: 40px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
clear: both;
}
.downloads {
clear: both;
position: relative;
overflow: hidden;
margin-top: 20px;
margin-left: -40px;
}
.downloads p {
max-width: 460px;
width: 100%;
float: left;
margin: 0;
margin-left: 40px;
margin-top: 20px;
}
.downloads p a {
max-width: 460px;
display: block;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.downloads {
margin-left: 0;
}
.downloads p {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) {
.links-container {
margin-top: 40px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
clear: both;
}
.links {
clear: both;
position: relative;
overflow: hidden;
margin-top: 20px;
margin-left: -40px;
}
.links p {
width: 100%;
max-width: 460px;
float: left;
margin: 0;
margin-left: 40px;
margin-top: 20px;
}
.links p a {
max-width: 460px;
display: block;
}
}
@media (min-width: 0) and (max-width: 600px) {
.links p a {
font-size: 16px;
height: 45px;
line-height: 43px;
padding: 0 55px 0 10px;
background-position: right 16px center;
background-size: auto 100%;
}
.links p a svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.links {
margin-left: 0;
}
.links p {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) {
.horizontalForm {
color: #000;
}
.horizontalForm fieldset {
padding: 30px;
margin: 0;
}
.horizontalForm .clear {
clear: both;
}
.horizontalForm input,
.horizontalForm textarea,
.horizontalForm iframe,
.horizontalForm select {
float: left;
clear: right;
display: block;
width: 350px;
border: 1px solid #bbb;
margin: 0;
line-height: 50px;
height: 50px;
background: #fff;
padding-left: 20px;
margin-bottom: 10px;
border-radius: 4px;
}
.horizontalForm input[type="radio"],
.horizontalForm input[type="checkbox"] {
background: transparent;
}
.horizontalForm .uploadField {
overflow: hidden;
clear: both;
}
.horizontalForm .uploadField iframe {
padding: 13px;
display: block;
float: left;
width: 350px;
border: 0;
border: 1px solid #bbb;
}
.horizontalForm textarea {
height: 180px;
padding: 20px 20px;
resize: none;
line-height: 1.2;
}
.horizontalForm label,
.horizontalForm legend {
clear: left;
display: block;
float: left;
width: 159px;
padding: 15px 5px 15px 0;
line-height: 1.2;
overflow: hidden;
font-weight: 400;
}
.horizontalForm label.error,
.horizontalForm legend.error {
color: #f00;
display: block;
margin: 0;
margin-top: -10px;
padding: 0 0 10px;
float: none;
width: auto;
}
.horizontalForm input.error,
.horizontalForm textarea.error,
.horizontalForm select.error {
color: #f00;
border-color: #f00;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.horizontalForm label.error {
margin-left: 159px;
}
.left .horizontalForm label.error {
margin-left: 0;
}
.right .horizontalForm label.error {
margin-left: 0;
}
}
@media (min-width: 0) {
.horizontalForm label label.error {
margin-left: 0;
}
.horizontalForm .ui-datepicker-trigger {
position: relative;
z-index: 2;
display: block;
float: right;
margin-top: -45px;
margin-right: 25px;
cursor: pointer;
}
.horizontalForm p {
clear: both;
width: auto;
margin: 0;
padding: 0;
line-height: 30px;
padding: 0 0 10px;
}
.horizontalForm p a {
color: #e73f29;
text-decoration: underline;
}
.horizontalForm p a:hover,
.horizontalForm p a:focus {
text-decoration: none;
}
.horizontalForm label input {
height: 1em;
line-height: 1.5em;
width: auto;
margin: 1em 0.5em 0 0;
font-size: 16px;
display: inline;
}
.horizontalForm label.singleLine {
clear: both;
float: none;
min-height: 50px;
width: 100%;
padding: 0 0 0 160px;
line-height: 50px;
font-weight: 400;
}
.horizontalForm fieldset.horizontal label {
display: inline-block;
clear: none;
float: left;
padding-right: 20px;
}
.left .horizontalForm fieldset.horizontal label {
clear: left;
display: block;
float: none;
}
.right .horizontalForm fieldset.horizontal label {
clear: left;
display: block;
float: none;
}
.horizontalForm fieldset fieldset {
position: relative;
margin-bottom: 0;
border: 0;
padding: 0px 10px 10px 160px;
}
.horizontalForm fieldset fieldset legend {
font-size: inherit;
font-weight: inherit;
width: 159px;
position: absolute;
left: 0;
top: 0;
display: block;
padding-left: 0px;
padding-right: 5px;
line-height: 30px;
padding-top: 0;
}
.horizontalForm fieldset fieldset.vertical legend,
.horizontalForm fieldset fieldset.horizontal legend {
line-height: 1.5;
padding-bottom: 20px;
}
.horizontalForm fieldset fieldset label {
line-height: 30px;
width: auto;
padding: 0;
margin: 0;
display: block;
padding-right: 20px;
}
.horizontalForm fieldset fieldset input {
float: none;
margin-top: 0;
display: inline-block;
vertical-align: middle;
}
.horizontalForm fieldset fieldset input[type="radio"] {
height: 13px;
margin-left: 1px;
}
.horizontalForm fieldset fieldset input[type="checkbox"],
.horizontalForm fieldset fieldset input[type="radio"] {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.horizontalForm button {
margin: 20px 0 0;
display: block;
text-align: left;
width: 350px;
clear: both;
margin-left: 159px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.horizontalForm button svg {
width: 45px;
height: 43px;
padding: 15px;
}
}
@media (min-width: 0) {
.horizontalForm > h3 {
font-family: "Source Sans Pro", sans-serif;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: #333;
line-height: 58px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.horizontalForm > h3 {
font-size: 10px;
}
}
@media (min-width: 0) {
.horizontalForm > h3 {
width: 100%;
background: #bbb;
display: block;
margin: 0;
height: 58px;
padding-left: 30px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.horizontalForm > h3 {
padding-left: 10px;
}
}
@media (min-width: 0) {
.horizontalForm br {
display: none;
}
.horizontalForm.sidebar {
width: 460px;
margin-top: 40px;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #f2f2f2;
}
.horizontalForm.sidebar p {
width: 100%;
}
.horizontalForm.sidebar label,
.horizontalForm.sidebar legend {
width: 100%;
float: none;
padding-top: 7px;
padding-bottom: 7px;
}
.horizontalForm.sidebar fieldset fieldset label {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.horizontalForm.sidebar button,
.horizontalForm.sidebar input,
.horizontalForm.sidebar select,
.horizontalForm.sidebar textarea {
width: 100%;
float: none;
}
.horizontalForm.sidebar .uploadField iframe {
width: 100%;
}
.horizontalForm.sidebar label.singleLine,
.horizontalForm.sidebar fieldset fieldset {
padding-left: 0px;
}
.horizontalForm.sidebar fieldset fieldset legend {
position: relative;
}
.horizontalForm.sidebar label.singleLine input,
.horizontalForm.sidebar fieldset fieldset input {
width: auto;
}
.horizontalForm.sidebar h3 {
border-radius: 2px 2px 0 0;
}
.horizontalForm.sidebar button {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.horizontalForm.sidebar {
width: auto;
}
.horizontalForm.sidebar > fieldset {
padding: 30px 10px 40px;
}
.horizontalForm.sidebar label {
width: auto;
}
.horizontalForm.sidebar p,
.horizontalForm.sidebar button,
.horizontalForm.sidebar input,
.horizontalForm.sidebar select,
.horizontalForm.sidebar textarea,
.horizontalForm.sidebar iframe {
max-width: calc(100% - 10px);
}
}
@media (min-width: 0) and (max-width: 1020px) {
.horizontalForm > fieldset {
padding: 30px 25px 40px;
border: 0;
}
.horizontalForm fieldset fieldset.horizontal legend {
float: none;
}
}
@media (min-width: 0) {
input.catcher {
position: absolute;
left: -9999em;
}
.formcontainer {
width: 960px;
overflow: hidden;
margin: 40px auto 0;
border: 1px solid #bbb;
background: #fff;
border-radius: 2px;
}
.formcontainer .aside {
width: 380px;
width: calc(100% - 578px);
float: right;
padding: 0;
}
.formcontainer .aside p a:not(.button) {
color: #e73f29;
text-decoration: underline;
}
.formcontainer .aside p a:not(.button):hover,
.formcontainer .aside p a:not(.button):focus {
text-decoration: none;
}
.formcontainer .aside h4 {
width: 100%;
height: 58px;
line-height: 58px;
background: #e73f29;
color: #fff;
display: block;
margin: 0;
padding-left: 30px;
text-align: left;
letter-spacing: 1px;
}
.formcontainer .aside h4::after {
display: none;
}
}
@media (min-width: 0) and (max-width: 600px) {
.formcontainer .aside h4 {
font-size: 10px;
padding-left: 10px;
}
}
@media (min-width: 0) {
.formcontainer .aside p {
padding: 30px 30px 0;
margin: 0;
}
.formcontainer .aside .button,
.formcontainer .aside img {
display: block;
}
.formcontainer .aside .button {
margin-bottom: 10px;
position: relative;
}
.formcontainer .aside .button.button-tel {
display: inherit;
}
.formcontainer .aside ul,
.formcontainer .aside ol {
padding: 40px 40px 0;
}
.formcontainer form {
background: #fff;
float: left;
width: 578px;
border-top: 0;
}
.formcontainer form > fieldset {
background-color: #f2f2f2;
border-right: 1px solid #bbb;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.formcontainer {
width: 100%;
max-width: 960px;
margin: 40px auto 0;
}
.formcontainer .aside {
float: none;
width: 100%;
padding-bottom: 40px;
}
.formcontainer form {
width: 100%;
}
.formcontainer form > fieldset {
border: 0;
}
.formcontainer form p {
width: 100%;
}
.formcontainer form label {
padding-top: 7px;
padding-bottom: 7px;
}
.formcontainer form label,
.formcontainer form legend {
width: 100%;
float: none;
}
.formcontainer form fieldset fieldset label {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.formcontainer form button,
.formcontainer form input,
.formcontainer form select,
.formcontainer form textarea {
width: 100%;
float: none;
}
.formcontainer form .uploadField iframe {
width: 100%;
}
.formcontainer form label.singleLine,
.formcontainer form fieldset fieldset {
padding-left: 0px;
}
.formcontainer form fieldset fieldset.horizontal legend {
width: auto;
}
.formcontainer form fieldset fieldset legend {
position: relative;
}
.formcontainer form label.singleLine input,
.formcontainer form fieldset fieldset input {
width: auto;
}
.formcontainer form h3 {
border-radius: 2px 2px 0 0;
}
.formcontainer form button {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 600px) {
.formcontainer .aside p {
padding-left: 10px;
padding-right: 10px;
}
.formcontainer form {
width: 100%;
}
.formcontainer form > fieldset {
padding: 30px 10px 40px;
}
.formcontainer form label {
width: auto;
}
.formcontainer form p,
.formcontainer form button,
.formcontainer form input,
.formcontainer form select,
.formcontainer form textarea,
.formcontainer form iframe {
max-width: calc(100% - 10px);
}
}
@media (min-width: 0) {
.horizontalForm fieldset fieldset label.error,
.tabbedForm fieldset fieldset label.error {
display: block;
margin: 0;
width: 100%;
}
.left .horizontalForm fieldset fieldset label.error,
.left .tabbedForm fieldset fieldset label.error,
.right .horizontalForm fieldset fieldset label.error,
.right .tabbedForm fieldset fieldset label.error {
display: block;
margin: 0;
width: 100%;
}
.form-received {
clear: both;
position: relative;
max-width: 960px;
margin: 40px auto 0;
}
.form-received > img {
display: block;
max-width: 960px;
width: 100%;
margin-bottom: 1px;
}
.form-received .form-receivedcontent {
border: 1px dotted #bbb;
padding: 8px 40px;
border-radius: 2px;
}
.form-received .form-receivedcontent .page-container {
padding-bottom: 32px;
}
.form-received .form-receivedcontent blockquote {
padding-left: 100px;
padding-right: 100px;
}
.form-received .form-receivedcontent table[border="1"] {
background-color: #f2f2f2;
border: 1px solid #bbb;
}
.form-received .form-receivedcontent table[border="1"] th,
.form-received .form-receivedcontent table[border="1"] td {
border-color: #bbb;
}
.form-received table + .form-received {
border-top: 0;
}
.form-received > table {
margin: 0;
width: 100%;
border: 0;
font-size: 14px;
font-weight: 400;
border: 1px dotted #bbb;
}
.form-received > table tr.titel td {
background-color: #e73f29;
color: #fff;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
}
.form-received > table tr:nth-child(odd) {
border: 0;
background-color: #eee;
}
.form-received > table tr:first-child td {
border-top: 0;
}
.form-received > table td {
height: 40px;
line-height: 25px;
border: 0;
border-top: 1px solid #ddd;
font-weight: 600;
color: #000;
padding-left: 0px;
padding-right: 30px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
}
.form-received > table td:first-child {
width: 210px;
color: #999;
font-weight: 400;
padding-left: 40px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
}
.right .form-received,
.left .form-received {
width: 460px;
}
.right .form-received > img,
.left .form-received > img {
display: block;
width: 460px;
}
.right .form-received .form-receivedcontent,
.left .form-received .form-receivedcontent {
padding-left: 30px;
padding-right: 30px;
}
.right .form-received table tr td:first-child,
.left .form-received table tr td:first-child {
padding-left: 30px;
width: 200px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.right .form-received,
.left .form-received {
width: auto;
}
.right .form-received > img,
.left .form-received > img {
width: 100%;
}
.right .form-received .form-receivedcontent,
.left .form-received .form-receivedcontent {
padding-left: 10px;
padding-right: 10px;
}
.right .form-received table tr td:first-child,
.left .form-received table tr td:first-child {
padding-left: 10px;
width: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.form-received .form-receivedcontent {
padding-left: 20px;
padding-right: 20px;
}
.form-received .form-receivedcontent blockquote {
padding-left: 20px;
padding-right: 20px;
}
.form-received table tr td:first-child {
padding-left: 30px;
width: 200px;
}
.form-received .page-container {
padding: 0;
}
}
@media (min-width: 0) and (max-width: 600px) {
.form-received .form-receivedcontent {
padding-left: 10px;
padding-right: 10px;
}
.form-received > table {
border: 0;
}
.form-received > table tr:not(.titel) td {
display: block;
width: 100%;
padding: 10px 10px 0;
line-height: 1.5;
height: auto;
border-top: 0;
border-right: 1px dotted #bbb;
}
.form-received > table tr:not(.titel) td + td {
padding: 0 10px 10px;
}
}
@media (min-width: 0) {
.opening-hours {
margin-left: -10px;
}
.tablewrapper .opening-hours {
width: auto;
}
.tablewrapper .opening-hours th {
font-weight: normal;
}
.opening-hours__current-day {
color: #e73f29;
}
table.opening-hours th {
font-weight: normal;
}
.filter {
font-size: 16px;
margin-top: 30px;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) and (min-width: 750px) {
.filter {
max-width: 640px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter {
max-width: 960px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 0) {
.filter > * {
margin-top: 10px;
font-size: 16px;
width: 100%;
max-width: 460px;
}
}
@media (min-width: 0) and (min-width: 750px) {
.filter > * {
max-width: calc(50% - 20px);
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter > * {
max-width: calc(25% - 15px);
margin-left: 20px;
}
}
@media (min-width: 0) {
.filter > :nth-child(1),
.filter > :nth-child(2),
.filter > :nth-child(6),
.filter > :nth-child(10) {
margin-left: 0;
}
.filter .multiselect > button,
.filter select {
outline: 1px inset transparent;
outline-offset: -1px;
border-radius: 0;
background: #fff;
height: 50px;
line-height: 50px;
color: #333;
font-size: 16px;
border: 1px solid #ddd;
font-weight: 400;
padding-left: 28px;
cursor: pointer;
margin-bottom: 0;
}
.filter .multiselect > button:hover,
.filter .multiselect > button:focus,
.filter .multiselect > button:active,
.filter select:hover,
.filter select:focus,
.filter select:active {
color: #e73f29;
}
.filter .multiselect > button option,
.filter select option {
color: #e73f29;
background: #fff;
}
.filter select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-top: 0;
padding-right: 10px;
background: no-repeat url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/icon-dropdown.svg) right center;
background-position: calc(100% - 10px) center;
background-size: 8px;
}
.filter .multiselect {
position: relative;
}
}
@media (min-width: 0) and (max-width: 1019.99px) {
.filter .multiselect {
width: 100%;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter .multiselect.columns-2 .multiselect-options {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
width: 440px;
max-height: initial;
}
.filter .multiselect.columns-3 .multiselect-options {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
width: 660px;
max-height: initial;
}
.filter .multiselect.columns-4 .multiselect-options {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
width: 660px;
max-height: initial;
}
}
@media (min-width: 0) {
.filter .multiselect > button {
text-align: left;
border-radius: 0;
position: relative;
margin-top: 0;
width: inherit;
}
.filter .multiselect > button::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: no-repeat url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/icon-dropdown.svg) center/contain;
position: absolute;
right: 10px;
top: calc(50% - 4px);
}
.filter .multiselect > button svg {
border-left: 1px solid #706f6f;
fill: #706f6f;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.filter .multiselect > button {
margin: 0;
width: 100%;
}
}
@media (min-width: 0) {
.filter .multiselect .multiselect-options {
padding: 19px;
margin-top: -1px;
border: 1px solid #ddd;
position: absolute;
min-width: 100%;
z-index: 10;
background: #fff;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
visibility: hidden;
opacity: 0;
pointer-events: none;
max-height: 300px;
}
}
@media (min-width: 0) and (max-width: 1019.99px) {
.filter .multiselect .multiselect-options {
width: 100%;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter .multiselect .multiselect-options {
overflow-y: auto;
}
}
@media (min-width: 0) {
.filter .multiselect .multiselect-options label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 30px;
min-width: 100px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
font-size: 16px;
}
.filter .multiselect .multiselect-options label + label {
margin-top: 5px;
}
.filter .multiselect .multiselect-options label:hover span,
.filter .multiselect .multiselect-options label:focus span {
color: #e73f29;
}
.filter .multiselect .multiselect-options label span {
width: calc(100% - 20px);
display: inline-block;
line-height: 1.2em;
}
.filter .multiselect .multiselect-options label input {
-webkit-transform: translateY(5px);
transform: translateY(5px);
-ms-flex-item-align: start;
align-self: flex-start;
display: inline-block;
margin-right: 10px;
}
.filter .multiselect .multiselect-options label.option-disabled span {
color: #bbb;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.filter .multiselect.is-active {
z-index: 101;
}
.filter .multiselect.is-active > button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.filter .multiselect.is-active .multiselect-options {
opacity: 1;
pointer-events: all;
visibility: visible;
position: fixed;
max-height: 80vh;
overflow: auto;
top: 20%;
left: 0;
right: 0;
bottom: 80px;
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 20px);
width: 420px;
min-width: initial;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter .multiselect .multiselect-selected {
display: inline;
}
.filter .multiselect:hover > button,
.filter .multiselect:active > button,
.filter .multiselect:focus > button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.filter .multiselect:hover > button .multiselect-selected,
.filter .multiselect:active > button .multiselect-selected,
.filter .multiselect:focus > button .multiselect-selected {
display: none;
}
.filter .multiselect:hover .multiselect-options,
.filter .multiselect:active .multiselect-options,
.filter .multiselect:focus .multiselect-options {
opacity: 1;
pointer-events: all;
visibility: visible;
min-height: 300px;
}
}
@media (min-width: 0) {
.filter .search {
border: 1px solid #cfd1d5;
width: 100%;
height: 50px;
overflow: hidden;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter .search input {
height: 50px;
padding-left: 28px;
width: 100%;
max-width: calc(100% - 50px);
border: 0;
font-size: 16px;
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.filter .search input::-webkit-input-placeholder {
color: #bbb;
}
.filter .search input::-moz-placeholder {
color: #bbb;
}
.filter .search input::-ms-input-placeholder {
color: #bbb;
}
.filter .search input::placeholder {
color: #bbb;
}
.filter .search button {
margin: 0;
text-align: center;
background: #fff;
width: 50px;
min-width: 50px;
height: 50px;
border: 0;
border-left: 1px solid #cfd1d5;
display: inline-block;
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
.filter .search button svg {
fill: #333;
}
.filter .search button:hover svg,
.filter .search button:focus svg,
.filter .search button:active svg {
fill: #e73f29;
}
.filter .filter__actions {
width: 100%;
border: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.filter .reset {
margin: 0;
vertical-align: top;
text-align: center;
background: #fff;
border: none;
font-size: 16px;
height: 50px;
padding: 0;
}
.filter .reset svg {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
fill: #333;
}
.filter .reset:hover,
.filter .reset:focus,
.filter .reset:active {
color: #e73f29;
}
.filter .reset:hover svg,
.filter .reset:focus svg,
.filter .reset:active svg {
fill: #e73f29;
}
.filter .button.button-search {
background-color: #e73f29;
border-color: #e73f29;
color: #fff;
width: 100%;
padding-right: 10px;
padding-left: 10px;
border-radius: 0;
margin-top: 10px;
height: 50px;
line-height: 1;
font-size: 16px;
text-transform: none;
}
.filter .button.button-search svg {
display: none;
}
.filter .button.button-search:hover,
.filter .button.button-search:focus {
background-color: #000;
border-color: #000;
color: #fff;
}
}
@media (min-width: 0) and (min-width: 750px) {
.filter .button.button-search {
width: calc(50% - 20px);
}
}
@media (min-width: 0) and (min-width: 1020px) {
.filter .button.button-search {
max-width: calc(25% - 15px);
}
}
@media (min-width: 0) {
.multiselect-overlay {
left: 0;
top: 0;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
z-index: 100;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.multiselect-overlay {
opacity: 1;
}
}
@media (min-width: 0) {
.tabbedformcontainer {
overflow: hidden;
max-width: 960px;
margin: 0 auto;
}
.tabbedForm {
position: relative;
margin-top: 84px;
font-size: 18px;
}
.tabbedForm:target .tablist {
top: auto;
-webkit-transform: translateY(calc(-1 * 100% + 1px));
transform: translateY(calc(-1 * 100% + 1px));
}
.tabbedForm .line {
clear: both;
}
.tabbedForm .tablist {
list-style: none;
padding: 0px;
margin: 0px;
height: 45px;
overflow: hidden;
top: -44px;
left: 0px;
position: absolute;
z-index: 2;
}
.tabbedForm .tablist li {
float: left;
display: block;
padding: 0 20px;
height: 45px;
line-height: 45px;
color: #333;
border: 1px solid #bbb;
border-bottom: 0;
border-radius: 2px 2px 0 0;
background: none;
max-width: 440px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.tabbedForm .tablist li + li {
margin-left: 10px;
}
.tabbedForm .tablist li:hover,
.tabbedForm .tablist li:focus {
color: #e73f29;
cursor: pointer;
}
.tabbedForm .tablist li.active {
color: #333;
background: #f2f2f2;
}
.tabbedForm .acc-header {
display: none;
}
.tabbedForm fieldset {
padding: 30px 30px 20px;
background: #f2f2f2;
border: 1px solid #bbb;
border-radius: 0 2px 0 0;
border-bottom: 0;
}
.tabbedForm fieldset h3 {
padding: 0;
color: #333;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
background: none;
text-transform: none;
font-family: "Source Sans Pro", sans-serif;
letter-spacing: 0;
height: auto;
margin-bottom: 15px;
}
.tabbedForm fieldset label {
width: 320px;
margin-bottom: 10px;
}
.tabbedForm fieldset label[for="hidden"] {
display: none;
}
.tabbedForm fieldset label.singleLine {
padding-left: 320px;
}
.tabbedForm fieldset label.singleLine input {
width: auto;
}
.tabbedForm fieldset label.singleLine label.error {
display: block;
margin: 0;
margin-top: -10px;
}
.tabbedForm fieldset label.error {
width: auto;
padding: 0;
margin: -10px 0 10px 320px;
}
.tabbedForm fieldset input[type="checkbox"],
.tabbedForm fieldset input[type="radio"] {
border: 0;
}
.tabbedForm fieldset fieldset input[type="checkbox"],
.tabbedForm fieldset fieldset input[type="radio"] {
margin-top: 0 !important;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.tabbedForm fieldset fieldset input[type="radio"] {
height: 13px;
margin-left: 1px;
}
.tabbedForm fieldset .uploadField {
clear: left;
}
.tabbedForm fieldset input,
.tabbedForm fieldset select,
.tabbedForm fieldset textarea,
.tabbedForm fieldset .uploadField iframe {
width: 562px;
margin-bottom: 10px;
position: relative;
}
.tabbedForm fieldset .text-item {
display: block;
float: left;
width: 460px;
clear: none;
}
.tabbedForm fieldset .uploadField {
clear: both;
}
.tabbedForm fieldset fieldset {
padding: 0 0 10px 320px;
}
.tabbedForm fieldset fieldset legend {
width: 320px;
}
.tabbedForm fieldset fieldset input {
width: auto;
}
.tabbedForm fieldset fieldset label {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.tabbedForm fieldset fieldset label.error {
margin: 0;
}
.tabbedForm .buttons {
clear: both;
overflow: hidden;
padding: 0 30px 40px;
background: #f2f2f2;
border: 1px solid #bbb;
border-radius: 0 0 2px 2px;
border-top: 0;
}
.tabbedForm .buttons button {
display: inline-block;
width: 340px;
float: right;
clear: none;
margin: 0;
}
.tabbedForm .buttons button.prev {
float: left;
padding-left: 90px;
padding-right: 30px;
}
.tabbedForm .buttons button.prev svg {
right: auto;
left: 0;
border-right-width: 1px;
border-right-style: dotted;
border-left: 0;
}
.tabbedForm .buttons button.prev:hover svg,
.tabbedForm .buttons button.prev:focus svg {
border-right: 1px dotted #fff;
}
}
@media (min-width: 0) and (max-width: 600px) {
.tabbedForm .buttons button svg {
width: 40px;
height: 43px;
padding: 15px 10px;
border: 0;
}
}
@media (min-width: 0) {
.left .tabbedForm .overviewList {
padding-bottom: 25px;
}
.right .tabbedForm .overviewList {
padding-bottom: 25px;
}
.tabbedForm .overviewList .row {
padding-top: 5px;
padding-bottom: 5px;
line-height: 30px;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.tabbedForm .overviewList .row .name {
float: left;
width: 300px;
}
.tabbedForm .overviewList .row .value {
float: right;
width: 570px;
}
.tabbedForm .overviewList .row .value br {
display: block;
}
}
@media (min-width: 0) and (max-width: 600px) {
.tabbedForm > fieldset {
padding-left: 10px !important;
padding-right: 10px !important;
}
.tabbedForm > fieldset label {
width: auto;
}
.tabbedForm > fieldset iframe {
max-width: 100%;
}
}
@media (min-width: 0) {
.left .tabbedForm,
.right .tabbedForm {
margin-top: 40px;
border-radius: 2px;
border: 1px solid #bbb;
}
.left .tabbedForm fieldset,
.right .tabbedForm fieldset {
background-color: #f2f2f2;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.left .tabbedForm fieldset label,
.right .tabbedForm fieldset label {
padding-bottom: 0;
margin-bottom: 7px;
padding-top: 7px;
}
.left .tabbedForm fieldset > input,
.left .tabbedForm fieldset select,
.left .tabbedForm fieldset textarea,
.right .tabbedForm fieldset > input,
.right .tabbedForm fieldset select,
.right .tabbedForm fieldset textarea {
width: 100%;
}
.left .tabbedForm fieldset .dateField input,
.left .tabbedForm fieldset .uploadField,
.left .tabbedForm fieldset .uploadField iframe,
.right .tabbedForm fieldset .dateField input,
.right .tabbedForm fieldset .uploadField,
.right .tabbedForm fieldset .uploadField iframe {
width: 100%;
}
.left .tabbedForm fieldset label.singleLine,
.right .tabbedForm fieldset label.singleLine {
padding-left: 0;
height: auto;
line-height: 1.5;
}
.left .tabbedForm fieldset label.singleLine input,
.right .tabbedForm fieldset label.singleLine input {
vertical-align: top;
margin-top: 5px;
}
.left .tabbedForm fieldset label.singleLine label.error,
.right .tabbedForm fieldset label.singleLine label.error {
margin: 0;
float: none;
}
.left .tabbedForm fieldset label.error,
.right .tabbedForm fieldset label.error {
margin-left: 0;
padding-top: 0;
margin-bottom: 10px;
}
.left .tabbedForm fieldset fieldset,
.right .tabbedForm fieldset fieldset {
padding-left: 0;
}
.left .tabbedForm fieldset fieldset legend,
.right .tabbedForm fieldset fieldset legend {
position: relative;
top: auto;
left: auto;
width: auto;
}
.left .tabbedForm fieldset fieldset label,
.right .tabbedForm fieldset fieldset label {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
float: none;
}
.left .tabbedForm fieldset fieldset label input,
.right .tabbedForm fieldset fieldset label input {
margin-top: 0 !important;
}
.left .tabbedForm fieldset fieldset label.error,
.right .tabbedForm fieldset fieldset label.error {
top: auto;
}
.left .tabbedForm .buttons,
.right .tabbedForm .buttons {
background: transparent;
padding: 0 40px 25px;
border: 0;
margin-top: 0px;
}
.left .tabbedForm .buttons .button,
.right .tabbedForm .buttons .button {
display: block;
margin-right: 0;
margin-left: 0;
float: none;
width: auto;
margin-top: 10px;
padding-left: 8px;
padding-right: 70px;
float: right;
}
.left .tabbedForm .buttons .button.prev,
.right .tabbedForm .buttons .button.prev {
float: left;
padding-right: 8px;
padding-left: 70px;
}
.left .tabbedForm .tablist,
.right .tabbedForm .tablist {
display: none;
}
.left .tabbedForm > fieldset,
.right .tabbedForm > fieldset {
border: 0;
border-bottom: 1px solid #bbb;
padding-bottom: 80px;
padding-left: 25px;
padding-right: 25px;
}
.left .tabbedForm > fieldset .text-item,
.right .tabbedForm > fieldset .text-item {
float: none;
width: auto;
}
.left .tabbedForm .buttons,
.right .tabbedForm .buttons {
width: 100%;
position: absolute;
padding-right: 25px;
padding-left: 25px;
}
.left .tabbedForm .ui-datepicker-trigger,
.right .tabbedForm .ui-datepicker-trigger {
right: 20px;
top: -42px;
}
.left .tabbedForm .acc-header,
.right .tabbedForm .acc-header {
display: block;
padding: 0 40px 0 25px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.left .tabbedForm .acc-header svg,
.right .tabbedForm .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.left .tabbedForm .acc-header:hover,
.right .tabbedForm .acc-header:hover {
color: #e73f29;
}
.left .tabbedForm .acc-header:hover svg,
.right .tabbedForm .acc-header:hover svg {
fill: #e73f29;
}
.left .tabbedForm .acc-header.active,
.right .tabbedForm .acc-header.active {
border-bottom-color: #bbb;
background: #ccc;
color: #000;
}
.left .tabbedForm .acc-header.active svg,
.right .tabbedForm .acc-header.active svg {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
fill: #000;
}
.left .tabbedForm .overviewList .row .name,
.right .tabbedForm .overviewList .row .name {
width: 110px;
}
.left .tabbedForm .overviewList .row .value,
.right .tabbedForm .overviewList .row .value {
width: 240px;
}
.left .tabbedForm .overviewList .row .value br,
.right .tabbedForm .overviewList .row .value br {
display: block;
}
}
@media (min-width: 0) and (max-width: 600px) {
.left .tabbedForm > fieldset,
.right .tabbedForm > fieldset {
padding-left: 10px;
padding-right: 10px;
}
.left .tabbedForm > fieldset label,
.right .tabbedForm > fieldset label {
width: auto;
}
.left .tabbedForm > fieldset iframe,
.right .tabbedForm > fieldset iframe {
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.tabbedForm {
margin-top: 40px;
border-radius: 2px;
border: 1px solid #bbb;
}
.tabbedForm fieldset {
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.tabbedForm fieldset label {
padding-bottom: 0;
padding-top: 7px;
margin-bottom: 7px;
}
.tabbedForm fieldset > input,
.tabbedForm fieldset select,
.tabbedForm fieldset textarea,
.tabbedForm fieldset .uploadField iframe {
width: 100%;
}
.tabbedForm fieldset label.singleLine {
padding-left: 0;
height: auto;
line-height: 1.5;
}
.tabbedForm fieldset label.singleLine input {
vertical-align: top;
margin-top: 5px;
}
.tabbedForm fieldset label.error {
margin-left: 0;
}
.tabbedForm fieldset fieldset {
padding-left: 0;
}
.tabbedForm fieldset fieldset legend {
position: relative;
top: auto;
left: auto;
width: auto;
}
.tabbedForm fieldset fieldset label.error {
top: auto;
}
.tabbedForm .buttons {
background: transparent;
padding: 0 40px 25px;
border: 0;
margin-top: 120px;
}
.tabbedForm .buttons .button {
display: block;
margin-right: 0;
margin-left: 0;
float: none;
width: auto;
margin-top: 10px;
padding-left: 8px;
padding-right: 70px;
float: right;
}
.tabbedForm .buttons .button.prev {
float: left;
padding-right: 8px;
padding-left: 70px;
}
.tabbedForm .tablist {
display: none;
}
.tabbedForm > fieldset {
border: 0;
border-bottom: 1px solid #bbb;
padding-bottom: 110px;
padding-left: 25px;
padding-right: 25px;
}
.tabbedForm > fieldset .text-item {
float: none;
width: auto;
}
.tabbedForm .buttons {
width: 100%;
position: absolute;
padding-right: 25px;
padding-left: 25px;
}
.tabbedForm fieldset .ui-datepicker-trigger {
right: 20px;
top: -42px;
}
.tabbedForm .acc-header {
display: block;
background: none;
padding: 0 40px 0 25px;
border-bottom: 1px solid #bbb;
height: 45px;
line-height: 45px;
color: inherit;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.tabbedForm .acc-header svg {
position: absolute;
height: 45px;
right: 16px;
width: 16px;
fill: #706f6f;
}
.tabbedForm .acc-header:hover {
color: #e73f29;
}
.tabbedForm .acc-header:hover svg {
fill: #e73f29;
}
.tabbedForm .overviewList .row .name {
width: 250px;
}
.tabbedForm .overviewList .row .value {
width: 240px;
}
.tabbedForm .overviewList .row .value br {
display: block;
}
}
@media (min-width: 0) and (max-width: 600px) {
.right .tabbedForm .buttons,
.left .tabbedForm .buttons,
.tabbedForm .buttons {
padding-left: 10px;
padding-right: 10px;
}
.right .tabbedForm .buttons .button.next,
.right .tabbedForm .buttons .button.prev,
.left .tabbedForm .buttons .button.next,
.left .tabbedForm .buttons .button.prev,
.tabbedForm .buttons .button.next,
.tabbedForm .buttons .button.prev {
font-size: 0;
padding: 0;
width: 42px;
}
.right .tabbedForm .buttons .button.next.prev,
.right .tabbedForm .buttons .button.prev.prev,
.left .tabbedForm .buttons .button.next.prev,
.left .tabbedForm .buttons .button.prev.prev,
.tabbedForm .buttons .button.next.prev,
.tabbedForm .buttons .button.prev.prev {
background-position: 16px center;
}
.left .tabbedForm .overviewList .row .name,
.right .tabbedForm .overviewList .row .name,
.tabbedForm .overviewList .row .name {
width: auto;
float: none;
font-weight: bold;
}
.left .tabbedForm .overviewList .row .value,
.right .tabbedForm .overviewList .row .value,
.tabbedForm .overviewList .row .value {
width: auto;
float: none;
}
}
@media (min-width: 0) {
.tabbedForm .dateField,
.dateField {
position: relative;
overflow: hidden;
display: block;
clear: both;
max-width: 100%;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.tabbedForm .dateField input,
.dateField input {
width: 100%;
}
}
@media (min-width: 0) {
.tabbedForm .dateField .ui-datepicker-trigger,
.dateField .ui-datepicker-trigger {
position: absolute;
float: right;
right: 25px;
top: 16px;
margin: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.tabbedForm .dateField .ui-datepicker-trigger,
.dateField .ui-datepicker-trigger {
top: 52px;
right: 20px;
}
}
@media (min-width: 0) {
.left .tabbedForm .dateField .ui-datepicker-trigger,
.left .dateField .ui-datepicker-trigger {
top: 52px;
right: 10px;
}
.right .tabbedForm .dateField .ui-datepicker-trigger,
.right .dateField .ui-datepicker-trigger {
top: 52px;
right: 10px;
}
.logobar-static {
margin-top: 40px;
border-top: 1px solid #e5e5e5;
text-align: center;
}
.logobar-static .title h2:after,
.logobar-static .title h3:after,
.logobar-static .title h4:after {
height: 0;
margin-top: 20px;
}
.logobar-static .logos__img-wrap,
.logobar-static a {
display: inline-block;
margin: 0 8px;
}
.logobar-static .logos a,
.logobar-static .logos img {
vertical-align: middle;
}
.logobar-static .logos > img {
margin: 0 8px;
}
[data-logoslider] .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchresults {
padding-top: 40px;
}
.searchresults a + a {
display: block;
margin-top: 40px;
}
.searchresult {
overflow: hidden;
}
a:hover .searchresult h3,
a:focus .searchresult h3 {
text-decoration: none;
}
a:hover .searchresult span,
a:focus .searchresult span {
text-decoration: none;
}
.searchresult .img {
width: 100px;
height: 100px;
float: left;
margin-right: 20px;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.searchresult .img {
display: none;
}
}
@media (min-width: 0) {
.searchresult .txt {
display: block;
overflow: hidden;
}
.searchresult .txt h3 {
margin-bottom: 10px;
line-height: 1.2em;
color: #e73f29;
display: block;
}
.searchresult .txt h3:hover,
.searchresult .txt h3:focus {
text-decoration: underline;
}
}
@media (min-width: 0) and (min-width: 1021px) {
.searchresult .txt h3 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
@media (min-width: 0) {
.searchresult .txt p {
display: block;
line-height: 1.25;
height: auto;
margin: 0 0 5px;
}
}
@media (min-width: 0) and (min-width: 1021px) {
.searchresult .txt p {
height: 2.5em;
overflow: hidden;
}
}
@media (min-width: 0) {
.searchresult .txt span {
overflow: hidden;
line-height: 1.3;
color: #e73f29;
text-decoration: none;
display: none;
white-space: nowrap;
text-overflow: ellipsis;
}
.searchresult .txt span:hover,
.searchresult .txt span:focus {
text-decoration: none;
}
.videowrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 20px;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.propertybox {
position: relative;
margin-top: 40px;
padding: 10px 10px 20px;
border: 1px solid #bbb;
background: #f2f2f2;
}
.propertybox .imgblock {
position: relative;
overflow: hidden;
width: 100%;
}
.propertybox .imgblock .img {
position: relative;
width: 100%;
background: #fff;
border: 1px solid #bbb;
max-width: 250px;
}
.propertybox .imgblock .img img {
width: 100%;
height: auto;
}
.propertybox .imgblock .img .overlay {
font-size: 0;
position: absolute;
left: 0;
top: 0;
width: 85px;
height: 85px;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/propoverlay.png) no-repeat 100%;
}
.propertybox .imgblock .logo {
background: #fff;
border: 1px solid #bbb;
margin-top: 20px;
float: left;
}
.propertybox .specblock {
margin-top: 20px;
}
.propertybox .techspecs {
position: relative;
padding: 20px 20px 10px;
border: 1px solid #bbb;
}
.propertybox .techspecs h3 {
line-height: 1;
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
}
.propertybox .techspecs table {
margin: 10px 0 0;
font-size: 18px;
border: 0;
width: 100%;
table-layout: fixed;
}
.propertybox .techspecs table th {
text-align: left;
padding: 0;
width: 50;
}
.propertybox .techspecs table td {
border: 0;
padding: 0;
}
.propertybox .techspecs .imageholder {
cursor: pointer;
}
.propertybox .techspecs .imageholder .small img {
margin-right: 2px;
}
.propertybox .techspecs .imageholder .popover {
display: none;
}
.propertybox .techspecs .imageholder.active .popover {
position: absolute;
display: block;
top: 0;
right: 0;
max-width: 100%;
}
.propertybox .stock {
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
}
.propertybox .stock img {
vertical-align: middle;
}
.propertybox table.propertytable {
margin: 10px 0 0;
font-size: 18px;
border: 0;
width: 100%;
table-layout: fixed;
}
.propertybox table.propertytable th {
text-align: left;
padding: 0;
width: 50;
}
.propertybox table.propertytable td {
border: 0;
padding: 0;
}
.propertybox .description {
clear: both;
margin-top: 20px;
font-size: 18px;
line-heigth: 1;
overflow: hidden;
}
.propertybox .description a:not(.button) {
text-decoration: underline;
}
.propertybox .description a:not(.button):hover,
.propertybox .description a:not(.button):focus {
text-decoration: none;
}
.propertybox .description .btnbar {
clear: both;
}
.propertybox .description .button {
width: 100%;
display: block;
margin-top: 20px;
}
.propertybox .description .button.prev {
padding: 0 10px 0 55px;
background: rgba(255, 255, 255, 0.25);
}
.propertybox .description .button.prev svg {
right: auto;
left: 0;
border-left: 0;
border-right: 1px dotted #000;
}
.propertybox .description .button.prev:hover,
.propertybox .description .button.prev:focus {
background-color: #e73f29;
}
.propertybox .description .button.prev:hover svg,
.propertybox .description .button.prev:focus svg {
border-color: #fff;
}
}
@media screen and (min-width: 0) and (min-width: 600px) {
.propertybox {
padding: 40px;
}
.propertybox .stock {
margin-bottom: 40px;
}
.propertybox .imgblock {
width: 200px;
float: left;
margin-bottom: 20px;
margin-right: 40px;
}
.propertybox .specblock {
margin-top: 0;
width: 250px;
float: right;
}
.propertybox .propertytable {
max-width: 320px;
}
.propertybox .description .button {
width: auto;
clear: both;
display: block;
float: left;
}
}
@media screen and (min-width: 0) and (min-width: 1024px) {
.propertybox table.propertytable {
margin-top: 0;
}
.propertybox .description .descleft {
float: left;
width: 70%;
}
.propertybox .description .descright {
text-align: right;
clear: both;
width: 300px;
float: right;
}
.propertybox .description p {
margin: 0;
}
.propertybox .description .button {
clear: none;
}
.propertybox .description .button.prev {
padding: 0 30px 0 90px;
}
.propertybox .description .button:first-child {
float: right;
}
}
@media (min-width: 0) {
.propertyfilter {
font-size: 16px;
position: relative;
margin-top: 40px;
padding: 10px;
border: 1px solid #bbb;
background: #f2f2f2;
color: #333;
}
.propertyfilter h3 {
font-size: 18px;
color: #000;
margin-bottom: 10px;
}
.propertyfilter .clear {
float: right;
padding: 0;
border: 0;
background: none;
font-size: 16px;
color: #000;
margin: 0;
height: 30px;
line-height: 34px;
}
.propertyfilter .clear:hover,
.propertyfilter .clear:focus {
text-decoration: underline;
}
.propertyfilter .clear svg {
margin-left: 7px;
}
.propertyfilter button[type="submit"] {
background: #e73f29;
color: #fff;
font-weight: bold;
font-size: 16px;
width: 120px;
margin: 0;
line-height: 40px;
height: 40px;
border: 0;
display: inline-block;
}
.propertyfilter input {
font-size: 14px;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 10px;
border: 1px solid #bbb;
margin-bottom: 0;
}
.propertyfilter select {
font-size: 16px;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 10px;
border: 1px solid #bbb;
margin: 0;
background: #fff;
margin-bottom: 10px;
display: block;
width: 100%;
color: #333;
}
.propertyfilter .free {
display: block;
float: left;
margin-bottom: 20px;
max-width: 355px;
}
.propertyfilter .free button {
float: right;
}
.propertyfilter .free input {
width: 150px;
width: calc(100% - 130px);
}
.propertyfilter .selects {
display: block;
float: left;
width: 100%;
max-width: 500px;
}
.propertyfilter .selects button {
display: block;
width: 100%;
}
.propertyfilter .immediatefilters {
clear: both;
line-height: 40px;
padding-top: 20px;
}
.propertyfilter .immediatefilters .sliderui {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.propertyfilter .immediatefilters .sliderui #slider-range {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 4px;
background: #ccc;
border: 0;
border-radius: 0;
}
.propertyfilter .immediatefilters .sliderui #slider-range .ui-slider-range {
background: #e73f29;
}
.propertyfilter .immediatefilters .sliderui #slider-range .ui-slider-handle {
background: #e73f29;
border-radius: 100%;
border: 1px solid #f2f2f2;
width: 14px;
height: 14px;
}
.propertyfilter .immediatefilters .sliderui .min,
.propertyfilter .immediatefilters .sliderui .max {
padding: 0 20px;
}
.propertyfilter .immediatefilters .checkbox {
line-height: 40px;
height: 40px;
margin-bottom: 20px;
}
.propertyfilter .immediatefilters .checkbox label {
line-height: 40px;
height: 40px;
}
.propertyfilter .immediatefilters .checkbox input {
background: #fff;
border: 1px solid #bbb;
width: 20px;
height: 20px;
margin-left: 20px;
margin-right: 0;
vertical-align: middle;
}
}
@media (min-width: 0) and (min-width: 600px) {
.propertyfilter {
padding: 10px 40px;
}
.propertyfilter .free input {
font-size: 16px;
}
.propertyfilter .selects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.propertyfilter .selects button[type="submit"] {
margin-left: 10px;
}
.propertyfilter .selects * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.propertyfilter .selects * + * {
margin-left: 10px;
}
.propertyfilter .slider label {
float: left;
width: auto;
line-height: 40px;
}
.propertyfilter .sliderui {
width: 280px;
}
.propertyfilter .immediateselects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.propertyfilter .immediateselects select {
width: calc(50% - 20px);
}
}
@media (min-width: 0) and (min-width: 958px) {
.propertyfilter .free {
margin-bottom: 0;
}
.propertyfilter .selects {
float: right;
}
.propertyfilter .slider {
float: left;
}
.propertyfilter .slider .sliderui {
margin-bottom: 0;
}
.propertyfilter .immediatefilters {
padding-top: 0;
}
.propertyfilter .immediatefilters .checkbox {
vertical-align: bottom;
float: right;
margin-bottom: 0;
}
.propertyfilter .immediateselects {
clear: both;
}
.propertyfilter .immediateselects select {
width: calc(25% - 20px);
}
}
@media (min-width: 0) {
.propertyitem {
display: block;
position: relative;
margin-top: 20px;
border: 1px solid #bbb;
padding: 10px 10px 20px;
color: #333;
}
.propertyitem:hover {
z-index: 3;
background: #f1f1f1;
}
.propertyitem:hover .button {
background-color: rgba(255, 255, 255, 0.25);
border-color: #000;
color: #000;
}
.propertyitem:hover .button svg {
border-color: #000;
fill: #000;
}
.propertyitem .img {
float: right;
position: relative;
width: 120px;
background: #fff;
border: 1px solid #bbb;
}
.propertyitem .img img {
width: 100%;
height: auto;
}
.propertyitem .img .overlay {
font-size: 0;
position: absolute;
left: 0;
top: 0;
width: 85px;
height: 85px;
background: url(/site/C067D6D5117A5FFCC125755F0036AACE/$File/propoverlay.png) no-repeat 100%;
}
.propertyitem .specblock {
position: relative;
width: calc(100% - 130px);
}
.propertyitem .specblock table {
margin: 10px 0 0;
font-size: 18px;
line-height: 1.5;
border: 0;
width: 100%;
max-width: 250px;
table-layout: fixed;
}
.propertyitem .specblock table th {
text-align: left;
padding: 0;
}
.propertyitem .specblock table td {
border: 0;
padding: 0;
}
.propertyitem .specblock .imageholder {
margin-top: 10px;
cursor: pointer;
}
.propertyitem .specblock .imageholder .popover {
display: none;
}
.propertyitem .specblock .imageholder.active .popover {
z-index: 10;
position: absolute;
display: block;
top: 0;
left: 0;
max-width: 100%;
}
.propertyitem .description {
line-height: 1.5;
font-size: 18px;
}
.propertyitem .description h3 {
line-height: 1.25;
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
}
.propertyitem .stock {
margin-top: 10px;
margin-bottom: 0;
font-size: 15px;
}
.propertyitem .stock img {
vertical-align: middle;
}
.propertyitem .priceblock {
margin-top: 20px;
}
.propertyitem .priceblock .price {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.propertyitem .priceblock .button {
display: block;
}
.propertyitem .clearer {
clear: both;
}
}
@media (min-width: 0) and (min-width: 600px) {
.propertyitem {
padding: 20px;
}
.propertyitem .img {
float: left;
width: 160px;
margin-right: 40px;
}
.propertyitem .specblock {
clear: left;
float: left;
width: calc(100% - 250px);
}
.propertyitem .description {
float: left;
width: calc(100% - 200px);
}
.propertyitem .priceblock {
float: right;
width: 225px;
}
.propertyitem .priceblock p {
text-align: right;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.propertyitem .specblock {
float: left;
width: 25%;
}
.propertyitem .specblock {
padding-top: 34px;
width: 17%;
clear: none;
}
.propertyitem .description {
float: left;
width: 33%;
}
.propertyitem .priceblock {
margin: 0;
}
.propertyitem .priceblock .price {
margin-bottom: 75px;
}
}
@media (min-width: 0) {
.properties {
margin: 0;
}
}
@media (min-width: 0) and (min-width: 960px) {
.properties.columns-2 {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
}
@media (min-width: 0) {
.properties--thumb {
padding: 0 20px;
margin: 0;
margin-bottom: 15px;
}
.properties__item {
font-size: 14px;
-webkit-column-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
display: inline;
min-width: 100%;
}
.properties__item dt,
.properties__item dd {
font-size: inherit;
line-height: 25px;
-webkit-column-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
.properties__item dt:empty,
.properties__item dd:empty {
display: none;
}
.properties__item dt p,
.properties__item dd p {
display: inline;
}
.properties__item dt > *:last-child,
.properties__item dd > *:last-child {
margin-bottom: 0;
}
.properties__item dt {
margin-right: 5px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.properties__item dd {
margin: 0;
}
.properties__item svg {
width: 16px;
height: 16px;
min-width: 16px;
margin-right: 5px;
fill: #e73f29;
}
.properties__item dt {
float: left;
}
.properties__item--multiline {
display: inline-block;
}
.properties__item--multiline dt {
float: left;
}
.property-highlight--thumb {
background: #e73f29;
color: #fff;
text-align: center;
padding: 4px 0;
height: 40px;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.property-highlight--xl > p small:first-child {
color: #bbb;
display: block;
font-size: 16px;
line-height: 24px;
padding-bottom: 5px;
}
.property-highlight--xl > p small:last-child {
color: #e73f29;
font-size: 12px;
}
.property-highlight--xl > p > span {
font-size: 26px;
color: #e73f29;
line-height: 25px;
}
.cmscontent .property-highlight p,
.property-highlight p {
margin: 0;
}
.property-highlight small,
.property-highlight strong,
.property-highlight > span {
line-height: 25px;
}
.property-highlight > p small:first-child {
margin-right: 5px;
}
.property-highlight > p small:last-child {
margin-left: 5px;
}
.property-highlight small {
font-size: 14px;
}
.property-highlight > span strong {
font-size: 20px;
}
.properties-container__header {
background: #e73f29;
color: #fff;
margin-left: -1px;
margin-right: -1px;
}
.properties-container__header > h3,
.cmscontent .properties-container__header > h3 {
font-weight: 600;
font-size: 20px;
line-height: 40px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
}
@media (min-width: 0) and (min-width: 600px) {
.properties-container__header > h3,
.cmscontent .properties-container__header > h3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 0) and (min-width: 600px) {
.left .properties-container__header > h3,
.left .cmscontent .properties-container__header > h3,
.right .properties-container__header > h3,
.right .cmscontent .properties-container__header > h3 {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 0) {
.properties-container {
border-left: 1px dotted #bbb;
border-right: 1px dotted #bbb;
}
.properties-container + * {
border-top: none !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.left .properties-container .properties,
.right .properties-container .properties {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
.properties-container--standalone {
border-bottom: 1px dotted #bbb;
padding-bottom: 20px;
}
.properties-container__content {
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
}
@media (min-width: 0) and (min-width: 600px) {
.properties-container__content {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 0) and (min-width: 600px) {
.left .properties-container__content,
.right .properties-container__content {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 0) {
.properties-container__content .properties__item {
font-size: 15px;
}
.properties-container__content > * {
margin-top: 20px;
}
.cookie-message {
background: rgba(0, 0, 0, 0.65);
z-index: 999;
position: fixed;
width: 100%;
bottom: 0;
color: #fff;
padding: 10px;
text-align: center;
}
.cookie-message a {
text-decoration: underline;
}
.cookie-message a:hover,
.cookie-message a:focus {
text-decoration: none;
}
.cookie-message a.cookiebar-close {
text-decoration: none;
border: 1px solid #fff;
padding: 0 10px;
cursor: pointer;
margin-left: 10px;
}
.cookie-message p {
font-size: 12px;
margin: 0 auto;
font-weight: bold;
}
.prefooter .footerleft .rating span {
line-height: 1;
}
.rating {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fafafa;
padding-top: 22px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
border-radius: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-container .rating {
margin-bottom: 22px;
}
.rating--loading {
min-height: 97px;
}
.rating--inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.rating__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating__header + .rating__body {
margin-top: 6px;
}
.rating__logo {
width: 85px;
height: 27px;
}
.rating__title {
width: 52px;
height: 18px;
translate: 0 2px;
}
.rating__total {
font-family: Arial, sans-serif;
color: #000;
font-weight: 700;
font-size: 20px;
}
.rating__stars {
line-height: 1;
display: inline-block;
translate: 0 -2px;
}
.rating__stars svg {
width: 106px;
height: 20px;
}
.rating__action {
line-height: 1;
}
.rating__review-count {
font-family: Roboto, sans-serif;
color: #1a0dab;
font-weight: 500;
font-size: 13px;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
}
a.rating__link {
line-height: 1.2;
font-size: 12px;
font-weight: 900;
font-family: Roboto, sans-serif;
-webkit-font-smoothing: antialiased;
color: #fff !important;
background-color: #1a73e8;
text-align: center;
padding: 9px 17px;
border-radius: 999px;
text-decoration: none !important;
text-transform: uppercase;
display: inline-block;
line-height: 1;
}
a.rating__link:hover,
a.rating__link:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
text-decoration: none;
}
.rating__star {
fill: #000;
}
.rating--loaded .rating__star {
fill: #7a7f84;
}
.rating__current--full ~ .rating__star {
fill: #f7b70a;
}
.rating__current--half ~ .rating__star {
fill: #f7b70a;
}
.rating__current--half + .rating__star {
fill: url(#rating__half-star-fill);
}
.rating__stars linearGradient stop:not([stop-color]) {
stop-color: #7a7f84;
}
.rating--error {
display: none;
}
}
@media print and (min-width: 0) {
.scrollheader {
display: none;
}
}
@media (min-width: 0) {
.licht-accent,
.tabbedForm .buttons button,
.formcontainer .aside .button.button-tel,
.downloads p a,
.listitem .txtcontainer .button,
.referral .txtcontainer .button,
.buttonbar .allitems,
.links p a {
border-color: #202e56;
background: rgba(255, 255, 255, 0.25);
}
.licht-accent svg,
.tabbedForm .buttons button svg,
.formcontainer .aside .button.button-tel svg,
.downloads p a svg,
.listitem .txtcontainer .button svg,
.referral .txtcontainer .button svg,
.buttonbar .allitems svg,
.links p a svg {
fill: #e73f29;
border-color: #202e56;
}
.licht-accent.hover,
.tabbedForm .buttons button.hover,
.formcontainer .aside .hover.button.button-tel,
.downloads p a.hover,
.listitem .txtcontainer .hover.button,
.referral .txtcontainer .hover.button,
.buttonbar .hover.allitems,
.links p a.hover,
.licht-accent:hover,
.tabbedForm .buttons button:hover,
.formcontainer .aside .button.button-tel:hover,
.downloads p a:hover,
.listitem .txtcontainer .button:hover,
.referral .txtcontainer .button:hover,
.buttonbar .allitems:hover,
.links p a:hover,
.licht-accent:focus,
.tabbedForm .buttons button:focus,
.formcontainer .aside .button.button-tel:focus,
.downloads p a:focus,
.listitem .txtcontainer .button:focus,
.referral .txtcontainer .button:focus,
.buttonbar .allitems:focus,
.links p a:focus,
a:hover .licht-accent,
a:hover .tabbedForm .buttons button,
.tabbedForm .buttons a:hover button,
a:hover .formcontainer .aside .button.button-tel,
.formcontainer .aside a:hover .button.button-tel,
a:hover .downloads p a,
.downloads p a:hover a,
a:hover .listitem .txtcontainer .button,
.listitem .txtcontainer a:hover .button,
a:hover .referral .txtcontainer .button,
.referral .txtcontainer a:hover .button,
a:hover .buttonbar .allitems,
.buttonbar a:hover .allitems,
a:hover .links p a,
.links p a:hover a,
a:focus .licht-accent,
a:focus .tabbedForm .buttons button,
.tabbedForm .buttons a:focus button,
a:focus .formcontainer .aside .button.button-tel,
.formcontainer .aside a:focus .button.button-tel,
a:focus .downloads p a,
.downloads p a:focus a,
a:focus .listitem .txtcontainer .button,
.listitem .txtcontainer a:focus .button,
a:focus .referral .txtcontainer .button,
.referral .txtcontainer a:focus .button,
a:focus .buttonbar .allitems,
.buttonbar a:focus .allitems,
a:focus .links p a,
.links p a:focus a,
a.hover .licht-accent,
a.hover .tabbedForm .buttons button,
.tabbedForm .buttons a.hover button,
a.hover .formcontainer .aside .button.button-tel,
.formcontainer .aside a.hover .button.button-tel,
a.hover .downloads p a,
.downloads p a.hover a,
a.hover .listitem .txtcontainer .button,
.listitem .txtcontainer a.hover .button,
a.hover .referral .txtcontainer .button,
.referral .txtcontainer a.hover .button,
a.hover .buttonbar .allitems,
.buttonbar a.hover .allitems,
a.hover .links p a,
.links p a.hover a,
.clickable:hover .licht-accent,
.clickable:hover .tabbedForm .buttons button,
.tabbedForm .buttons .clickable:hover button,
.clickable:hover .formcontainer .aside .button.button-tel,
.formcontainer .aside .clickable:hover .button.button-tel,
.clickable:hover .downloads p a,
.downloads p .clickable:hover a,
.clickable:hover .listitem .txtcontainer .button,
.listitem .txtcontainer .clickable:hover .button,
.clickable:hover .referral .txtcontainer .button,
.referral .txtcontainer .clickable:hover .button,
.clickable:hover .buttonbar .allitems,
.buttonbar .clickable:hover .allitems,
.clickable:hover .links p a,
.links p .clickable:hover a {
background: #e73f29;
border-color: #e73f29;
color: #fff;
}
.licht-accent.hover svg,
.tabbedForm .buttons button.hover svg,
.formcontainer .aside .hover.button.button-tel svg,
.downloads p a.hover svg,
.listitem .txtcontainer .hover.button svg,
.referral .txtcontainer .hover.button svg,
.buttonbar .hover.allitems svg,
.links p a.hover svg,
.licht-accent:hover svg,
.tabbedForm .buttons button:hover svg,
.formcontainer .aside .button.button-tel:hover svg,
.downloads p a:hover svg,
.listitem .txtcontainer .button:hover svg,
.referral .txtcontainer .button:hover svg,
.buttonbar .allitems:hover svg,
.links p a:hover svg,
.licht-accent:focus svg,
.tabbedForm .buttons button:focus svg,
.formcontainer .aside .button.button-tel:focus svg,
.downloads p a:focus svg,
.listitem .txtcontainer .button:focus svg,
.referral .txtcontainer .button:focus svg,
.buttonbar .allitems:focus svg,
.links p a:focus svg,
a:hover .licht-accent svg,
a:hover .tabbedForm .buttons button svg,
.tabbedForm .buttons a:hover button svg,
a:hover .formcontainer .aside .button.button-tel svg,
.formcontainer .aside a:hover .button.button-tel svg,
a:hover .downloads p a svg,
.downloads p a:hover a svg,
a:hover .listitem .txtcontainer .button svg,
.listitem .txtcontainer a:hover .button svg,
a:hover .referral .txtcontainer .button svg,
.referral .txtcontainer a:hover .button svg,
a:hover .buttonbar .allitems svg,
.buttonbar a:hover .allitems svg,
a:hover .links p a svg,
.links p a:hover a svg,
a:focus .licht-accent svg,
a:focus .tabbedForm .buttons button svg,
.tabbedForm .buttons a:focus button svg,
a:focus .formcontainer .aside .button.button-tel svg,
.formcontainer .aside a:focus .button.button-tel svg,
a:focus .downloads p a svg,
.downloads p a:focus a svg,
a:focus .listitem .txtcontainer .button svg,
.listitem .txtcontainer a:focus .button svg,
a:focus .referral .txtcontainer .button svg,
.referral .txtcontainer a:focus .button svg,
a:focus .buttonbar .allitems svg,
.buttonbar a:focus .allitems svg,
a:focus .links p a svg,
.links p a:focus a svg,
a.hover .licht-accent svg,
a.hover .tabbedForm .buttons button svg,
.tabbedForm .buttons a.hover button svg,
a.hover .formcontainer .aside .button.button-tel svg,
.formcontainer .aside a.hover .button.button-tel svg,
a.hover .downloads p a svg,
.downloads p a.hover a svg,
a.hover .listitem .txtcontainer .button svg,
.listitem .txtcontainer a.hover .button svg,
a.hover .referral .txtcontainer .button svg,
.referral .txtcontainer a.hover .button svg,
a.hover .buttonbar .allitems svg,
.buttonbar a.hover .allitems svg,
a.hover .links p a svg,
.links p a.hover a svg,
.clickable:hover .licht-accent svg,
.clickable:hover .tabbedForm .buttons button svg,
.tabbedForm .buttons .clickable:hover button svg,
.clickable:hover .formcontainer .aside .button.button-tel svg,
.formcontainer .aside .clickable:hover .button.button-tel svg,
.clickable:hover .downloads p a svg,
.downloads p .clickable:hover a svg,
.clickable:hover .listitem .txtcontainer .button svg,
.listitem .txtcontainer .clickable:hover .button svg,
.clickable:hover .referral .txtcontainer .button svg,
.referral .txtcontainer .clickable:hover .button svg,
.clickable:hover .buttonbar .allitems svg,
.buttonbar .clickable:hover .allitems svg,
.clickable:hover .links p a svg,
.links p .clickable:hover a svg {
fill: #fff;
border-color: #fff;
}
.highlightitem:hover .button,
.accent-licht {
background: #e73f29;
border-color: #e73f29;
color: #fff;
}
.highlightitem:hover .button svg,
.accent-licht svg {
fill: #fff;
border-color: #fff;
}
.highlightitem:hover .button.hover,
.highlightitem:hover .button:hover,
.highlightitem:hover .button:focus,
a:hover .highlightitem:hover .button,
a:focus .highlightitem:hover .button,
a.hover .highlightitem:hover .button,
.clickable:hover .highlightitem:hover .button,
.accent-licht.hover,
.accent-licht:hover,
.accent-licht:focus,
a:hover .accent-licht,
a:focus .accent-licht,
a.hover .accent-licht,
.clickable:hover .accent-licht {
border-color: #202e56;
background: rgba(255, 255, 255, 0.25);
color: #202e56;
}
.highlightitem:hover .button.hover svg,
.highlightitem:hover .button:hover svg,
.highlightitem:hover .button:focus svg,
a:hover .highlightitem:hover .button svg,
a:focus .highlightitem:hover .button svg,
a.hover .highlightitem:hover .button svg,
.clickable:hover .highlightitem:hover .button svg,
.accent-licht.hover svg,
.accent-licht:hover svg,
.accent-licht:focus svg,
a:hover .accent-licht svg,
a:focus .accent-licht svg,
a.hover .accent-licht svg,
.clickable:hover .accent-licht svg {
fill: #e73f29;
border-color: #202e56;
}
.tabbedForm .buttons button,
.tabbedForm .buttons button.prev,
.referral .txtcontainer .button,
.listitem .txtcontainer .button,
.buttonbar .allitems,
.accent-donker,
.horizontalForm button,
.tabbedformlink {
background: #e73f29;
border-color: #e73f29;
color: #fff;
}
.tabbedForm .buttons button svg,
.tabbedForm .buttons button.prev svg,
.referral .txtcontainer .button svg,
.listitem .txtcontainer .button svg,
.buttonbar .allitems svg,
.accent-donker svg,
.horizontalForm button svg,
.tabbedformlink svg {
fill: #fff;
border-color: #fff;
}
.tabbedForm .buttons button.hover,
.tabbedForm .buttons button:hover,
.tabbedForm .buttons button:focus,
a:hover .tabbedForm .buttons button,
a:focus .tabbedForm .buttons button,
a.hover .tabbedForm .buttons button,
.clickable:hover .tabbedForm .buttons button,
.tabbedForm .buttons button.prev.hover,
.tabbedForm .buttons button.prev:hover,
.tabbedForm .buttons button.prev:focus,
a:hover .tabbedForm .buttons button.prev,
a:focus .tabbedForm .buttons button.prev,
a.hover .tabbedForm .buttons button.prev,
.clickable:hover .tabbedForm .buttons button.prev,
.referral .txtcontainer .button.hover,
.referral .txtcontainer .button:hover,
.referral .txtcontainer .button:focus,
a:hover .referral .txtcontainer .button,
a:focus .referral .txtcontainer .button,
a.hover .referral .txtcontainer .button,
.clickable:hover .referral .txtcontainer .button,
.listitem .txtcontainer .button.hover,
.listitem .txtcontainer .button:hover,
.listitem .txtcontainer .button:focus,
a:hover .listitem .txtcontainer .button,
a:focus .listitem .txtcontainer .button,
a.hover .listitem .txtcontainer .button,
.clickable:hover .listitem .txtcontainer .button,
.buttonbar .allitems.hover,
.buttonbar .allitems:hover,
.buttonbar .allitems:focus,
a:hover .buttonbar .allitems,
a:focus .buttonbar .allitems,
a.hover .buttonbar .allitems,
.clickable:hover .buttonbar .allitems,
.accent-donker.hover,
.horizontalForm button.hover,
.hover.tabbedformlink,
.accent-donker:hover,
.horizontalForm button:hover,
.tabbedformlink:hover,
.accent-donker:focus,
.horizontalForm button:focus,
.tabbedformlink:focus,
a:hover .accent-donker,
a:hover .horizontalForm button,
.horizontalForm a:hover button,
a:hover .tabbedformlink,
a:focus .accent-donker,
a:focus .horizontalForm button,
.horizontalForm a:focus button,
a:focus .tabbedformlink,
a.hover .accent-donker,
a.hover .horizontalForm button,
.horizontalForm a.hover button,
a.hover .tabbedformlink,
.clickable:hover .accent-donker,
.clickable:hover .horizontalForm button,
.horizontalForm .clickable:hover button,
.clickable:hover .tabbedformlink {
background: #202e56;
border-color: #202e56;
color: #fff;
}
.tabbedForm .buttons button.hover svg,
.tabbedForm .buttons button:hover svg,
.tabbedForm .buttons button:focus svg,
a:hover .tabbedForm .buttons button svg,
a:focus .tabbedForm .buttons button svg,
a.hover .tabbedForm .buttons button svg,
.clickable:hover .tabbedForm .buttons button svg,
.tabbedForm .buttons button.prev.hover svg,
.tabbedForm .buttons button.prev:hover svg,
.tabbedForm .buttons button.prev:focus svg,
a:hover .tabbedForm .buttons button.prev svg,
a:focus .tabbedForm .buttons button.prev svg,
a.hover .tabbedForm .buttons button.prev svg,
.clickable:hover .tabbedForm .buttons button.prev svg,
.referral .txtcontainer .button.hover svg,
.referral .txtcontainer .button:hover svg,
.referral .txtcontainer .button:focus svg,
a:hover .referral .txtcontainer .button svg,
a:focus .referral .txtcontainer .button svg,
a.hover .referral .txtcontainer .button svg,
.clickable:hover .referral .txtcontainer .button svg,
.listitem .txtcontainer .button.hover svg,
.listitem .txtcontainer .button:hover svg,
.listitem .txtcontainer .button:focus svg,
a:hover .listitem .txtcontainer .button svg,
a:focus .listitem .txtcontainer .button svg,
a.hover .listitem .txtcontainer .button svg,
.clickable:hover .listitem .txtcontainer .button svg,
.buttonbar .allitems.hover svg,
.buttonbar .allitems:hover svg,
.buttonbar .allitems:focus svg,
a:hover .buttonbar .allitems svg,
a:focus .buttonbar .allitems svg,
a.hover .buttonbar .allitems svg,
.clickable:hover .buttonbar .allitems svg,
.accent-donker.hover svg,
.horizontalForm button.hover svg,
.hover.tabbedformlink svg,
.accent-donker:hover svg,
.horizontalForm button:hover svg,
.tabbedformlink:hover svg,
.accent-donker:focus svg,
.horizontalForm button:focus svg,
.tabbedformlink:focus svg,
a:hover .accent-donker svg,
a:hover .horizontalForm button svg,
.horizontalForm a:hover button svg,
a:hover .tabbedformlink svg,
a:focus .accent-donker svg,
a:focus .horizontalForm button svg,
.horizontalForm a:focus button svg,
a:focus .tabbedformlink svg,
a.hover .accent-donker svg,
a.hover .horizontalForm button svg,
.horizontalForm a.hover button svg,
a.hover .tabbedformlink svg,
.clickable:hover .accent-donker svg,
.clickable:hover .horizontalForm button svg,
.horizontalForm .clickable:hover button svg,
.clickable:hover .tabbedformlink svg {
fill: #fff;
border-color: #fff;
}
.bulletqueue.clickable .inner .checkbutton,
.banner .inner span.button,
.slide .inner span,
.queue .slide .inner span,
.queuebanner-video .slide .inner span,
.queue-block.slick-slider.slick-dotted .slick-dots li .button,
.queue-block.slick-slider.slick-dotted .slick-dots li.slick-active .button,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.donker-accent {
background: #202e56;
border-color: #202e56;
color: #fff;
}
.bulletqueue.clickable .inner .checkbutton svg,
.banner .inner span.button svg,
.slide .inner span svg,
.queue .slide .inner span svg,
.queuebanner-video .slide .inner span svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.donker-accent svg {
fill: #e73f29;
border-color: #fff;
}
.bulletqueue.clickable .inner .checkbutton.hover,
.bulletqueue.clickable .inner .checkbutton:hover,
.bulletqueue.clickable .inner .checkbutton:focus,
a:hover .bulletqueue.clickable .inner .checkbutton,
a:focus .bulletqueue.clickable .inner .checkbutton,
a.hover .bulletqueue.clickable .inner .checkbutton,
.clickable:hover .bulletqueue.clickable .inner .checkbutton,
.banner .inner span.button.hover,
.banner .inner span.button:hover,
.banner .inner span.button:focus,
a:hover .banner .inner span.button,
a:focus .banner .inner span.button,
a.hover .banner .inner span.button,
.clickable:hover .banner .inner span.button,
.slide .inner span.hover,
.slide .inner span:hover,
.slide .inner span:focus,
a:hover .slide .inner span,
a:focus .slide .inner span,
a.hover .slide .inner span,
.clickable:hover .slide .inner span,
.queue .slide .inner span.hover,
.queue .slide .inner span:hover,
.queue .slide .inner span:focus,
a:hover .queue .slide .inner span,
a:focus .queue .slide .inner span,
a.hover .queue .slide .inner span,
.clickable:hover .queue .slide .inner span,
.queuebanner-video .slide .inner span.hover,
.queuebanner-video .slide .inner span:hover,
.queuebanner-video .slide .inner span:focus,
a:hover .queuebanner-video .slide .inner span,
a:focus .queuebanner-video .slide .inner span,
a.hover .queuebanner-video .slide .inner span,
.clickable:hover .queuebanner-video .slide .inner span,
.queue-block.slick-slider.slick-dotted .slick-dots li .button.hover,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:hover,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:focus,
a:hover .queue-block.slick-slider.slick-dotted .slick-dots li .button,
a:focus .queue-block.slick-slider.slick-dotted .slick-dots li .button,
a.hover .queue-block.slick-slider.slick-dotted .slick-dots li .button,
.clickable:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li
.button,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button.hover,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button:hover,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button:focus,
a:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button,
a:focus
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button,
a.hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button,
.clickable:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a.hover,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:hover,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:focus,
a:hover .queue-labeled.slick-slider.slick-dotted .slick-dots li a,
a:focus .queue-labeled.slick-slider.slick-dotted .slick-dots li a,
a.hover .queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.clickable:hover .queue-labeled.slick-slider.slick-dotted .slick-dots li a,
.donker-accent.hover,
.donker-accent:hover,
.donker-accent:focus,
a:hover .donker-accent,
a:focus .donker-accent,
a.hover .donker-accent,
.clickable:hover .donker-accent {
background: #e73f29;
border-color: #e73f29;
color: #fff;
}
.bulletqueue.clickable .inner .checkbutton.hover svg,
.bulletqueue.clickable .inner .checkbutton:hover svg,
.bulletqueue.clickable .inner .checkbutton:focus svg,
a:hover .bulletqueue.clickable .inner .checkbutton svg,
a:focus .bulletqueue.clickable .inner .checkbutton svg,
a.hover .bulletqueue.clickable .inner .checkbutton svg,
.clickable:hover .bulletqueue.clickable .inner .checkbutton svg,
.banner .inner span.button.hover svg,
.banner .inner span.button:hover svg,
.banner .inner span.button:focus svg,
a:hover .banner .inner span.button svg,
a:focus .banner .inner span.button svg,
a.hover .banner .inner span.button svg,
.clickable:hover .banner .inner span.button svg,
.slide .inner span.hover svg,
.slide .inner span:hover svg,
.slide .inner span:focus svg,
a:hover .slide .inner span svg,
a:focus .slide .inner span svg,
a.hover .slide .inner span svg,
.clickable:hover .slide .inner span svg,
.queue .slide .inner span.hover svg,
.queue .slide .inner span:hover svg,
.queue .slide .inner span:focus svg,
a:hover .queue .slide .inner span svg,
a:focus .queue .slide .inner span svg,
a.hover .queue .slide .inner span svg,
.clickable:hover .queue .slide .inner span svg,
.queuebanner-video .slide .inner span.hover svg,
.queuebanner-video .slide .inner span:hover svg,
.queuebanner-video .slide .inner span:focus svg,
a:hover .queuebanner-video .slide .inner span svg,
a:focus .queuebanner-video .slide .inner span svg,
a.hover .queuebanner-video .slide .inner span svg,
.clickable:hover .queuebanner-video .slide .inner span svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button.hover svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:hover svg,
.queue-block.slick-slider.slick-dotted .slick-dots li .button:focus svg,
a:hover .queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
a:focus .queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
a.hover .queue-block.slick-slider.slick-dotted .slick-dots li .button svg,
.clickable:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li
.button
svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button.hover
svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button:hover
svg,
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button:focus
svg,
a:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
a:focus
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
a.hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
.clickable:hover
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a.hover svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:hover svg,
.queue-labeled.slick-slider.slick-dotted .slick-dots li a:focus svg,
a:hover .queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
a:focus .queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
a.hover .queue-labeled.slick-slider.slick-dotted .slick-dots li a svg,
.clickable:hover
.queue-labeled.slick-slider.slick-dotted
.slick-dots
li
a
svg,
.donker-accent.hover svg,
.donker-accent:hover svg,
.donker-accent:focus svg,
a:hover .donker-accent svg,
a:focus .donker-accent svg,
a.hover .donker-accent svg,
.clickable:hover .donker-accent svg {
fill: #fff;
border-color: #fff;
}
.queue-block.slick-slider.slick-dotted .slick-dots li.slick-active .button {
background: #e73f29;
border-color: #e73f29;
color: #fff;
}
.queue-block.slick-slider.slick-dotted
.slick-dots
li.slick-active
.button
svg {
fill: #fff;
border-color: #fff;
}
.queue-bullets-video .txt h2 {
color: #e73f29;
}
.sidekick-homepage .sidekickcontent .title h2 {
color: #202e56;
}
header .secondarybar form {
background: none;
border-color: #202e56;
}
header .secondarybar form button {
background: #202e56;
border-color: #fff;
}
header .secondarybar form button svg {
fill: #fff;
}
header .secondarybar form:hover button svg,
header .secondarybar form button:hover svg,
header .secondarybar form button:focus svg {
fill: #fff;
}
nav ul li.selected > a span {
border-color: #e73f29;
}
nav ul li:hover div,
nav ul li:focus div,
nav ul li.activeSub div {
border-top-color: #202e56;
}
nav ul li a,
nav ul li:hover a,
nav ul li:hover div ul li a,
nav ul li:focus div ul li a,
nav ul li.activeSub div ul li a {
text-shadow: none;
}
nav ul li:hover div ul li svg,
nav ul li:focus div ul li svg,
nav ul li.activeSub div ul li svg {
fill: #fff;
}
nav ul li:hover div ul li a:hover svg,
nav ul li:hover div ul li a:focus svg,
nav ul li:focus div ul li a:hover svg,
nav ul li:focus div ul li a:focus svg,
nav ul li.activeSub div ul li a:hover svg,
nav ul li.activeSub div ul li a:focus svg {
fill: #333;
}
.scrollheader {
background: #fff;
}
.scrollheader.active {
border-bottom: 1px solid #f0f0f0;
}
.scrollheader .linkbar a.menu {
color: #202e56;
background: #f0f0f0;
}
.scrollheader .linkbar a.menu svg {
border-color: #202e56;
fill: #202e56;
}
.scrollheader .linkbar a.menu.active,
.scrollheader .linkbar a.menu:hover,
.scrollheader .linkbar a.menu:focus {
color: #fff;
background: #202e56;
}
.scrollheader .linkbar a.menu.active svg,
.scrollheader .linkbar a.menu:hover svg,
.scrollheader .linkbar a.menu:focus svg {
fill: #fff;
border-color: #fff;
}
.scrollheader ul {
background: #202e56;
color: #fff;
}
.scrollheader ul li:hover a,
.scrollheader ul li:focus a,
.scrollheader ul a:hover,
.scrollheader ul a:focus,
.scrollheader ul li.selected a {
color: #333;
}
.scrollheader > ul li a {
color: #fff;
}
h4::after,
.title *:last-child::after {
background-color: #202e56;
}
.breadcrumb a.current {
color: #202e56;
}
.prefooter {
color: #202e56;
}
.prefooter .footerright a {
color: #202e56;
}
.prefooter .footerright a.tel svg {
fill: #202e56;
}
.prefooter .footerright a.social {
border: 1px dotted #202e56;
}
.prefooter .footerright a.social svg {
fill: #202e56;
}
footer {
background: #dddddd;
color: #202e56;
}
footer .copyright {
color: #202e56;
}
footer .copyright a:hover,
footer .copyright a:focus {
color: #e73f29;
text-decoration: none;
}
footer .footerbuttons {
background: #f0f0f0;
}
footer .footerbuttons .button {
color: #fff;
border-color: #e73f29;
background: #e73f29;
}
footer .footerbuttons .button:hover,
footer .footerbuttons .button:focus {
background: #202e56;
border-color: #202e56;
}
footer .footerbuttons .button:hover span,
footer .footerbuttons .button:hover svg,
footer .footerbuttons .button:focus span,
footer .footerbuttons .button:focus svg {
border-color: #fff;
fill: #fff;
}
.left .referral,
.right .referral,
.left .listitem,
.right .listitem,
.additional {
background: #202e56;
border-color: #202e56;
color: #fff;
}
.left .referral h3,
.right .referral h3,
.left .listitem h3,
.right .listitem h3,
.additional h3 {
color: inherit;
}
.left .referrals a:hover > .referral,
.right .referrals a:hover > .referral,
.right .list a:hover > .listitem,
.left .list a:hover > .listitem,
.additionals a:hover > .additional {
background: #202e56;
border-color: #202e56;
}
.left .referrals a:hover > .referral .txtcontainer h3,
.right .referrals a:hover > .referral .txtcontainer h3,
.right .list a:hover > .listitem .txtcontainer h3,
.left .list a:hover > .listitem .txtcontainer h3,
.additionals a:hover > .additional .txtcontainer h3 {
color: #fff;
}
.backgrounded {
background-size: contain;
}
.thumbs .thumb {
background: #202e56;
border-color: #202e56;
}
.thumbs .thumb .txt span {
color: #f0f0f0;
}
.thumbs .thumb .txt h3 {
color: #fff;
}
.thumbs .thumb .overlay {
text-transform: none;
}
.thumbs a:hover .thumb,
.thumbs a:focus .thumb {
background: #202e56;
border-color: #202e56;
}
.thumbs a:hover .thumb .txt span,
.thumbs a:focus .thumb .txt span {
color: #e73f29;
}
.videoslider .slick-arrow,
.gallery .slick-arrow {
background-color: #e73f29;
}
.videoslider .slick-arrow:hover,
.videoslider .slick-arrow:focus,
.gallery .slick-arrow:hover,
.gallery .slick-arrow:focus {
background-color: #202e56;
}
.cmscontent h3 {
color: #e73f29;
}
.cmscontent blockquote {
background: #202e56;
}
.cmscontent blockquote p::after {
background: #e73f29;
}
.cmscontent .page-container a:not(.button):hover,
.cmscontent .page-container a:not(.button):focus {
color: #202e56;
text-decoration: none;
}
.downloads p a svg,
.links p a svg {
fill: #e73f29;
border-color: #202e56;
}
.horizontalForm h3 {
background: #202e56;
color: #fff;
}
.formcontainer .aside h4 {
background: #e73f29;
color: #fff;
}
.formcontainer {
border-radius: 0;
border: 1px solid #bbb;
}
.left .tabbedForm .acc-header.active,
.right .tabbedForm .acc-header.active,
.left .ckTabs .tabContent .tab.active .acc-header,
.right .ckTabs .tabContent .tab.active .acc-header {
color: #fff;
background: #e73f29;
}
.left .tabbedForm .acc-header.active svg,
.right .tabbedForm .acc-header.active svg,
.left .ckTabs .tabContent .tab.active .acc-header svg,
.right .ckTabs .tabContent .tab.active .acc-header svg {
fill: #fff;
}
.pagination a.next svg,
.pagination a.prev svg {
fill: #202e56;
}
.pagination a.next:hover svg,
.pagination a.next:focus svg,
.pagination a.prev:hover svg,
.pagination a.prev:focus svg {
fill: #fff;
}
.sidekick.two-col .row.full:nth-child(4n-2),
.sidekick.two-col .row:nth-child(4n-1),
.sidekick.two-col .row:nth-child(4n) {
background: #f0f0f0;
}
.sidekick > table tr.titel td {
background-color: #202e56;
}
.sidekick.two-col .row {
border-color: #bbbbbb;
}
.ckTabs .ckTabsInner .tabHeader ul li.activeTab a,
.ckTabs .ckTabsInner .tabHeader ul li span a {
color: #202e56;
border-radius: 0;
}
.ckTabs .ckTabsInner .tabHeader ul li.activeTab a {
background-color: #f0f0f0;
}
.ckTabs .tabContent {
background-color: #f0f0f0;
border-radius: 0;
}
.left .ckTabs .tabContent .tab .content,
.right .ckTabs .tabContent .tab .content {
background-color: #f0f0f0;
}
.left .tabbedForm .acc-header.active,
.right .tabbedForm .acc-header.active,
.left .ckTabs .tabContent .tab.active .acc-header,
.right .ckTabs .tabContent .tab.active .acc-header {
background: #202e56;
}
.prefooter .footerleft span {
color: #202e56;
}
.tabbedForm .buttons,
.tabbedForm .tablist li.active,
.tabbedForm .tablist li {
border-radius: 0;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.tabbedForm .acc-header.active,
.ckTabs .tabContent .tab.active .acc-header {
color: #fff;
background: #e73f29;
}
.tabbedForm .acc-header.active svg,
.ckTabs .tabContent .tab.active .acc-header svg {
fill: #fff;
}
.scrollheader .linkbar a.search,
.scrollheader .linkbar a.tel,
.scrollheader .linkbar a.menu {
border-color: #202e56;
background-color: #202e56;
}
.scrollheader .linkbar a.search svg,
.scrollheader .linkbar a.tel svg,
.scrollheader .linkbar a.menu svg {
fill: #fff;
}
.scrollheader .linkbar a.search:hover,
.scrollheader .linkbar a.search:focus,
.scrollheader .linkbar a.search.active,
.scrollheader .linkbar a.tel:hover,
.scrollheader .linkbar a.tel:focus,
.scrollheader .linkbar a.tel.active,
.scrollheader .linkbar a.menu:hover,
.scrollheader .linkbar a.menu:focus,
.scrollheader .linkbar a.menu.active {
border-color: #e73f29;background-color: #e73f29;
}
.scrollheader .linkbar a.search:hover svg,
.scrollheader .linkbar a.search:focus svg,
.scrollheader .linkbar a.search.active svg,
.scrollheader .linkbar a.tel:hover svg,
.scrollheader .linkbar a.tel:focus svg,
.scrollheader .linkbar a.tel.active svg,
.scrollheader .linkbar a.menu:hover svg,
.scrollheader .linkbar a.menu:focus svg,
.scrollheader .linkbar a.menu.active svg {
fill: #fff;
}
.scrollheader .formholder.active {
background: #fff;
}
.scrollheader .formholder.active form {
background: none;
}
.scrollheader .formholder.active form:hover button,
.scrollheader .formholder.active form:focus button {
background-color: #fff;
}
.scrollheader .formholder.active form:hover svg,
.scrollheader .formholder.active form:focus svg {
fill: #e73f29;
}
.scrollheader .formholder.active form button {
border-color: #202e56;
}
.scrollheader .formholder.active form button svg {
fill: #202e56;
}
.scrollheader .formholder.active form input::-webkit-input-placeholder {
color: #999;
}
.scrollheader .formholder.active form input::-moz-placeholder {
color: #999;
}
.scrollheader .formholder.active form input::-ms-input-placeholder {
color: #999;
}
.scrollheader .formholder.active form input::placeholder {
color: #999;
}
}
@media (min-width: 0) {
.bulletqueue .inner ul li.svg-replaced svg {
fill: #202e56;
}
}
nav ul li div ul li a:hover span, nav ul li div ul li a:focus span{color:#fdd757!important;text-decoration:underline!important;text-decoration-color:#fdd757}
nav ul li div ul li a:hover svg, nav ul li div ul li a:focus svg{fill:#fdd757!important}
.scrollheader ul li:hover a, .scrollheader ul li:focus a, .scrollheader ul a:hover, .scrollheader ul a:focus, .scrollheader ul li.selected a{color:#fdd757!important;text-decoration:underline!important;text-decoration-color:#fdd757}
.scrollheader .linkbar a:hover.menu {color:#fdd757!important}
.scrollheader .linkbar a:hover.menu svg{border-color:#fdd757;fill:#fdd757}
.scrollheader .linkbar a.menu {color: #FFF;background: #202e56}
.scrollheader .linkbar a.menu svg{border-color:#FFF;fill:#FFF}
nav{background: #202e56}
footer .footerbuttons{background: #202e56}
    footer .footerbuttons a:hover.button {
        color: #202e56;
        border-color: #fdd757;
        background:#fdd757;
    }
        footer .footerbuttons .button:hover span, footer .footerbuttons .button:hover svg, footer .footerbuttons .button:focus span, footer .footerbuttons .button:focus svg {
        border-color:#202e56;
        fill:#202e56;
    }
nav ul li  a span{color:#FFF!important}
.highlight .left a:hover .listitem .img .listitem-overlay svg, .highlight .left a:focus .listitem .img .listitem-overlay svg, .highlight .right a:hover .listitem .img .listitem-overlay svg, .highlight .right a:focus .listitem .img .listitem-overlay svg {
        fill: #FFF;
    }
    .highlight .left a .listitem .img .listitem-overlay svg, .highlight .left a .listitem .img .listitem-overlay svg, .highlight .right a .listitem .img .listitem-overlay svg, .highlight .right a .listitem .img .listitem-overlay svg {
        fill: #fdd757;
    }
    .left .list a .listitem, .right .list a .listitem {border:2px solid #e73f29}
    .left .list a:hover .listitem, .right .list a:hover .listitem {border:2px solid  #fdd757}
   .properties__item{color:#fdd757}
 header.search-header form input{border: 0px solid #FFF!important}
/* start - loadlayer support 2023-04-02 */
#loadlayertop {width: 100%; height: 100%; background: rgba(0, 0, 0, .9); position: fixed; top: 0px; z-index: 9999; text-align: center; display: none}
#loadlayertop img {margin-top: 40vh; margin-bottom: 10px}
#loadlayertop span {display: block; color: #fff; font-size: 20px}
/* end - loadlayer support */
#searchresults {line-height:1em}
.searchresults {
    padding-top: 0px;
  }
#searchresults a {}
#searchresults table {margin: 0px;}
#searchresults tr {background-color: #fff;}
#searchresults td {border: none; padding-left: 10px;}
#searchresults .gsc-selected-option-container { min-width: 80px !important;}
.slick-dotted.slick-slider {
margin-bottom:0px;
}
.searchresults .searchresult .img {
background:no-repeat center/cover;
}
/* HAV 20201015001 new imagebanner small */
.c8-banner.banner::before{background:rgba(0,0,0,0)!important}
/* Zoek kleuren start */
:root {
--search-color1: #e73f29;
--search-color2: #FFF
}
.searchresults .searchresult .txt h3{}
#datatablessearchresults tr.group h1{text-decoration:none!important;color:#333!important;font-size: 26px;font-weight: 700;line-height: 1.3;margin-bottom: 12px;padding:0}
/* Zoek kleuren eind */
/* Thumbs 2iar/3iar  */
 @media(min-width:1499px)
{
div.inner.fullwidth2iar{max-width:1500px!important}
div.inner.fullwidth2iar div.thumbs-2-col-container{max-width:1400px!important}
div.inner.fullwidth2iar .thumbs-2-col-container > * {max-width:440px!important}
div.inner.fullwidth2iar div.thumbs-2-col-container {justify-content:start;gap:40px;margin-top:40px}
div.inner.fullwidth2iar .thumbs-2-col-container > * {margin-top:0px}
}
/* Thumbs 2iar/3iar  */
/* start HV AJAX forms 06-04-2022 */
div#autostoreresponder{scroll-margin-top: 60px!important}
/* end HV AJAX forms 06-04-2022 */
@media (min-width: 0){
[id] {scroll-margin-top: 100px;}
}
/* START ZOEKBOX Xtra ivm andere header HV 20220412001 */
header.search-header{height:initial}
@media (min-width:0) and (max-width:1024px){
.scrollheader .linkbar a.search {display:inline-block!important}
header.search-header{height:80px}
}
.searchresults img.search-img{width:initial!important}
svg.df-search-icon{fill:#e73f29}
h4.mod-title:empty {display:none}
a.anchor {display: block; position: relative; top: -100px;}
/* img in topmenu */
@media (min-width: 0){
.banner--top img {
    margin-right: 7px;
    height: 12px;
    vertical-align: baseline;
}
}
:root {--cookie-color: #e73f29}
.searchresults header .secondarybar form input:focus{background-color:#eee}
.sidekick-homepage .sidekickcontent ul li{background:url(/site/[websiteid]/$File/li.png) no-repeat 0 10px;padding-left: 20px}
.sidekick-homepage .sidekickcontent ul{list-style:none}
.banner--top{text-transform:none!important}
:root {--cookie-color: #e73f29}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change{background-color:var(--cookie-color)!important;border-color:var(--cookie-color)!important}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{fill:var(--cookie-color)!important}
#CookiebotWidget .CookiebotWidget-consent-details button{color:var(--cookie-color)!important}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{border:2px solid var(--cookie-color)!important;padding:0!important}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw{border-color:var(--cookie-color)!important}
#CookiebotWidget .CookiebotWidget-logo svg circle{fill:var(--cookie-color)!important}
#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider{background-color:var(--cookie-color)!important}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{color:var(--cookie-color)!important}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{border-color:var(--cookie-color)!important}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{border-color:var(--cookie-color)!important}
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{border-bottom:1px solid var(--cookie-color)!important;color:var(--cookie-color)!important}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover{color:var(--cookie-color)!important}
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover{color:var(--cookie-color)!important}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount{margin-left:-30px!important}
#CybotCookiebotDialogTabContent #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified .CybotCookiebotDialogDetailBulkConsentCount{margin-left:0px!important}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover{color:var(--cookie-color)!important}
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider>div {margin-left:10px!important}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{background-color:var(--cookie-color)!important;color:#FFF!important}
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover{color:var(--cookie-color)!important}
#CybotCookiebotDialogPoweredbyCybot{display:none!important}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{background-color:var(--cookie-color)!important;border-color:var(--cookie-color)!important;color:#ffffff}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{background-color:var(--cookie-color)!important;border: 2px solid var(--cookie-color)!important;border-radius:0.25em;color:#ffffff;display:block;font-weight:600;padding:1em;text-align:center;user-select:none;width:100%}
#CookiebotWidget .CookiebotWidget-logo svg path{fill:#FFF!important}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type), #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) ,#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton{height:2.7em!important}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline.CybotCookiebotDialogBodyButton{background:#FFF!important;border:1px solid #ddd!important;color:#ddd!important }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton{background:#FFF!important;border:1px solid #ddd!important;color:#ddd!important }
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider{background:#ccc!important;border:1px solid #ddd!important;color:#ddd!important }
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo{display:none!important}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader,#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader{display:none!important}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{background:#FFF!important;border:1px solid #ddd!important;color:#ddd!important}
#CybotCookiebotDialog a:hover:after, #CybotCookiebotDialog a:hover:before, #CybotCookiebotDialog button:hover:after, #CybotCookiebotDialog button:hover:before {border-color:var(--cookie-color)!important}
#CybotCookiebotDialogHeaderLogosWrapper{display:none!important}
/* TOPFOOTER 20240719001 HV */
.topfooter {
    background: #f6fafe;
    padding: 40px 0;
    margin: 40px 0 20px;
    border-top: 1px solid #f6fafe;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.topfooter .inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.topfooter .topfooter-left,
.topfooter .topfooter-middle,
.topfooter .topfooter-right {
    /* flex: 1 1 33%; */
    
    margin-bottom: 30px;
    box-sizing: border-box;
    min-height: 200px; /* Minimale hoogte om altijd ruimte te claimen */
    min-width: 350px; /* Minimale breedte om altijd ruimte te claimen */
}
.topfooter .topfooter-left,
.topfooter .topfooter-middle {
    padding-left: 20px; /* ruimte voor de dots */
    position: relative;
}
.topfooter .topfooter-left a,
.topfooter .topfooter-middle a {
    
    padding-left: 20px;
    position: relative;
    
}
.topfooter .topfooter-left a:before,
.topfooter .topfooter-middle a:before {
    content: '•';
    color: #1c7bc4;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.topfooter .topfooter-right {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}
.topfooter a.social {
    display: inline-flex;
    margin-left: 20px;
    letter-spacing: 2px;
    color: inherit;
    border: 1px solid #1c7bc4;
}
.topfooter a:hover, .topfooter a:focus {
    text-decoration: underline;
}
.topfooter a.social:hover,
.topfooter a.social:focus {
    background-color: #1c7bc4;
    border: 1px solid #1c7bc4;
    text-decoration: none;
}
.topfooter a.social svg {
    vertical-align: top;
    height: 48px;
    width: 48px;
    padding: 13px;
    fill: #1c7bc4;
}
.topfooter a.social:hover svg {
    vertical-align: top;
    height: 48px;
    width: 48px;
    padding: 13px;
    fill: #FFF;
}
.topfooter h1 {
    margin: 0 0 20px;
    font-size: 1.5em;
    line-height: 1.2;
    color: #1c7bc4;
}
.topfooter {
    color: #1c7bc4;
}
/* Responsive Breakpoints */
@media (max-width: 768px) {
    .topfooter .topfooter-left,
    .topfooter .topfooter-middle,
    .topfooter .topfooter-right,
    body .topfooter .topfooter-left,
    body .topfooter .topfooter-middle,
    body .topfooter .topfooter-right {
        flex: 1 1 50%;
    }
}
@media (max-width: 480px) {
    .topfooter .topfooter-left,
    .topfooter .topfooter-middle,
    .topfooter .topfooter-right,
    body .topfooter .topfooter-left,
    body .topfooter .topfooter-middle,
    body .topfooter .topfooter-right {
        flex: 1 1 100%;
    }
}
/* Verhoogde Specificiteit door body toe te voegen */
body .topfooter .topfooter-left,
body .topfooter .topfooter-middle,
body .topfooter .topfooter-right {
    /* flex: 1 1 33%; */
    
    box-sizing: border-box;
    min-height: 200px; /* Minimale hoogte om altijd ruimte te claimen */
    min-width: 300px; /* Minimale breedte om altijd ruimte te claimen */
}
/* extra uitlijning labels 20240723 HV */
@media (min-width: 0) {
    .horizontalForm label, .horizontalForm legend {
        clear: left;
        display: block;
        float: left;
        width: 159px;
        padding: 0px 5px 15px 0;
        line-height: 1.2;
        overflow: hidden;
        font-weight: 400;
        display: flex;
        align-items: center;
    }
}
    .thumbs .thumb .img {
        background: #FFF center / cover;
    }
sidekick-homepage .sidekickcontent ul li {
list-style-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%2324472f' d='M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 01.27-1.951 1.392 1.392 0 011.953.27l2.351 3.104 5.911-9.492a1.396 1.396 0 011.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 01-1.12.656c-.022.002-.042.002-.064.002z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
line-height:32px;
list-style-position: inside;
}
.sidekick-homepage .sidekickcontent ul li::marker{font-size:38px}
.banner--top{text-transform:none!important}
.thumbs .thumb .txt span {font-weight:600}
.sidekick-homepage .sidekickcontent ul li {background:none}
.sidekick-homepage .sidekickcontent ul {
    list-style: none;
    display: inline-table;
    }
.sidekick-homepage .sidekickcontent ul li{
padding-left: 40px;
display: -webkit-box;
background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%2363e917' d='M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 01.27-1.951 1.392 1.392 0 011.953.27l2.351 3.104 5.911-9.492a1.396 1.396 0 011.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 01-1.12.656c-.022.002-.042.002-.064.002z'/%3e%3c/svg%3e") no-repeat 0px 0px;
}
header.search-header form input {border: 1px solid #24472f;height:52px}
.sidekick-homepage .sidekickcontent ul li {
    padding-left: 40px;
    display: -webkit-box;
    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%2363e917' d='M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 01.27-1.951 1.392 1.392 0 011.953.27l2.351 3.104 5.911-9.492a1.396 1.396 0 011.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 01-1.12.656c-.022.002-.042.002-.064.002z'/%3e%3c/svg%3e) no-repeat 0px 0px;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
.sidekick-homepage .sidekickcontent ul{
margin: 0!important;
text-align: start!important;
padding-bottom: 30px;
}





/* Template css resource: Core 8 - Fluid - Module menu - met responsive submenu - new */
nav uul li#item-9 {
display:none
}
@media screen and (max-aspect-ratio: 10/9)
{
nav uul li#item-9 {
display:block;
}
}
uul li#item-7,uul li#item-8 {
display:none
}
uul li.selected#item-7,uul li.selected#item-8 {
display:none
}
.scrollheader  uul.active li#item-7,.scrollheader  uul.active li#item-8 {
display:block;
}