html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
legend,
caption,
figcaption,
figure,
summary,
time,
mark,
audio,
video {
font-size: 100%;
}
body {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
fieldset {
min-width: 0;
}
input,
select {
vertical-align: middle;
}
ul {
list-style: none;
}
@font-face {
font-family: "HelveticaNeue15";
font-display: swap;
src: url("assets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot%3F");
src: url("assets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot%3F")
format("eot"),
url("assets/fonts/ab23c239-fb66-406e-bce6-f0f260f5a217.woff2")
format("woff2"),
url("assets/fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff") format("woff"),
url("assets/fonts/1d146b29-55e2-485b-96aa-5cb628e7e9eb.ttf")
format("truetype"),
url("assets/fonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg") format("svg");
}
@font-face {
font-family: "HelveticaNeue15";
src: url("assets/fonts/7d437e5f-fe70-4acd-968d-ed4beaaf6183.eot%3F");
src: url("assets/fonts/7d437e5f-fe70-4acd-968d-ed4beaaf6183.eot%3F")
format("eot"),
url("assets/fonts/9e95d97f-1a0b-4c28-b5de-ee5667616bf4.woff2")
format("woff2"),
url("assets/fonts/a6949d17-6d8e-42ab-8032-2d9cb114c1b4.woff") format("woff"),
url("assets/fonts/843152a1-f5b5-4cbf-a5d3-e9ccaccddd2a.ttf")
format("truetype"),
url("assets/fonts/0fd53488-84fc-474e-b665-23a72ffda266.svg") format("svg");
font-style: normal;
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/roboto-v15-latin-300.eot%3F");
src: url("assets/fonts/roboto-v15-latin-300.eot%3F") format("eot"),
url("assets/fonts/roboto-v15-latin-300.woff2") format("woff2"),
url("assets/fonts/roboto-v15-latin-300.woff") format("woff"),
url("assets/fonts/roboto-v15-latin-300.ttf") format("truetype"),
url("assets/fonts/roboto-v15-latin-300.svg") format("svg");
font-style: normal;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/roboto-v15-latin-300italic.eot%3F");
src: url("assets/fonts/roboto-v15-latin-300italic.eot%3F") format("eot"),
url("assets/fonts/roboto-v15-latin-300italic.woff2") format("woff2"),
url("assets/fonts/roboto-v15-latin-300italic.woff") format("woff"),
url("assets/fonts/roboto-v15-latin-300italic.ttf") format("truetype"),
url("assets/fonts/roboto-v15-latin-300italic.svg") format("svg");
font-style: italic;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/roboto-v15-latin-500.eot%3F");
src: url("assets/fonts/roboto-v15-latin-500.eot%3F") format("eot"),
url("assets/fonts/roboto-v15-latin-500.woff2") format("woff2"),
url("assets/fonts/roboto-v15-latin-500.woff") format("woff"),
url("assets/fonts/roboto-v15-latin-500.ttf") format("truetype"),
url("assets/fonts/roboto-v15-latin-500.svg") format("svg");
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/roboto-v15-latin-500italic.eot%3F");
src: url("assets/fonts/roboto-v15-latin-500italic.eot%3F") format("eot"),
url("assets/fonts/roboto-v15-latin-500italic.woff2") format("woff2"),
url("assets/fonts/roboto-v15-latin-500italic.woff") format("woff"),
url("assets/fonts/roboto-v15-latin-500italic.ttf") format("truetype"),
url("assets/fonts/roboto-v15-latin-500italic.svg") format("svg");
font-style: italic;
font-weight: 500;
font-display: swap;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
height: 100%;
min-height: 100%;
font-size: 62.5%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
min-height: 100%;
color: #2c2b2b;
background: #fff;
font-family: "Roboto", sans-serif;
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
}
.uncloak {
display: block !important;
}
.container {
position: relative;
left: 0;
background: #fff;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
b {
font-weight: inherit;
}
strong {
font-weight: 500;
}
a {
color: #f4ac00;
font-weight: 500;
text-decoration: none;
transition: color 0.2s;
}
a:hover {
color: #f08100;
}
a:focus {
color: #f08100;
}
a.white {
border-bottom: 0.1rem solid #fff;
}
a.white,
a.white:hover,
a.white:focus {
border-bottom: 0.1rem solid #fff;
color: #fff;
}
a[href^="tel"]:before {
position: relative;
top: 0.2rem;
line-height: 1;
margin-right: 0.4rem;
font-family: "vhv15";
}
button {
border: none;
border-radius: 0.3rem;
color: #fff;
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
cursor: pointer;
}
button:last-child {
margin-right: 0;
}
button:focus {
border: none;
outline: 0;
}
img {
width: auto;
max-width: 100%;
}
figcaption {
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 300;
font-style: italic;
line-height: 2.8rem;
}
small {
font-size: 1.5rem;
}
address {
font-style: normal;
}
table {
width: 100%;
table-layout: fixed;
}
table td,
table th {
text-align: left;
}
table th {
font-weight: 500;
}
h1,
.h1 {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 3.4rem;
font-weight: 800;
}
@media only screen and (min-width: 768px) {
h1,
.h1 {
font-size: 4.8rem;
line-height: 4.2rem;
}
}
h2,
.h2 {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 1.4rem;
line-height: 1;
}
@media only screen and (min-width: 768px) {
h2,
.h2 {
font-size: 3.2rem;
line-height: 4.2rem;
}
}
h3,
.h3 {
font-family: "Roboto", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
h3,
.h3 {
font-size: 2.2rem;
line-height: 2.8rem;
}
}
h4,
.h4 {
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.8rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
h4,
.h4 {
font-size: 2.2rem;
}
}
h5,
.h5 {
margin-bottom: 1rem;
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
}
.header2 {
margin-bottom: 1.4rem;
font-size: 2.2rem;
font-weight: 500;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.header2 {
font-size: 3.2rem;
line-height: 4.2rem;
}
}
.header3 {
margin-bottom: 1.4rem;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.header3 {
font-size: 2.2rem;
line-height: 2.8rem;
}
}
.header4 {
margin-bottom: 1.4rem;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.8rem;
}
.header5 {
margin-bottom: 1rem;
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
}
.clearfix:after {
clear: both;
display: table;
content: "";
}
.hidden {
display: none;
}
.light {
background: #fff;
}
.dark {
background: #2c2b2b;
}
.spacer,
.spacer-medium {
margin-bottom: 2.8rem !important;
}
.spacer-tiny {
margin-bottom: 0.7rem !important;
}
.spacer-small {
margin-bottom: 1.4rem !important;
}
.spacer-large {
margin-bottom: 5.6rem !important;
}
.spacer-top,
.spacer-top-medium {
margin-top: 2.8rem !important;
}
.spacer-top-tiny {
margin-top: 0.7rem !important;
}
.spacer-top-small {
margin-top: 1.4rem !important;
}
.spacer-top-large {
margin-top: 5.6rem !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-xxl {
font-size: 4.8rem !important;
line-height: 1 !important;
}
.text-xl {
font-size: 3.2rem !important;
line-height: 1 !important;
}
.text-l {
font-size: 2.2rem !important;
line-height: 2.8rem !important;
}
.text-m {
font-size: 1.8rem !important;
line-height: 2.4rem !important;
}
.text-s {
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.text-xs {
font-size: 1.2rem !important;
line-height: 1.6rem !important;
}
.text-black {
color: #2c2b2b !important;
}
.text-white {
color: #fff !important;
}
.text-green {
color: #5fb900 !important;
}
.nowrap {
white-space: nowrap !important;
}
.full-width {
width: 100% !important;
}
.from-s {
display: none;
}
@media only screen and (min-width: 568px) {
.from-s {
display: block;
}
}
.from-m {
display: none;
}
@media only screen and (min-width: 768px) {
.from-m {
display: block;
}
}
.from-l {
display: none;
}
@media only screen and (min-width: 1024px) {
.from-l {
display: block;
}
}
.from-xl {
display: none;
}
@media only screen and (min-width: 1200px) {
.from-xl {
display: block;
}
}
@media only screen and (min-width: 768px) {
.to-m {
display: none;
}
}
@media only screen and (min-width: 568px) {
.table {
display: table;
table-layout: fixed;
width: 100%;
}
}
.table > * {
display: block;
}
@media only screen and (min-width: 568px) {
.table > * {
display: table-cell;
padding-left: 1.8rem;
}
.table > *:first-child {
padding-left: 0;
}
}
.fade-animate {
transition: opacity 0.2s linear;
}
.fade-animate.ng-enter.ng-enter-active,
.fade-animate.ng-leave {
opacity: 1;
}
.fade-animate.ng-enter,
.fade-animate.ng-leave.ng-leave-active {
opacity: 0;
}
@font-face {
font-family: "vhv15";
src: url("assets/fonts/vhv15.eot");
src: url("assets/fonts/vhv15.eot%3F") format("embedded-opentype"),
url("assets/fonts/vhv15.woff") format("woff"),
url("assets/fonts/vhv15.ttf") format("truetype"),
url("assets/fonts/vhv15.svg") format("svg");
font-weight: normal;
font-style: normal;
}
label.checkbox:before,
.checkbox.fake:before,
.m-pikaday .pika-prev:before,
.m-pikaday .pika-next:before,
.m-promo-teaser__caption > ul > li:before,
[class^="ico-"]:before,
[class*=" ico-"]:before {
font-family: "vhv15" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[data-icon]:before {
font-family: "vhv15" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="ico-"]:before,
[class*=" ico-"]:before {
font-family: "vhv15" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ico-hotline:before {
content: "\64";
}
.ico-location:before {
content: "\65";
}
.ico-mail:before {
content: "\66";
}
.ico-phone:before,
a[href^="tel"]:before {
content: "\68";
}
.ico-all-products:before {
content: "\6e";
}
.ico-haftpflicht:before {
content: "\6f";
}
.ico-pen:before {
content: "\71";
}
.ico-time:before {
content: "\72";
}
.ico-calendar:before {
content: "\73";
}
.ico-camera:before {
content: "\74";
}
.ico-plus:before {
content: "\75";
}
.ico-profil:before {
content: "\76";
}
.ico-help:before {
content: "\77";
}
.ico-share:before {
content: "\79";
}
.ico-lock:before {
content: "\7a";
}
.ico-home:before {
content: "\41";
}
.ico-cash:before {
content: "\43";
}
.ico-check:before,
label.checkbox:before,
.checkbox.fake:before,
.m-button.selected:before,
.m-tab-nav--buttons ul li > a.selected:before,
.m-chatbot__panel .wc-app button.selected:before,
.m-feature-list > li:before,
.m-info-graphic__info-box.active > div:before,
.m-promo-teaser__caption > ul > li:before {
content: "\44";
}
.ico-street:before {
content: "\47";
}
.ico-menu:before {
content: "\48";
}
.ico-navi:before {
content: "\49";
}
.ico-flag:before {
content: "\4a";
}
.ico-gas:before {
content: "\4b";
}
.ico-close:before {
content: "\61";
}
.ico-download:before,
.m-list.m-list--links li.asset:before,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.asset:before,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.asset:before,
.l-richtext ol.m-list--links li.asset:before,
.l-richtext ul.m-list--links li.asset:before,
.l-richtext--checked-lists ol.m-list--links li.asset:before,
.l-richtext--checked-lists ul.m-list--links li.asset:before,
.m-list.m-list--links li.download:before,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.download:before,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.download:before,
.l-richtext ol.m-list--links li.download:before,
.l-richtext ul.m-list--links li.download:before,
.l-richtext--checked-lists ol.m-list--links li.download:before,
.l-richtext--checked-lists ul.m-list--links li.download:before {
content: "\62";
}
.ico-fahrzeuge:before {
content: "\67";
}
.ico-arrow-down:before {
content: "\6a";
}
.ico-arrow-left:before,
.m-pikaday .pika-prev:before,
.m-pikaday .is-rtl .pika-next:before {
content: "\6b";
}
.ico-arrow-right:before,
.m-pikaday .pika-next:before,
.m-pikaday .is-rtl .pika-prev:before,
.m-breadcrumbs > li:before {
content: "\6c";
}
.ico-arrow-up:before {
content: "\6d";
}
.ico-warning:before {
content: "\4c";
}
.ico-calculator:before {
content: "\4d";
}
.ico-external-link:before,
.m-list.m-list--links li.external:before,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.external:before,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li.external:before,
.l-richtext ol.m-list--links li.external:before,
.l-richtext ul.m-list--links li.external:before,
.l-richtext--checked-lists ol.m-list--links li.external:before,
.l-richtext--checked-lists ul.m-list--links li.external:before,
.m-orga-tile.m-orga-tile--link .m-orga-tile__back:before {
content: "\4e";
}
.ico-play:before {
content: "\4f";
}
.ico-motorrad:before {
content: "\53";
}
.ico-tierhalter:before {
content: "\55";
}
.ico-vorsorge:before {
content: "\56";
}
.ico-lehrer:before {
content: "\51";
}
.ico-bauherren:before {
content: "\52";
}
.ico-tag:before {
content: "\59";
}
.ico-info:before {
content: "\50";
}
.ico-bookmark:before {
content: "\5a";
}
.ico-speedo:before {
content: "\30";
}
.ico-bauhelfer:before {
content: "\31";
}
.ico-bauleistung:before {
content: "\32";
}
.ico-feuerrohrrbau:before {
content: "\33";
}
.ico-auto:before {
content: "\34";
}
.ico-jagd:before {
content: "\36";
}
.ico-hausundgrund:before {
content: "\37";
}
.ico-unfall:before {
content: "\38";
}
.ico-hausrat:before {
content: "\39";
}
.ico-photovoltaik:before {
content: "\21";
}
.ico-browser:before {
content: "\22";
}
.ico-spinner:before {
content: "\23";
}
.ico-list:before {
content: "\24";
}
.ico-dachlawine:before {
content: "\25";
}
.ico-diebstahl:before {
content: "\26";
}
.ico-autoschluessel:before {
content: "\27";
}
.ico-glasbruch:before {
content: "\28";
}
.ico-tier:before {
content: "\29";
}
.ico-vandalismus:before {
content: "\2a";
}
.ico-unwetter:before {
content: "\2b";
}
.ico-unfallschaden:before {
content: "\2d";
}
.ico-marder:before {
content: "\2e";
}
.ico-unfallschaden-fremd:before {
content: "\2f";
}
.ico-feuer:before {
content: "\3a";
}
.ico-star:before {
content: "\2c";
}
.ico-career:before {
content: "\3b";
}
.ico-press:before {
content: "\3c";
}
.ico-wohngebaude:before {
content: "\63";
}
.ico-glas:before {
content: "\46";
}
.ico-firmen:before {
content: "\69";
}
.ico-kompaktklasse:before {
content: "\3d";
}
.ico-suv:before {
content: "\3e";
}
.ico-mittelklasse:before {
content: "\3f";
}
.ico-oberemittelklasse:before {
content: "\40";
}
.ico-oberklasse:before {
content: "\5b";
}
.ico-kleinwagen:before {
content: "\5d";
}
.ico-bauen-technik:before {
content: "\5e";
}
.ico-baugewaehrleistung:before {
content: "\5f";
}
.ico-bauleistung-1:before {
content: "\60";
}
.ico-baumaschienen-geraete:before {
content: "\7b";
}
.ico-betriebliche-altersvorsorge:before {
content: "\7c";
}
.ico-biogas:before {
content: "\7d";
}
.ico-elektronik-software:before {
content: "\7e";
}
.ico-erneuerbare-energien:before {
content: "\5c";
}
.ico-gebaeude:before {
content: "\e000";
}
.ico-vorsorge-1:before {
content: "\e001";
}
.ico-wetterrisiko:before {
content: "\e002";
}
.ico-altersvorsorge:before {
content: "\e004";
}
.ico-bauen-in-frankreich:before {
content: "\e005";
}
.ico-berufshaftpflicht-architekten-ingenieure:before {
content: "\e006";
}
.ico-berufsunfaehigkeit:before {
content: "\e007";
}
.ico-betriebshaftpflicht:before {
content: "\e008";
}
.ico-betriebsunterbrechung:before {
content: "\e009";
}
.ico-forderungsausfall:before {
content: "\e00a";
}
.ico-gebaeude-inhalt:before {
content: "\e00b";
}
.ico-inhalt:before {
content: "\e00c";
}
.ico-kaution-buergschaft:before {
content: "\e00d";
}
.ico-montage:before {
content: "\e00e";
}
.ico-photovoltaik-1:before {
content: "\e00f";
}
.ico-vermoegenschaden-haftpflicht:before {
content: "\e011";
}
.ico-flotte-garant1:before {
content: "\e012";
}
.ico-flotte-garant5:before {
content: "\e013";
}
.ico-flotte-garant5:before {
content: "\e013";
}
.ico-flotte-garant35:before {
content: "\e014";
}
.ico-betreiberhaftpflicht:before {
content: "\e015";
}
.ico-auslandsschutz:before {
content: "\e016";
}
.ico-fahrerschutz:before {
content: "\e017";
}
.ico-rabattschutz:before {
content: "\e019";
}
.ico-teilkasko:before {
content: "\e01a";
}
.ico-vollkasko:before {
content: "\e01b";
}
.ico-grid:before {
content: "\e01c";
}
.ico-fullscreen:before {
content: "\e01d";
}
.ico-fullscreen:before {
content: "\e01c";
}
.ico-basisrente:before {
content: "\e01e";
}
.ico-basisrente-sofort:before {
content: "\e01f";
}
.ico-direktversicherung:before {
content: "\e020";
}
.ico-variorente-klassik:before {
content: "\e021";
}
.ico-pensionszusage:before {
content: "\e022";
}
.ico-unterstuetzungskasse:before {
content: "\e023";
}
.ico-landesverbaende:before {
content: "\e024";
}
.ico-mehrfach-kaution:before {
content: "\e025";
}
.ico-rechtsschutz:before {
content: "\e003";
}
.ico-link-extern:before {
content: "\42";
}
.ico-stopwatch:before {
content: "\e010";
}
.ico-smiley-happy:before {
content: "\e026";
}
.ico-smiley-sad:before {
content: "\e027";
}
.ico-euro:before {
content: "\e028";
}
.ico-fahrer:before {
content: "\e029";
}
.ico-bauhandwerk:before {
content: "\e02a";
}
.ico-architekten:before {
content: "\e02b";
}
.ico-baustoff:before {
content: "\e02c";
}
.ico-gebaeude-1:before {
content: "\e02d";
}
.ico-virtual-event:before {
content: "\e02e";
}
.ico-crosshair:before {
content: "\e02f";
}
.ico-route:before {
content: "\70";
}
.ico-search:before {
content: "\78";
}
.ico-quad:before {
content: "\45";
}
.ico-trike:before {
content: "\58";
}
.ico-kfz-allgemein:before {
content: "\35";
}
.ico-haftpflicht-allgemein:before {
content: "\e030";
}
.ico-wohnmobil:before {
content: "\54";
}
.ico-video:before {
content: "\57";
}
.ico-briefcase:before {
content: "\e031";
}
.ico-heart:before {
content: "\e032";
}
.ico-leistungsdynamik:before {
content: "\e034";
}
.ico-beitragsdynamik:before {
content: "\e035";
}
.ico-x:before {
content: "\e033";
}
.ico-menu-1:before {
content: "\e036";
}
.ico-cyber:before {
content: "\e037";
}
.ico-secure-euro:before {
content: "\e039";
}
.ico-restore-folder:before {
content: "\e03a";
}
.ico-wrong-answer:before {
content: "\e03b";
}
.ico-flash:before {
content: "\e03d";
}
.ico-contract-signing:before {
content: "\e03e";
}
.ico-euros:before {
content: "\e03f";
}
.ico-binoculars:before {
content: "\e041";
}
.ico-stop:before {
content: "\e042";
}
.ico-smartphone-price:before {
content: "\e043";
}
.ico-verkaufsforderung:before {
content: "\e044";
}
.ico-vertriebstechnik:before {
content: "\e045";
}
.ico-freelancer:before {
content: "\e047";
}
.ico-cloud-lock:before {
content: "\e048";
}
.ico-notification:before {
content: "\e049";
}
.ico-forensic:before {
content: "\e04b";
}
.ico-filter:before {
content: "\e018";
}
label.invalid {
color: #c52223;
}
label.on-top {
display: block;
font-size: 1.5rem;
font-weight: 500;
margin: 1rem 0 0.5rem;
}
input,
select,
textarea,
button {
padding: 1.4rem 1.4rem;
border: none;
border-radius: 0.3rem;
background: #f2f2f2;
font-family: "Roboto", sans-serif;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
transition: background-color 0.2s;
}
select {
display: none;
}
input,
select,
textarea {
width: 100%;
box-shadow: 0 0 0.5rem rgba(44, 43, 43, 0.2) inset;
-webkit-appearance: none;
transition: background 0.2s linear;
}
input:focus,
select:focus,
textarea:focus {
outline: 0.1rem solid #f4ac00;
}
input:disabled,
select:disabled,
textarea:disabled {
color: #bfc0bf;
background-color: #f7f7f7;
box-shadow: none;
}
input.valid,
select.valid,
textarea.valid {
background: #fce6be;
box-shadow: 0 0 0.5rem rgba(244, 172, 0, 0.6) inset;
}
input.light,
select.light,
textarea.light {
background: #fff;
box-shadow: 0 0 0.5rem rgba(44, 43, 43, 0.4) inset;
}
input.invalid,
.invalid input,
input.ng-touched.ng-invalid,
form.ng-submitted input.ng-invalid,
select.invalid,
.invalid select,
select.ng-touched.ng-invalid,
form.ng-submitted select.ng-invalid,
textarea.invalid,
.invalid textarea,
textarea.ng-touched.ng-invalid,
form.ng-submitted textarea.ng-invalid {
background: #f9e6e2;
box-shadow: 0 0 0.5rem rgba(197, 34, 35, 0.6) inset;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
input::-ms-clear {
display: none;
}
textarea {
max-width: 100%;
min-height: 11.2rem;
resize: vertical;
}
fieldset:not(:first-child) {
margin-top: 2.8rem;
}
legend {
margin-bottom: 1.4rem;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
font-weight: 500;
letter-spacing: 0.05rem;
line-height: 2.8rem;
}
input[type="checkbox"],
input[type="radio"] {
position: absolute;
width: auto;
opacity: 0;
visibility: hidden;
}
label.checkbox,
label.radio,
.checkbox.fake,
.radio.fake {
position: relative;
display: block;
min-height: 2.88rem;
text-align: left;
cursor: pointer;
color: #2c2b2b;
}
label.checkbox:before,
label.radio:before,
.checkbox.fake:before,
.radio.fake:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 2.88rem;
height: 2.88rem;
background: #fff;
box-shadow: 0 0 0 0.1rem #bfc0bf;
}
label.checkbox > span,
label.radio > span,
.checkbox.fake > span,
.radio.fake > span {
display: inline-block;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
padding-left: 4.32rem;
padding-top: 0.4rem;
}
label.checkbox.no-label,
label.radio.no-label,
.checkbox.fake.no-label,
.radio.fake.no-label {
margin-bottom: 0;
text-align: center;
}
label.checkbox.no-label:before,
label.radio.no-label:before,
.checkbox.fake.no-label:before,
.radio.fake.no-label:before {
display: inline-block;
position: static;
}
label.checkbox.medium:before,
label.radio.medium:before,
.checkbox.fake.medium:before,
.radio.fake.medium:before {
background-color: #f2f2f2;
border-color: #f2f2f2;
}
label.checkbox.medium.invalid:before,
.invalid label.checkbox.medium:before,
label.radio.medium.invalid:before,
.invalid label.radio.medium:before,
.checkbox.fake.medium.invalid:before,
.invalid .checkbox.fake.medium:before,
.radio.fake.medium.invalid:before,
.invalid .radio.fake.medium:before {
background-color: #f9e6e2 !important;
border-color: #f9e6e2 !important;
}
label.checkbox.checker-s,
label.radio.checker-s,
.checkbox.fake.checker-s,
.radio.fake.checker-s {
min-height: 2.16rem;
line-height: 2.16rem;
}
label.checkbox.checker-s:before,
label.radio.checker-s:before,
.checkbox.fake.checker-s:before,
.radio.fake.checker-s:before {
width: 2.16rem;
height: 2.16rem;
top: 0.2rem;
}
label.checkbox.checker-s > span,
label.radio.checker-s > span,
.checkbox.fake.checker-s > span,
.radio.fake.checker-s > span {
padding-left: 3.4rem;
}
label.checkbox.size-m,
label.radio.size-m,
.checkbox.fake.size-m,
.radio.fake.size-m {
min-height: 3.6rem;
}
label.checkbox.size-m:before,
label.radio.size-m:before,
.checkbox.fake.size-m:before,
.radio.fake.size-m:before {
width: 3.6rem;
height: 3.6rem;
}
label.checkbox.size-m > span,
label.radio.size-m > span,
.checkbox.fake.size-m > span,
.radio.fake.size-m > span {
font-size: 1.8rem;
line-height: 2.2rem;
padding-left: 5.6rem;
padding-top: 0.5rem;
}
label.checkbox.size-l,
label.radio.size-l,
.checkbox.fake.size-l,
.radio.fake.size-l {
background-color: #f08100;
display: table;
height: 13.5rem;
}
@media only screen and (min-width: 568px) {
label.checkbox.size-l,
label.radio.size-l,
.checkbox.fake.size-l,
.radio.fake.size-l {
height: 12rem;
}
}
label.checkbox.size-l:before,
label.radio.size-l:before,
.checkbox.fake.size-l:before,
.radio.fake.size-l:before {
margin-left: -1.44rem;
top: auto;
left: 50%;
bottom: 1.8rem;
}
@media only screen and (min-width: 568px) {
label.checkbox.size-l:before,
label.radio.size-l:before,
.checkbox.fake.size-l:before,
.radio.fake.size-l:before {
margin-left: 0;
top: 50%;
left: 2rem;
bottom: auto;
}
}
label.checkbox.size-l > span,
label.radio.size-l > span,
.checkbox.fake.size-l > span,
.radio.fake.size-l > span {
color: #fff;
display: table-cell;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.4rem;
padding: 0.9rem 0.9rem 5rem;
text-align: center;
vertical-align: middle;
}
@media only screen and (min-width: 568px) {
label.checkbox.size-l > span,
label.radio.size-l > span,
.checkbox.fake.size-l > span,
.radio.fake.size-l > span {
padding: 1.8rem;
text-align: left;
padding-left: 7rem;
}
}
label.checkbox.size-l > i,
label.radio.size-l > i,
.checkbox.fake.size-l > i,
.radio.fake.size-l > i {
color: #fff;
display: none;
font-size: 5rem;
padding: 0 4rem 0 2rem;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
label.checkbox.size-l > i,
label.radio.size-l > i,
.checkbox.fake.size-l > i,
.radio.fake.size-l > i {
display: table-cell;
}
}
label.boxstyle,
.boxstyle {
display: block;
width: 100%;
margin-bottom: 1rem;
padding: 0 0.5rem;
border-radius: 0.3rem;
background: #f2f2f2;
transition: background-color 0.2s linear;
}
label.boxstyle:last-child,
.boxstyle:last-child {
margin-bottom: 0;
}
label.boxstyle:before,
.boxstyle:before {
margin-top: -1.44rem;
top: 50%;
left: 1rem;
}
label.boxstyle > span,
.boxstyle > span {
display: table-cell;
font-weight: 500;
padding: 1.5rem;
padding-left: 5.04rem;
vertical-align: middle;
}
label.boxstyle.negative,
.boxstyle.negative {
background-color: #fff;
}
label.boxstyle.negative:before,
.boxstyle.negative:before {
background-color: #f2f2f2;
border-color: #f2f2f2;
}
div.boxstyle > span {
display: block;
padding-left: 0.5rem;
}
label.radio:before,
.radio.fake:before {
border: 1.44rem solid #fff;
border-radius: 50%;
content: "";
transition: border-width 0.2s;
}
label.checkbox:before,
.checkbox.fake:before {
border-radius: 0.3rem;
color: #fff;
font-size: 1.5rem;
padding-top: 0.7rem;
text-align: center;
text-indent: -0.1rem;
transition: color 0.2s;
}
label.checkbox.checker-s:before,
.checkbox.fake.checker-s:before {
font-size: 1.2rem;
padding-top: 0.6rem;
}
label.checkbox.medium:before,
.checkbox.fake.medium:before {
color: #f2f2f2;
}
label.checkbox.size-m:before,
.checkbox.fake.size-m:before {
font-size: 1.8rem;
line-height: 2rem;
text-indent: 0.1rem;
}
input[type="radio"]:checked + .radio:before,
.radio.fake.checked:before {
background: #f4ac00;
border: 0.8rem solid #fff;
box-shadow: 0 0 0 0.1rem #f4ac00;
}
input[type="radio"]:checked + .radio.boxstyle,
.radio.fake.checked.boxstyle {
background: #fce6be;
}
input[type="radio"]:checked + .radio.boxstyle.negative,
.radio.fake.checked.boxstyle.negative {
background-color: #f4ac00;
font-weight: 500;
color: #fff;
}
input[type="radio"]:checked + .radio.boxstyle.negative:before,
.radio.fake.checked.boxstyle.negative:before {
background-color: #f4ac00;
border-color: #fff;
}
input[type="radio"]:checked + .radio.boxstyle.size-l,
.radio.fake.checked.boxstyle.size-l {
background-color: #f4ac00;
}
input[type="radio"]:checked + .radio.boxstyle.size-l:before,
.radio.fake.checked.boxstyle.size-l:before {
background-color: #f08100;
}
input[type="checkbox"]:checked + label.checkbox:before,
.checkbox.fake.checked:before {
color: #f4ac00;
box-shadow: 0 0 0 0.1rem #f4ac00;
}
input[type="checkbox"]:checked + label.checkbox.boxstyle,
.checkbox.fake.checked.boxstyle {
background: #fce6be;
}
input[type="checkbox"]:checked + label.checkbox.boxstyle.negative,
.checkbox.fake.checked.boxstyle.negative {
background-color: #f4ac00;
}
input[type="checkbox"]:checked + label.checkbox.boxstyle.negative:before,
.checkbox.fake.checked.boxstyle.negative:before {
background-color: #f4ac00;
border-color: #fff;
}
input[type="checkbox"]:checked + label.checkbox.medium:before,
.checkbox.fake.checked.medium:before {
color: #f4ac00;
}
input[type="radio"].invalid + label.radio,
input[type="radio"] + label.radio.invalid,
.invalid input[type="radio"] + label.radio,
form.ng-submitted input[type="radio"].ng-invalid + label.radio {
background-color: #f9e6e2 !important;
color: #c52223;
}
input[type="radio"].invalid + label.radio:before,
input[type="radio"] + label.radio.invalid:before,
.invalid input[type="radio"] + label.radio:before,
form.ng-submitted input[type="radio"].ng-invalid + label.radio:before {
box-shadow: 0 0 0 0.1rem #c52223;
}
input[type="checkbox"].invalid + label.checkbox,
input[type="checkbox"] + label.checkbox.invalid,
.invalid input[type="checkbox"] + label.checkbox,
form.ng-submitted input[type="checkbox"].ng-invalid + label.checkbox {
color: #c52223;
}
input[type="checkbox"].invalid + label.checkbox.boxstyle,
input[type="checkbox"] + label.checkbox.invalid.boxstyle,
.invalid input[type="checkbox"] + label.checkbox.boxstyle,
form.ng-submitted input[type="checkbox"].ng-invalid + label.checkbox.boxstyle {
background-color: #f9e6e2 !important;
}
input[type="checkbox"].invalid + label.checkbox.boxstyle:before,
input[type="checkbox"] + label.checkbox.invalid.boxstyle:before,
.invalid input[type="checkbox"] + label.checkbox.boxstyle:before,
form.ng-submitted
input[type="checkbox"].ng-invalid
+ label.checkbox.boxstyle:before {
box-shadow: 0 0 0 0.1rem #c52223;
color: #fff;
}
input[type="checkbox"].invalid + label.checkbox.medium:before,
input[type="checkbox"] + label.checkbox.invalid.medium:before,
.invalid input[type="checkbox"] + label.checkbox.medium:before,
form.ng-submitted
input[type="checkbox"].ng-invalid
+ label.checkbox.medium:before {
background-color: #f9e6e2;
color: #f9e6e2;
}
input[type="radio"]:checked + label.radio.invalid:before,
input[type="radio"].invalid:checked + label.radio:before,
.radio.fake.invalid.checked:before,
.invalid input[type="radio"]:checked + label.radio:before,
.invalid .radio.fake.checked:before,
form.ng-submitted input[type="radio"].ng-invalid:checked + label.radio:before {
background-color: #c52223;
box-shadow: 0 0 0 0.1rem #c52223;
}
input[type="checkbox"]:checked + label.checkbox.invalid.boxstyle:before,
input[type="checkbox"].invalid:checked + label.checkbox.boxstyle:before,
.checkbox.fake.invalid.checked.boxstyle:before,
.invalid input[type="checkbox"]:checked + label.checkbox.boxstyle:before,
.invalid .checkbox.fake.checked.boxstyle:before,
form.ng-submitted
input[type="checkbox"].ng-invalid:checked
+ label.checkbox.boxstyle:before {
box-shadow: 0 0 0 0.1rem #c52223;
color: #c52223;
}
input[type="checkbox"]:checked + label.checkbox.invalid.medium:before,
input[type="checkbox"].invalid:checked + label.checkbox.medium:before,
.checkbox.fake.invalid.checked.medium:before,
.invalid input[type="checkbox"]:checked + label.checkbox.medium:before,
.invalid .checkbox.fake.checked.medium:before,
form.ng-submitted
input[type="checkbox"].ng-invalid:checked
+ label.checkbox.medium:before {
color: #c52223;
}
input[type="radio"].disabled + label.radio,
input[type="radio"]:disabled + label.radio,
input[type="radio"] + label.radio.disabled,
.disabled input[type="radio"] + label.radio {
background-color: #f7f7f7 !important;
color: #bfc0bf;
cursor: default;
}
input[type="checkbox"].disabled + label.checkbox,
input[type="checkbox"]:disabled + label.checkbox,
input[type="checkbox"] + label.checkbox.disabled,
.disabled input[type="checkbox"] + label.checkbox {
color: #bfc0bf;
cursor: default;
}
input[type="checkbox"].disabled + label.checkbox.boxstyle,
input[type="checkbox"]:disabled + label.checkbox.boxstyle,
input[type="checkbox"] + label.checkbox.disabled.boxstyle,
.disabled input[type="checkbox"] + label.checkbox.boxstyle {
background-color: #f7f7f7 !important;
}
input[type="checkbox"].disabled + label.checkbox.boxstyle:before,
input[type="checkbox"]:disabled + label.checkbox.boxstyle:before,
input[type="checkbox"] + label.checkbox.disabled.boxstyle:before,
.disabled input[type="checkbox"] + label.checkbox.boxstyle:before {
color: #fff;
}
input[type="checkbox"].disabled + label.checkbox.medium:before,
input[type="checkbox"]:disabled + label.checkbox.medium:before,
input[type="checkbox"] + label.checkbox.disabled.medium:before,
.disabled input[type="checkbox"] + label.checkbox.medium:before {
background-color: #f7f7f7;
color: #f7f7f7;
}
input[type="radio"]:checked + label.radio.disabled:before,
input[type="radio"].disabled:checked + label.radio:before,
input[type="radio"]:disabled:checked + label.radio:before,
.radio.fake.disabled.checked:before,
.disabled input[type="radio"]:checked + label.radio:before,
.disabled .radio.fake.checked:before {
background-color: #bfc0bf;
}
input[type="checkbox"]:checked + label.checkbox.disabled.boxstyle:before,
input[type="checkbox"]:checked + label.checkbox.disabled.medium:before,
input[type="checkbox"].disabled:checked + label.checkbox.boxstyle:before,
input[type="checkbox"].disabled:checked + label.checkbox.medium:before,
input[type="checkbox"]:disabled:checked + label.checkbox.boxstyle:before,
input[type="checkbox"]:disabled:checked + label.checkbox.medium:before,
.checkbox.fake.disabled.checked.boxstyle:before,
.checkbox.fake.disabled.checked.medium:before,
.disabled input[type="checkbox"]:checked + label.checkbox.boxstyle:before,
.disabled input[type="checkbox"]:checked + label.checkbox.medium:before,
.disabled .checkbox.fake.checked.boxstyle:before,
.disabled .checkbox.fake.checked.medium:before {
color: #bfc0bf;
}
.l-calculator:after {
clear: both;
display: table;
content: "";
}
.l-calculator__form--sidebar {
min-height: 0;
transition: min-height 0.2s;
}
@media only screen and (min-width: 568px) {
.l-calculator__form--sidebar {
padding-right: 5.5rem;
padding-left: 3rem;
}
}
@media only screen and (min-width: 768px) {
.l-calculator__form--sidebar {
float: left;
border-right: 0.3rem solid #f2f2f2;
width: 75%;
}
}
.l-calculator__sidebar {
display: none;
min-height: 1px;
}
@media only screen and (min-width: 768px) {
.l-calculator__sidebar {
display: block;
float: left;
padding-left: 3.6rem;
width: 25%;
}
}
.l-calc-header__top {
background-color: #fce6be;
}
.l-calc-header__logo {
display: block;
padding: 1.4rem 0;
}
.l-calc-header__title {
text-transform: uppercase;
margin: 1.4rem 0 2.8rem;
color: #f4ac00;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-weight: normal;
}
.l-content {
padding-top: 5.8rem;
background-color: #fff;
min-height: calc(100vh - 8.4rem);
transition: padding-top 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-content {
padding-top: 10rem;
}
}
.l-content--home {
padding-top: 0;
min-height: 0;
}
@media only screen and (min-width: 768px) {
.l-content--home {
position: relative;
z-index: 999999;
margin-top: 100vh;
transform: translate3d(0, 0, 0);
}
}
.l-content--corporate {
padding-top: 9.8rem;
margin-bottom: 0.7rem;
}
@media only screen and (min-width: 768px) {
.l-content--corporate {
padding-top: 10rem;
}
}
.l-content--landing {
margin-top: 0 !important;
padding-top: 0 !important;
min-height: calc(100vh - 20rem);
}
@media only screen and (min-width: 568px) {
.l-content--landing {
min-height: calc(100vh - 13.8rem);
}
}
.l-content--branding {
padding-top: 0 !important;
}
.l-content__header {
position: relative;
padding: 4.2rem 0;
color: #fff;
background: #2c2b2b center center;
font-weight: 500;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-content__header {
min-height: 35rem;
background-size: cover;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.l-content__header:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(44, 43, 43, 0.8);
content: "";
}
.l-content__header > div {
position: relative;
z-index: 2;
max-width: 960px;
margin: 0 auto;
width: 100%;
}
.l-content__header > div > div {
line-height: 2.1rem;
}
@media only screen and (min-width: 768px) {
.l-content__header > div > div {
line-height: 2.8rem;
}
}
.l-content__header > div > div:not(:last-child) {
margin-bottom: 0.7rem;
}
.l-content__header h1 {
margin-bottom: 2.8rem;
padding: 0 0.9rem;
line-height: 3.92rem;
}
@media only screen and (min-width: 768px) {
.l-content__header h1 {
padding-right: 0;
padding-left: 0;
line-height: 4.9rem;
}
}
.l-content__header p {
position: relative;
max-width: 75%;
margin: 2.8rem auto 3.5rem;
padding-top: 3.5rem;
font-size: 2rem;
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.l-content__header p {
font-size: 2.2rem;
line-height: 3.08rem;
}
}
.l-content__header p:last-child {
margin-bottom: 0;
}
.l-content__header p:before {
position: absolute;
top: 0.2rem;
left: 50%;
width: 10rem;
height: 0.6rem;
background: #fff;
content: "";
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.l-content__header .m-button--flagged {
margin-left: auto !important;
margin-right: auto !important;
overflow: visible;
}
.l-content__header--corporate {
padding: 9.8rem 0;
}
.l-content__header--corporate h1 {
margin-bottom: 0;
}
.l-content__header--corporate p {
margin-top: 0;
}
.l-content__header--corporate p:before {
display: none;
}
.l-content__header--event {
padding: 0;
}
@media only screen and (min-width: 768px) {
.l-content__header--event {
display: block;
padding: 4.2rem 0;
}
}
.l-content__header--event:after {
display: none;
}
.l-content__header--event .m-box {
width: 100%;
margin: 0 !important;
font-weight: 300;
text-align: left;
box-shadow: 0 0 0.6rem rgba(44, 43, 43, 0.2);
}
@media only screen and (min-width: 768px) {
.l-content__header--event .m-box {
margin: 0 2%;
width: 52%;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header--event .m-box {
margin: 0;
}
}
.l-content__header--event .m-box > h1 {
margin-bottom: 1.4rem;
padding: 0;
font-family: "Roboto", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.2;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-content__header--event .m-box > h1 {
font-size: 2.2rem;
line-height: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-content__header--event .m-box > h1 {
margin-bottom: 0;
}
}
.l-content__header--event .m-box > time {
display: block;
margin-bottom: 2.8rem;
font-weight: 300;
}
.l-content__header--event .l-content__event-icon {
font-size: 3rem;
margin-right: 1rem;
vertical-align: -1rem;
}
.l-content__header__button-group > button::-moz-focus-inner {
border: 0;
padding: 0;
}
.l-content__header__button-group > .m-button,
.m-tab-nav--buttons ul li.l-content__header__button-group > a,
.m-chatbot__panel .wc-app .l-content__header__button-group > button {
display: block;
width: 80%;
margin-right: auto !important;
margin-bottom: 1.4rem;
margin-left: auto !important;
vertical-align: top;
}
@media only screen and (min-width: 768px) {
.l-content__header__button-group > .m-button,
.m-tab-nav--buttons ul li.l-content__header__button-group > a,
.m-chatbot__panel .wc-app .l-content__header__button-group > button {
display: inline-block;
width: auto;
margin-right: 0.45rem !important;
margin-bottom: 0;
margin-left: 0.45rem !important;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header__button-group > .m-button,
.m-tab-nav--buttons ul li.l-content__header__button-group > a,
.m-chatbot__panel .wc-app .l-content__header__button-group > button {
width: 30%;
margin: 0 1.4rem;
font-size: 1.7rem;
line-height: 2.8rem;
}
}
.l-content__header__button-group > .m-button > i,
.m-tab-nav--buttons ul li.l-content__header__button-group > a > i,
.m-chatbot__panel .wc-app .l-content__header__button-group > button > i {
position: relative;
top: -0.2rem;
}
.l-content__header--light {
color: #2c2b2b;
background: #f2f2f2;
}
.l-content__header--light p:before {
background: #2c2b2b;
}
.l-content__header--unstyled {
padding: 2.8rem 1.4rem;
color: #2c2b2b;
background: #fff;
text-align: left;
}
@media only screen and (min-width: 768px) {
.l-content__header--unstyled {
padding: 5.6rem 0;
}
}
.l-content__header--unstyled p {
margin-right: 0;
margin-left: 0;
text-align: left;
}
.l-content__header--unstyled p:before {
left: 0;
background: #2c2b2b;
-ms-transform: translateX(0);
transform: translateX(0);
}
.l-content__header.l-content__header--search:after {
content: none;
}
.l-content__header.l-content__header--search p {
padding-top: 0;
}
.l-content__header.l-content__header--search p:before {
content: none !important;
}
.l-content__search-input {
position: relative;
color: #bfc0bf;
}
.l-content__search-input > input {
background: #fff;
font-size: 1.8rem;
padding-left: 4rem;
padding-right: 4rem;
}
.l-content__search-input > i {
font-size: 3rem;
top: 0.9rem;
left: 0.5rem;
position: absolute;
pointer-events: none;
}
.l-content__search-input > button {
position: absolute;
right: 0;
top: 0;
background: transparent;
color: #f4ac00;
height: 100%;
line-height: 0.6;
}
.l-content__searchbar {
background: #595a59;
color: #fff;
padding: 1.4rem 1.4rem;
text-align: left;
width: 100%;
}
.l-content__searchbar > div {
max-width: 960px;
margin: 0 auto;
}
.l-content__searchbar label {
display: block;
font-weight: 500;
margin-top: 1rem;
}
.l-content__header--landing {
min-height: 28vw;
padding: 0 !important;
}
.l-content__header--landing:after {
content: none;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing {
padding: 2.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.l-content__header--landing.l-content__header--landing-pri {
display: block;
min-height: 0;
}
.l-content__header--landing:after {
content: "";
min-height: inherit;
font-size: 0;
display: block;
position: static;
background: transparent;
}
}
.l-content__header--landing > div {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
z-index: 100000000;
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.l-content__header--landing > div {
position: static;
}
}
.l-content__header--landing > div > h1 {
margin-bottom: 0 !important;
padding: 0;
}
.l-content__header--landing > div > h1 + h2 {
margin-top: 0.7rem;
}
.l-content__header--landing > div > p,
.l-content__header--landing > div > ul {
margin-top: 1.4rem;
}
.l-content__header--landing > div p {
padding-top: 0;
max-width: none;
margin-bottom: 0;
}
.l-content__header--landing > div p:before {
content: none;
}
.l-content__header--landing > div p + p {
margin-top: 1.4rem;
}
.l-content__header--landing > div p + ul {
margin-top: 2.8rem;
margin-bottom: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing > div p + ul {
margin-bottom: 0;
}
}
.l-content__header--landing > div .m-button,
.l-content__header--landing > div .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-content__header--landing > div li > a,
.l-content__header--landing > div .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-content__header--landing > div button {
overflow: visible;
position: relative;
z-index: 1;
margin-right: 0 !important;
margin-left: 0 !important;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing > div .m-button,
.l-content__header--landing > div .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-content__header--landing > div li > a,
.l-content__header--landing > div .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-content__header--landing > div button {
margin-top: 2.8rem;
}
}
.l-content__header--landing > div > ul > li {
font-weight: 300;
padding-left: 2.8rem;
margin-bottom: 1.4rem;
}
.l-content__header--landing > div > ul > li:last-child {
margin-bottom: 0;
}
.l-content__header--landing > div > ul > li > i {
display: inline-block;
margin-right: -2.8rem;
text-indent: -2.8rem;
vertical-align: -0.2rem;
width: 2.8rem;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-signet p {
padding-right: 17rem;
}
}
.l-content__header-signet {
margin: 2.8rem 0 1.4rem;
right: 1.4rem;
}
@media only screen and (min-width: 568px) {
.l-content__header-signet {
margin-bottom: 0;
position: absolute;
max-width: 35%;
max-height: 100%;
padding: 2.8rem 0;
bottom: auto;
top: -2.8rem;
}
.l-content__header--landing-til .l-content__header-signet {
max-width: 23%;
bottom: 0;
top: auto;
}
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-til .l-content__header-signet {
right: 2.8rem;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header-signet {
right: 0;
}
.l-content__header--landing-til .l-content__header-signet {
right: 1.4rem;
}
}
.l-content__header--landing-left {
text-align: left;
}
.l-content__header--landing-pri {
background: #f4ac00;
color: #2c2b2b;
}
.l-content__header--landing-dark > div > h1 {
color: #f4ac00;
}
.l-content__header--landing-dark > div > h2 {
color: #f4ac00;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-signet > div > h1,
.l-content__header--landing-signet > div > h2,
.l-content__header--landing-signet > div > p,
.l-content__header--landing-signet > div > ul {
padding-right: 40%;
}
}
.l-content__header--landing-til {
background-size: cover;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-til {
padding-top: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-til {
padding: 5.6rem 2.8rem;
}
}
.l-content__header--landing-til > div {
overflow: hidden;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-til > div {
overflow: visible;
}
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-til > div > h1,
.l-content__header--landing-til > div > ul {
padding-right: 35%;
}
}
.l-content__header--landing-til > div > p {
margin-left: 0;
margin-right: 0;
text-align: left;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-til > div > p {
padding-right: 35%;
}
}
.l-content__header-content--landing {
padding: 2.8rem 1.4rem;
}
.l-content__header-content--landing > h1 {
font-size: 4rem;
line-height: 1.2;
}
.l-content__header-content--landing
.l-content__header__button-group
> .m-button,
.l-content__header-content--landing
.m-tab-nav--buttons
ul
li.l-content__header__button-group
> a,
.m-tab-nav--buttons
ul
.l-content__header-content--landing
li.l-content__header__button-group
> a,
.l-content__header-content--landing
.m-chatbot__panel
.wc-app
.l-content__header__button-group
> button,
.m-chatbot__panel
.wc-app
.l-content__header-content--landing
.l-content__header__button-group
> button {
width: auto;
}
@media only screen and (min-width: 568px) {
.l-content__header-content--landing {
padding-top: 5.6rem;
}
}
@media only screen and (min-width: 768px) {
.l-content__header-content--landing {
padding: 5.6rem 2.8rem;
position: static;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header-content--landing {
padding-left: 0;
padding-right: 0;
}
}
.l-content__header--landing-pri .l-content__header-content--landing {
padding-top: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-pri .l-content__header-content--landing {
min-height: 0;
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
}
.l-content__header--landing-signet .l-content__header-content--landing {
position: relative !important;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-signet .l-content__header-content--landing {
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
}
.l-content__header--landing-til .l-content__header-content--landing {
padding-top: 55%;
}
@media only screen and (min-width: 568px) {
.l-content__header--landing-til .l-content__header-content--landing {
padding-top: 2.8rem;
}
}
.l-content__header--landing-til .l-content__header-content--landing:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 130vw, #000 180vw);
z-index: -1;
top: 0;
left: 0;
}
@media only screen and (min-width: 480px) {
.l-content__header--landing-til .l-content__header-content--landing:after {
content: none;
}
}
.l-content__header-til-mobile {
position: absolute;
right: 0;
top: -3%;
z-index: -1;
}
@media only screen and (min-width: 568px) {
.l-content__header-til-mobile {
display: none;
}
}
.l-content__header-til {
display: none;
}
@media only screen and (min-width: 568px) {
.l-content__header-til {
display: block;
bottom: 0;
margin-right: -21rem;
max-height: 110%;
max-width: 50%;
position: absolute;
right: 30%;
top: auto;
z-index: -1;
}
}
@media only screen and (min-width: 768px) {
.l-content__header-til {
margin-right: 1.4rem;
right: 0;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header-til {
margin-right: -480px;
right: 50%;
z-index: 0;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header--landing-calculator .l-content__header-til {
margin-right: -520px;
max-height: 110%;
}
}
.l-content__header__back-button {
position: absolute;
top: 0;
right: 0;
display: none;
width: 5.6rem;
padding: 1.4rem;
background: #fff;
box-shadow: 0 0 0.6rem rgba(44, 43, 43, 0.2);
transition: background 0.2s;
}
@media only screen and (min-width: 768px) {
.l-content__header__back-button {
right: 2%;
display: block;
}
}
@media only screen and (min-width: 1024px) {
.l-content__header__back-button {
right: 0;
}
}
.l-content__header__back-button:hover {
background: #f2f2f2;
}
.l-content__header__back-button > .ico-arrow-left,
.m-pikaday .l-content__header__back-button > .pika-prev,
.m-pikaday .is-rtl .l-content__header__back-button > .pika-next {
position: relative;
top: 0.4rem;
color: #f4ac00;
font-size: 2.2rem;
}
.l-content__section {
padding: 2.8rem 1.4rem;
background: #fff;
}
@media only screen and (min-width: 768px) {
.l-content__section {
padding: 4.2rem 1.4rem;
}
}
.l-content__section > div {
max-width: 960px;
margin-right: auto;
margin-left: auto;
}
.l-content__section > div > h2 {
margin-bottom: 2.1rem;
font-weight: 800;
line-height: 2.8rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-content__section > div > h2 {
line-height: 4.2rem;
}
}
.l-content__section > div > h2 > small {
display: block;
margin-top: 0.7rem;
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.l-content__section > div > h2 > small {
margin-top: -0.7rem;
}
}
.l-content__section > div h3,
.l-content__section > div h4 {
margin-bottom: 0.7rem;
}
.l-content__section .m-box {
color: #2c2b2b;
background: #f2f2f2;
}
.l-content__section:not(.l-content__section--medium):not(.l-content__section--dark):not(.l-content__section--black)
+ .l-content__section:not(.l-content__section--medium):not(.l-content__section--dark):not(.l-content__section--black) {
padding-top: 0;
}
.l-content__section--medium {
background: #f2f2f2;
}
.l-content__section--medium .m-box {
color: #2c2b2b;
background: #fff;
}
.l-content__section--black {
background: #2c2b2b;
color: #fff;
}
.l-content__section--blackblack {
background: #000;
color: #fff;
}
.l-content__section--dark {
color: #fff;
background: #474747;
}
.l-content__section--condensed {
padding-top: 2.1rem;
padding-bottom: 2.1rem;
}
.l-content__section--full {
padding-left: 0;
padding-right: 0;
}
.l-content__section--full > div {
max-width: none;
background-color: #f2f2f2;
padding: 1rem 1.4rem 0;
}
@media only screen and (min-width: 568px) {
.l-content__section--full > div {
padding: 1rem 2.8rem 5rem;
}
}
@media only screen and (min-width: 568px) {
.l-content__section--wide {
padding-right: 2.8rem;
padding-left: 2.8rem;
}
}
.l-content__section--wide > div {
max-width: 1200px;
}
.l-content__section--wide.l-content__section--gray > div {
max-width: none;
}
.l-fullscreen-overlay {
position: fixed;
z-index: 100000100;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
}
.l-fullscreen-overlay--hidden-overflow .l-fullscreen-overlay__content {
overflow: hidden;
}
.l-fullscreen-overlay__close-button,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button,
.l-fullscreen-overlay__back-button {
position: absolute;
z-index: 99;
top: 0;
right: 0;
display: block;
margin-right: 0;
margin-left: 0;
padding: 1.4rem;
border: none;
border-radius: 0 0 0 0.3rem;
color: #fff;
background: #f4ac00;
line-height: 1.4rem;
transition: background-color 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__close-button,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button,
.l-fullscreen-overlay__back-button {
border-radius: 0.3rem;
top: 1.4rem;
right: 1.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__close-button.inverted,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .inverted.m-content-tiles__close-button,
.l-fullscreen-overlay__back-button.inverted {
color: #f4ac00;
}
}
.l-fullscreen-overlay__close-button:focus,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button:focus,
.l-fullscreen-overlay__back-button:focus {
border: none;
outline: 0;
}
.l-fullscreen-overlay__close-button:hover,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button:hover,
.l-fullscreen-overlay__back-button:hover {
background-color: #f08100;
}
.l-fullscreen-overlay__close-button > i,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button
> i,
.l-fullscreen-overlay__back-button > i {
font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__close-button > i,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button
> i,
.l-fullscreen-overlay__back-button > i {
font-size: 3.2rem;
}
}
.l-fullscreen-overlay__close-button > span,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button
> span,
.l-fullscreen-overlay__back-button > span {
position: relative;
top: -0.4rem;
margin-right: 0.7rem;
font-size: 1.8rem;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__close-button > span,
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button
> span,
.l-fullscreen-overlay__back-button > span {
top: -0.7rem;
margin-right: 1.4rem;
font-size: 2.2rem;
}
}
.l-fullscreen-overlay__back-button {
right: auto;
left: 0;
border-radius: 0 0 0.3rem 0;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__back-button {
left: 1.4rem;
border-radius: 0.3rem;
}
}
.l-fullscreen-overlay__back-button > i {
position: relative;
left: -0.2rem;
}
.l-fullscreen-overlay__back-button > span {
position: relative;
font-size: 1.8rem;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__back-button > span {
top: -1rem;
}
}
.l-fullscreen-overlay__spinner {
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
display: none;
width: 8rem;
height: 8rem;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.l-fullscreen-overlay__spinner.l-fullscreen-overlay__spinner--branch {
z-index: -1;
display: block;
}
.l-fullscreen-overlay__mobile-header {
position: fixed;
z-index: 9999999999;
top: 0;
right: 0;
left: 0;
height: 7rem;
background: #f4ac00;
box-shadow: 0 0 1rem rgba(89, 90, 89, 0.5);
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__mobile-header {
display: none;
}
}
.l-fullscreen-overlay__mobile-header .l-fullscreen-overlay__close-button,
.l-fullscreen-overlay__mobile-header
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button {
top: 0.9rem;
}
.l-fullscreen-overlay__logo {
position: absolute;
z-index: 9999;
top: 1.4rem;
left: 1.4rem;
display: block;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__logo > .mobile {
display: none;
}
.l-fullscreen-overlay__logo > .desktop {
display: block;
}
}
.l-fullscreen-overlay__logo > .mobile {
width: 76px;
}
.l-fullscreen-overlay__logo > .desktop {
display: none;
width: 152px;
}
.l-fullscreen-overlay__content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
max-width: 100%;
padding: 0;
color: #fff;
background: #f4ac00;
z-index: 0;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__content {
padding-right: 0;
padding-left: 0;
}
}
.l-fullscreen-overlay__content.slide {
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.l-fullscreen-overlay__content > div:first-child {
max-width: 680px;
margin: 0 auto;
}
.l-fullscreen-overlay__content > div:first-child > header {
padding-top: 7rem;
padding-bottom: 2.8rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__content > div:first-child > header {
margin-bottom: 4.2rem;
}
}
.l-fullscreen-overlay__content > div:first-child > header h2 {
padding: 0 1.4rem;
font-size: 3.2rem;
}
.l-fullscreen-overlay__content > div:first-child > header i {
display: none;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay__content > div:first-child > header i {
display: block;
margin-bottom: 1.4rem;
font-size: 8rem;
line-height: 5.6rem;
}
}
.l-fullscreen-overlay__content > div:first-child .left-column {
border-right: 0.3rem solid #f2f2f2;
}
.l-fullscreen-overlay__content > div:first-child .right-column {
padding-left: 2.8rem;
}
.l-fullscreen-overlay__content > iframe {
width: 100%;
height: 100vh;
margin-bottom: -1rem;
}
.l-fullscreen-overlay__iframe-container {
width: 100%;
margin-bottom: 2.8rem;
background: #fff;
}
.l-fullscreen-overlay__iframe-container > iframe {
width: 100%;
min-height: 70vh;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay--vcenter .l-fullscreen-overlay__content {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
}
.l-fullscreen-overlay--vcenter
.l-fullscreen-overlay__content
> div:first-child {
margin-top: 5.2rem;
}
.l-fullscreen-overlay--lightbox .l-fullscreen-overlay__content {
background: rgba(0, 0, 0, 0.8);
}
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button {
color: #fff;
}
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button.selected,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a.selected,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a.selected,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button.selected,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button.selected {
color: #bfc0bf;
background: #f2f2f2;
}
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button.selected:hover,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a.selected:hover,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a.selected:hover,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button.selected:hover,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button.selected:hover {
color: #bfc0bf;
background: #f2f2f2;
}
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-component-footer
> div {
color: #2c2b2b;
background: #fff;
}
@media only screen and (min-width: 768px) {
.l-fullscreen-overlay--lightbox .l-fullscreen-overlay__close-button,
.l-fullscreen-overlay--lightbox
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button {
background: transparent;
}
}
.l-fullscreen-overlay__content--narrow > div:first-child {
max-width: 48rem;
}
.l-fullscreen-overlay__content--wide > div:first-child {
max-width: 960px;
}
.l-fullscreen-overlay__content--full-width > div:first-child {
max-width: none;
}
.l-fullscreen-overlay__content--squeezed > div:first-child > header {
padding-top: 5.6rem;
padding-bottom: 0;
}
.l-grid,
.m-datepicker,
.m-form__group,
.m-callout,
.m-feature-list {
display: block;
margin-right: -0.9rem;
margin-left: -0.9rem;
}
.l-grid:after,
.m-datepicker:after,
.m-form__group:after,
.m-callout:after,
.m-feature-list:after {
clear: both;
display: table;
content: "";
}
.l-grid.l-grid--flex,
.l-grid--flex.m-datepicker,
.l-grid--flex.m-form__group,
.l-grid--flex.m-callout,
.l-grid--flex.m-feature-list {
display: -ms-flexbox;
display: flex;
}
.l-grid.l-grid--flex > div > div,
.l-grid--flex.m-datepicker > div > div,
.l-grid--flex.m-form__group > div > div,
.l-grid--flex.m-callout > div > div,
.l-grid--flex.m-feature-list > div > div {
height: 100%;
}
@media only screen and (min-width: 568px) {
.l-grid.l-grid--flex-s,
.l-grid--flex-s.m-datepicker,
.l-grid--flex-s.m-form__group,
.l-grid--flex-s.m-callout,
.l-grid--flex-s.m-feature-list {
display: -ms-flexbox;
display: flex;
}
.l-grid.l-grid--flex-s > div > div,
.l-grid--flex-s.m-datepicker > div > div,
.l-grid--flex-s.m-form__group > div > div,
.l-grid--flex-s.m-callout > div > div,
.l-grid--flex-s.m-feature-list > div > div {
height: 100%;
}
}
@media only screen and (max-width: 567px) {
.l-grid--overflowing {
overflow: scroll;
margin: -1.4rem !important;
white-space: nowrap;
}
}
@media only screen and (min-width: 568px) and (max-width: 1023px) {
.l-grid--overflowing {
overflow: scroll;
margin: -1.4rem !important;
white-space: nowrap;
}
}
.l-grid__row {
display: block;
width: 100%;
}
.l-grid__row:after {
clear: both;
display: table;
content: "";
}
.l-grid__col,
.m-datepicker__input,
.m-datepicker__trigger,
.m-form__group > label,
.m-form__group-fields,
.m-callout > div,
[class*="l-grid__col"] {
float: left;
margin-bottom: 2.8rem;
min-height: 1px;
padding: 0 0.9rem;
}
@media only screen and (max-width: 567px) {
.l-grid__col,
.m-datepicker__input,
.m-datepicker__trigger,
.m-form__group > label,
.m-form__group-fields,
.m-callout > div,
[class*="l-grid__col"] {
width: 100%;
}
.l-grid__col.l-grid__col--keep-width,
.l-grid__col--keep-width.m-datepicker__input,
.l-grid__col--keep-width.m-datepicker__trigger,
.m-form__group > label.l-grid__col--keep-width,
.l-grid__col--keep-width.m-form__group-fields,
.m-callout > div.l-grid__col--keep-width,
[class*="l-grid__col"].l-grid__col--keep-width {
margin-bottom: 0;
}
.l-grid__col.l-grid__col--gutter-spacer,
.l-grid__col--gutter-spacer.m-datepicker__input,
.l-grid__col--gutter-spacer.m-datepicker__trigger,
.m-form__group > label.l-grid__col--gutter-spacer,
.l-grid__col--gutter-spacer.m-form__group-fields,
.m-callout > div.l-grid__col--gutter-spacer,
[class*="l-grid__col"].l-grid__col--gutter-spacer {
margin-bottom: 1.8rem;
}
.l-grid__col.l-grid__col--gutter-spacer:last-child,
.l-grid__col--gutter-spacer.m-datepicker__input:last-child,
.l-grid__col--gutter-spacer.m-datepicker__trigger:last-child,
.m-form__group > label.l-grid__col--gutter-spacer:last-child,
.l-grid__col--gutter-spacer.m-form__group-fields:last-child,
.m-callout > div.l-grid__col--gutter-spacer:last-child,
[class*="l-grid__col"].l-grid__col--gutter-spacer:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 568px) {
.l-grid__col,
.m-datepicker__input,
.m-datepicker__trigger,
.m-form__group > label,
.m-form__group-fields,
.m-callout > div,
[class*="l-grid__col"] {
margin-bottom: 0;
}
}
.l-grid__col:last-child,
.m-datepicker__input:last-child,
.m-datepicker__trigger:last-child,
.m-form__group > label:last-child,
.m-form__group-fields:last-child,
.m-callout > div:last-child,
[class*="l-grid__col"]:last-child {
margin-bottom: 0;
}
.l-grid__col .m-box,
.m-datepicker__input .m-box,
.m-datepicker__trigger .m-box,
.m-form__group > label .m-box,
.m-form__group-fields .m-box,
.m-callout > div .m-box,
[class*="l-grid__col"] .m-box {
margin-bottom: 1.8rem;
}
.l-grid__col .m-box:last-child,
.m-datepicker__input .m-box:last-child,
.m-datepicker__trigger .m-box:last-child,
.m-form__group > label .m-box:last-child,
.m-form__group-fields .m-box:last-child,
.m-callout > div .m-box:last-child,
[class*="l-grid__col"] .m-box:last-child {
margin-bottom: 0;
}
.l-grid__col,
.m-datepicker__input,
.m-datepicker__trigger,
.m-form__group > label,
.m-form__group-fields,
.m-callout > div {
width: 100%;
}
.l-grid__col--1-12 {
width: 8.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--1-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-1 {
margin-left: 8.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-1 {
margin-left: 0;
}
}
.l-grid__col--2-12 {
width: 16.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--2-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-2 {
margin-left: 16.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-2 {
margin-left: 0;
}
}
.l-grid__col--3-12 {
width: 25%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--3-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-3 {
margin-left: 25%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-3 {
margin-left: 0;
}
}
.l-grid__col--4-12 {
width: 33.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--4-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-4 {
margin-left: 33.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-4 {
margin-left: 0;
}
}
.l-grid__col--5-12 {
width: 41.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--5-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-5 {
margin-left: 41.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-5 {
margin-left: 0;
}
}
.l-grid__col--6-12,
.m-callout > div {
width: 50%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--6-12:not(.l-grid__col--keep-width),
.m-callout > div:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-6 {
margin-left: 50%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-6 {
margin-left: 0;
}
}
.l-grid__col--7-12 {
width: 58.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--7-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-7 {
margin-left: 58.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-7 {
margin-left: 0;
}
}
.l-grid__col--8-12 {
width: 66.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--8-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-8 {
margin-left: 66.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-8 {
margin-left: 0;
}
}
.l-grid__col--9-12 {
width: 75%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--9-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-9 {
margin-left: 75%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-9 {
margin-left: 0;
}
}
.l-grid__col--10-12 {
width: 83.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--10-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-10 {
margin-left: 83.3333333333%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-10 {
margin-left: 0;
}
}
.l-grid__col--11-12 {
width: 91.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--11-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-11 {
margin-left: 91.6666666667%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-11 {
margin-left: 0;
}
}
.l-grid__col--12-12 {
width: 100%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--12-12:not(.l-grid__col--keep-width) {
width: 100%;
}
}
.l-grid__col--offset-12 {
margin-left: 100%;
}
@media only screen and (max-width: 567px) {
.l-grid__col--offset-12 {
margin-left: 0;
}
}
@media only screen and (min-width: 360px) {
.l-grid__col--xxs-1-12 {
width: 8.3333333333%;
}
.l-grid__col--xxs-2-12 {
width: 16.6666666667%;
}
.l-grid__col--xxs-3-12 {
width: 25%;
}
.l-grid__col--xxs-4-12 {
width: 33.3333333333%;
}
.l-grid__col--xxs-5-12 {
width: 41.6666666667%;
}
.l-grid__col--xxs-6-12 {
width: 50%;
}
.l-grid__col--xxs-7-12 {
width: 58.3333333333%;
}
.l-grid__col--xxs-8-12 {
width: 66.6666666667%;
}
.l-grid__col--xxs-9-12 {
width: 75%;
}
.l-grid__col--xxs-10-12 {
width: 83.3333333333%;
}
.l-grid__col--xxs-11-12 {
width: 91.6666666667%;
}
.l-grid__col--xxs-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 480px) {
.l-grid__col--xs-1-12 {
width: 8.3333333333%;
}
.l-grid__col--xs-2-12 {
width: 16.6666666667%;
}
.l-grid__col--xs-3-12 {
width: 25%;
}
.l-grid__col--xs-4-12 {
width: 33.3333333333%;
}
.l-grid__col--xs-5-12 {
width: 41.6666666667%;
}
.l-grid__col--xs-6-12 {
width: 50%;
}
.l-grid__col--xs-7-12 {
width: 58.3333333333%;
}
.l-grid__col--xs-8-12 {
width: 66.6666666667%;
}
.l-grid__col--xs-9-12 {
width: 75%;
}
.l-grid__col--xs-10-12 {
width: 83.3333333333%;
}
.l-grid__col--xs-11-12 {
width: 91.6666666667%;
}
.l-grid__col--xs-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 568px) {
.l-grid__col--s-1-12 {
width: 8.3333333333%;
}
.l-grid__col--s-2-12 {
width: 16.6666666667%;
}
.l-grid__col--s-3-12 {
width: 25%;
}
.l-grid__col--s-4-12 {
width: 33.3333333333%;
}
.l-grid__col--s-5-12 {
width: 41.6666666667%;
}
.l-grid__col--s-6-12 {
width: 50%;
}
.l-grid__col--s-7-12 {
width: 58.3333333333%;
}
.l-grid__col--s-8-12 {
width: 66.6666666667%;
}
.l-grid__col--s-9-12 {
width: 75%;
}
.l-grid__col--s-10-12 {
width: 83.3333333333%;
}
.l-grid__col--s-11-12 {
width: 91.6666666667%;
}
.l-grid__col--s-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.l-grid__col--m-1-12 {
width: 8.3333333333%;
}
.l-grid__col--m-2-12 {
width: 16.6666666667%;
}
.l-grid__col--m-3-12 {
width: 25%;
}
.l-grid__col--m-4-12 {
width: 33.3333333333%;
}
.l-grid__col--m-5-12 {
width: 41.6666666667%;
}
.l-grid__col--m-6-12 {
width: 50%;
}
.l-grid__col--m-7-12 {
width: 58.3333333333%;
}
.l-grid__col--m-8-12 {
width: 66.6666666667%;
}
.l-grid__col--m-9-12 {
width: 75%;
}
.l-grid__col--m-10-12 {
width: 83.3333333333%;
}
.l-grid__col--m-11-12 {
width: 91.6666666667%;
}
.l-grid__col--m-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.l-grid__col--l-1-12 {
width: 8.3333333333%;
}
.l-grid__col--l-2-12 {
width: 16.6666666667%;
}
.l-grid__col--l-3-12 {
width: 25%;
}
.l-grid__col--l-4-12 {
width: 33.3333333333%;
}
.l-grid__col--l-5-12 {
width: 41.6666666667%;
}
.l-grid__col--l-6-12 {
width: 50%;
}
.l-grid__col--l-7-12 {
width: 58.3333333333%;
}
.l-grid__col--l-8-12 {
width: 66.6666666667%;
}
.l-grid__col--l-9-12 {
width: 75%;
}
.l-grid__col--l-10-12 {
width: 83.3333333333%;
}
.l-grid__col--l-11-12 {
width: 91.6666666667%;
}
.l-grid__col--l-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.l-grid__col--xl-1-12 {
width: 8.3333333333%;
}
.l-grid__col--xl-2-12 {
width: 16.6666666667%;
}
.l-grid__col--xl-3-12 {
width: 25%;
}
.l-grid__col--xl-4-12 {
width: 33.3333333333%;
}
.l-grid__col--xl-5-12 {
width: 41.6666666667%;
}
.l-grid__col--xl-6-12 {
width: 50%;
}
.l-grid__col--xl-7-12 {
width: 58.3333333333%;
}
.l-grid__col--xl-8-12 {
width: 66.6666666667%;
}
.l-grid__col--xl-9-12 {
width: 75%;
}
.l-grid__col--xl-10-12 {
width: 83.3333333333%;
}
.l-grid__col--xl-11-12 {
width: 91.6666666667%;
}
.l-grid__col--xl-12-12 {
width: 100%;
}
}
@media only screen and (min-width: 1680px) {
.l-grid__col--xxl-1-12 {
width: 8.3333333333%;
}
.l-grid__col--xxl-2-12 {
width: 16.6666666667%;
}
.l-grid__col--xxl-3-12 {
width: 25%;
}
.l-grid__col--xxl-4-12 {
width: 33.3333333333%;
}
.l-grid__col--xxl-5-12 {
width: 41.6666666667%;
}
.l-grid__col--xxl-6-12 {
width: 50%;
}
.l-grid__col--xxl-7-12 {
width: 58.3333333333%;
}
.l-grid__col--xxl-8-12 {
width: 66.6666666667%;
}
.l-grid__col--xxl-9-12 {
width: 75%;
}
.l-grid__col--xxl-10-12 {
width: 83.3333333333%;
}
.l-grid__col--xxl-11-12 {
width: 91.6666666667%;
}
.l-grid__col--xxl-12-12 {
width: 100%;
}
}
.l-kit .kit-h3 {
margin: 5.6rem 0 2.8rem;
font-size: 3.2rem;
line-height: 1.2;
}
.l-kit .kit-h4 {
margin: 2.8rem 0 2.8rem;
font-size: 2.2rem;
line-height: 1.2;
}
.l-kit .m-box {
text-align: left;
}
.l-kit .m-box > h3 {
margin-bottom: 1.4rem !important;
font-size: 2.6rem;
font-weight: 500;
}
.l-kit .m-box > h4 {
margin-bottom: 1.4rem;
}
.l-kit .m-box > h5 {
margin-bottom: 0.7rem;
}
.l-kit .m-box ul em,
.l-kit .m-box p em {
display: inline-block;
padding: 0 0.8rem;
background: #f2f2f2;
font-family: monospace;
font-weight: 500;
font-style: normal;
border-radius: 0.3rem;
}
.l-kit .m-list--ordered,
.l-kit .l-richtext ol,
.l-richtext .l-kit ol {
margin-bottom: 1rem;
}
.l-kit .m-list--ordered li,
.l-kit .l-richtext ol li,
.l-richtext .l-kit ol li {
margin-bottom: 0;
}
.l-kit .m-list--ordered li > ol,
.l-kit .l-richtext ol li > ol,
.l-richtext .l-kit ol li > ol {
margin-top: 0;
}
.l-kit .contents {
padding: 0 0.9rem;
font-size: 1.5rem;
line-height: 2rem;
}
.l-kit .contents > ol {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 568px) {
.l-kit .contents > ol {
-moz-column-count: 3;
-moz-column-gap: 1.8rem;
-webkit-column-count: 3;
-webkit-column-gap: 1.8rem;
column-count: 3;
column-gap: 1.8rem;
}
.l-kit .contents > ol > li:nth-child(n + 2) {
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
}
}
.l-kit .icon-list {
margin-bottom: 2.8rem;
}
.l-kit .icon-list li {
height: 4rem;
}
.l-kit .icon-list i {
position: relative;
top: 0.5rem;
display: inline-block;
width: 3.2rem;
height: 3.2rem;
font-size: 2rem;
line-height: 0;
}
.l-kit .hljs {
font-size: 1.3rem;
line-height: 1.6rem;
overflow-y: auto;
max-height: 60rem;
}
.l-wrapper {
max-width: 960px;
margin: 0 auto;
padding: 1.4rem 0.7rem;
transition: padding 0.5s;
box-sizing: content-box;
}
@media only screen and (min-width: 480px) {
.l-wrapper {
padding: 1.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-wrapper {
padding: 1.4rem 2.8rem;
}
}
.m-bordered-box {
border: 1rem solid #fce6be;
}
.m-bordered-box,
.m-bordered-box > .m-bordered-box__content {
position: relative;
margin: 1.4rem 0;
padding: 1.4rem;
}
.m-bordered-box:after,
.m-bordered-box > .m-bordered-box__content:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 568px) {
.m-bordered-box,
.m-bordered-box > .m-bordered-box__content {
padding: 2rem;
padding-right: 4.8rem;
}
.m-form__group-fields .m-bordered-box,
.m-form__group-fields .m-bordered-box > .m-bordered-box__content {
padding-right: 2rem;
}
.m-bordered-box:before {
left: 48%;
}
.m-bordered-box.m-bordered-box--25:before {
left: 25.5%;
}
.m-bordered-box.m-bordered-box--62:before {
left: 58.8%;
}
.m-bordered-box.m-bordered-box--75:before {
left: 70.5%;
}
.m-bordered-box.m-bordered-box--88:before {
left: 82.2%;
}
}
.m-bordered-box:before {
position: absolute;
border: 1.4rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1.4rem;
margin-bottom: 1rem;
border-bottom-color: #fce6be;
}
.m-bordered-box.m-bordered-box--title {
padding: 0;
}
.m-bordered-box.m-bordered-box--title:before {
content: none;
}
.m-bordered-box.m-bordered-box--arrow-with-title {
padding: 0;
}
.m-bordered-box--collapsable {
overflow: hidden;
max-height: 100rem;
transition: border 0.2s, max-height 0.2s;
}
.m-bordered-box--collapsable textarea {
width: 100% !important;
}
.m-bordered-box--collapsed {
max-height: 0;
border-top-width: 0;
border-bottom-width: 0;
}
.m-bordered-box__title-bar {
padding-top: 0.5rem;
padding-bottom: 1.5rem;
background-color: #fce6be;
font-size: 1.8rem;
line-height: 2.4rem;
}
.m-bordered-box__title-bar--small {
font-size: 1.5rem;
line-height: 2.1rem;
}
@media only screen and (min-width: 768px) {
.m-bordered-box__title-bar--small {
font-size: 1.5rem;
}
}
.m-bordered-box__title-bar--small > strong:not(.hidden) {
display: block;
width: 100%;
}
.m-box {
padding: 1.4rem;
color: #2c2b2b;
background: #f2f2f2;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-box {
padding: 2.8rem;
}
}
.m-box > header {
position: relative;
top: -0.3rem;
margin: -1.4rem;
margin-bottom: 1.4rem;
padding: 1.4rem;
border-radius: 0.3rem 0.3rem 0 0;
background: #595a59;
}
@media only screen and (min-width: 768px) {
.m-box > header {
margin: -2.8rem;
margin-bottom: 2.8rem;
}
}
.m-box > header h3,
.m-box > header h4,
.m-box > header h5 {
margin-bottom: 0;
color: #fff;
font-size: 1.8rem;
}
.m-box > h3 {
font-size: 2.2rem;
font-weight: 500;
line-height: 2.8rem;
}
.m-box p {
margin-bottom: 1.4rem;
}
.m-box p:last-child {
margin-bottom: 0;
}
.m-box > .m-button:last-child,
.m-tab-nav--buttons ul li.m-box > a:last-child,
.m-chatbot__panel .wc-app .m-box > button:last-child {
margin-bottom: 0 !important;
}
.m-box.m-box--light {
color: #2c2b2b;
background: #fff;
}
.m-box--gray-light {
color: #2c2b2b;
background: #f2f2f2;
}
.m-box--pri {
color: #fff;
background: #f4ac00;
}
.m-box--dark {
color: #fff;
background: #4c4c4c;
}
.m-box--transparent {
color: #fff;
background: transparent;
}
.m-box--paper {
background: #fff;
box-shadow: 0 0 0.4rem rgba(44, 43, 43, 0.4);
}
.m-box--left-aligned {
text-align: left;
}
.m-box--condensed {
padding-top: 0;
}
.m-button,
.m-tab-nav--buttons ul li > a,
.m-chatbot__panel .wc-app button {
display: inline-block;
overflow: hidden;
width: 100%;
margin-bottom: 1.4rem;
padding: 1rem 2rem;
border-radius: 0.3rem;
color: #fff;
background: #f08100;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s;
}
@media only screen and (min-width: 568px) {
.m-button,
.m-tab-nav--buttons ul li > a,
.m-chatbot__panel .wc-app button {
width: auto;
margin-right: 0.8rem;
margin-bottom: 0;
padding: 1rem 4rem;
}
.m-button:last-child,
.m-tab-nav--buttons ul li > a:last-child,
.m-chatbot__panel .wc-app button:last-child {
margin-right: 0;
}
.m-button.float-right,
.m-tab-nav--buttons ul li > a.float-right,
.m-chatbot__panel .wc-app button.float-right {
margin-right: 0;
margin-left: 0.8rem;
}
}
.m-button:hover,
.m-tab-nav--buttons ul li > a:hover,
.m-chatbot__panel .wc-app button:hover,
.m-button:focus,
.m-tab-nav--buttons ul li > a:focus,
.m-chatbot__panel .wc-app button:focus,
.m-button:active,
.m-tab-nav--buttons ul li > a:active,
.m-chatbot__panel .wc-app button:active {
color: #fff;
background: rgba(240, 129, 0, 0.75);
}
.m-button[disabled],
.m-tab-nav--buttons ul li > a[disabled],
.m-chatbot__panel .wc-app button[disabled] {
cursor: default;
}
.m-button.m-button--opaque:hover,
.m-tab-nav--buttons ul li > a.m-button--opaque:hover,
.m-chatbot__panel .wc-app button.m-button--opaque:hover,
.m-button.m-button--opaque:focus,
.m-tab-nav--buttons ul li > a.m-button--opaque:focus,
.m-chatbot__panel .wc-app button.m-button--opaque:focus {
background: #d77300;
}
.m-button:last-child,
.m-tab-nav--buttons ul li > a:last-child,
.m-chatbot__panel .wc-app button:last-child {
margin-bottom: 0;
}
.m-button.selected,
.m-tab-nav--buttons ul li > a.selected,
.m-chatbot__panel .wc-app button.selected {
position: relative;
padding-right: 2.8rem;
color: #bfc0bf;
}
.m-button.selected:before,
.m-tab-nav--buttons ul li > a.selected:before,
.m-chatbot__panel .wc-app button.selected:before {
position: absolute;
top: 50%;
right: 1.4rem;
color: #f4ac00;
font-family: "vhv15";
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-button.selected:hover,
.m-tab-nav--buttons ul li > a.selected:hover,
.m-chatbot__panel .wc-app button.selected:hover,
.m-button.selected:focus,
.m-tab-nav--buttons ul li > a.selected:focus,
.m-chatbot__panel .wc-app button.selected:focus {
color: #bfc0bf;
}
.m-button > i,
.m-tab-nav--buttons ul li > a > i,
.m-chatbot__panel .wc-app button > i {
display: inline-block;
margin-top: 0.2rem;
margin-right: 0.7rem;
margin-left: 0.2rem;
line-height: 1;
vertical-align: middle;
}
.m-button--sec,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button,
.m-button--alternate {
background: #f4ac00;
}
.m-button--sec:hover,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button:hover,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a:hover,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a:hover,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button:hover,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button:hover,
.m-button--sec:focus,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-button:focus,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-tab-nav--buttons
ul
li
> a:focus,
.m-tab-nav--buttons
ul
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
li
> a:focus,
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
.m-chatbot__panel
.wc-app
button:focus,
.m-chatbot__panel
.wc-app
.l-fullscreen-overlay--lightbox
.l-fullscreen-overlay__content
.m-box--light
button:focus,
.m-button--alternate:hover,
.m-button--alternate:focus {
background: rgba(244, 172, 0, 0.75);
}
.m-button--light,
.m-tab-nav--buttons ul li:not(.selected) > a {
color: #f08100;
background: #fff;
}
.m-button--light:hover,
.m-tab-nav--buttons ul li:not(.selected) > a:hover,
.m-button--light:focus,
.m-tab-nav--buttons ul li:not(.selected) > a:focus {
color: #f08100;
background: rgba(255, 255, 255, 0.75);
}
.m-button--light.m-button--error,
.m-tab-nav--buttons ul li:not(.selected) > a.m-button--error {
color: #c52223;
}
.m-button--light.m-button--opaque:hover,
.m-tab-nav--buttons ul li:not(.selected) > a.m-button--opaque:hover,
.m-button--light.m-button--opaque:focus,
.m-tab-nav--buttons ul li:not(.selected) > a.m-button--opaque:focus {
background: #f2f2f2;
}
.m-button--medium {
color: #f4ac00;
background: #f2f2f2;
}
.m-button--medium:hover,
.m-button--medium:focus {
color: #f4ac00;
background: rgba(242, 242, 242, 0.75);
}
.m-button--medium.m-button--opaque:hover,
.m-button--medium.m-button--opaque:focus {
background: #e5e5e5;
}
.m-button--medium.selected:hover,
.m-button--medium.selected:focus {
color: #f4ac00;
background: #f2f2f2;
}
.m-button--dark {
color: #fff;
background: #595a59;
}
.m-button--dark:hover,
.m-button--dark:focus {
color: #fff;
background: rgba(89, 90, 89, 0.75);
}
.m-button--dark.m-button--opaque:hover,
.m-button--dark.m-button--opaque:focus {
background: #4c4d4c;
}
.m-button--outline-light {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
border: 0.2rem solid #fff;
color: #fff;
background: transparent;
}
.m-button--outline-light:hover,
.m-button--outline-light:focus {
border: 0.2rem solid #fff;
background: rgba(255, 255, 255, 0.2);
}
.m-button--outline-pri {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
border: 0.2rem solid #f4ac00;
color: #f4ac00;
background: transparent;
}
.m-button--outline-pri:hover,
.m-button--outline-pri:focus {
border: 0.2rem solid #f08100;
color: #f08100;
background: transparent;
}
.m-button--condensed {
padding-right: 1.4rem;
padding-left: 1.4rem;
}
.m-button--full-width {
display: block;
width: 100% !important;
padding-right: 1.4rem;
padding-left: 1.4rem;
}
.m-button--square {
min-width: 4rem;
height: 4rem;
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 568px) {
.m-button--square {
width: 4rem;
}
.m-button--square > span {
display: none;
}
}
.m-button--size-m {
font-size: 1.8rem;
line-height: 2.8rem;
}
@media only screen and (min-width: 768px) {
.m-button--size-m {
padding: 1.1rem 5.6rem;
}
}
.m-button--size-m.m-button--full-width {
padding-right: 1.4rem;
padding-left: 1.4rem;
}
.m-button--size-m.m-button--square {
height: 5rem;
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 568px) {
.m-button--size-m.m-button--square {
width: 5rem;
}
}
.m-button--size-m > i {
font-size: 2.6rem;
}
.m-button--size-m > i.ico-arrow-right,
.m-pikaday .m-button--size-m > i.pika-next,
.m-pikaday .is-rtl .m-button--size-m > i.pika-prev,
.m-button--size-m > i.ico-arrow-left,
.m-pikaday .m-button--size-m > i.pika-prev,
.m-pikaday .is-rtl .m-button--size-m > i.pika-next {
font-size: inherit;
}
.m-button--size-m.m-button--outline-light {
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}
.m-button--size-l {
font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
.m-button--size-l {
padding: 2rem 6rem;
}
}
.m-button--single-line {
white-space: nowrap;
}
.m-button--flagged {
display: block;
padding: 0;
background-color: transparent;
}
.m-button--flagged > .m-button__flag {
display: block;
padding: 0.75rem 1.5rem;
border-radius: 0.3rem 0.3rem 0 0;
color: #f08100;
background-color: #fff;
font-weight: 500;
}
.m-button--flagged > .m-button__flag.m-button__flag--2line {
padding: 0.75rem 1.5rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.8rem;
}
@media only screen and (min-width: 568px) {
.m-button--flagged > .m-button__flag.m-button__flag--price strong {
display: block;
font-size: 3.2rem;
line-height: 1.1;
white-space: nowrap;
}
}
.m-button--flagged > .m-button__flag.m-button--icon-left {
padding-left: 3rem;
text-align: left;
}
.m-button--flagged .m-button__flag--check {
width: 5rem;
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: transform 0.2s;
}
.m-button--flagged
.m-button__flag--check:not(.m-button__flag--visible)
+ .m-button,
.m-button--flagged
.m-tab-nav--buttons
ul
li
> .m-button__flag--check:not(.m-button__flag--visible)
+ a,
.m-tab-nav--buttons
ul
.m-button--flagged
li
> .m-button__flag--check:not(.m-button__flag--visible)
+ a,
.m-button--flagged
.m-chatbot__panel
.wc-app
.m-button__flag--check:not(.m-button__flag--visible)
+ button,
.m-chatbot__panel
.wc-app
.m-button--flagged
.m-button__flag--check:not(.m-button__flag--visible)
+ button {
border-radius: 0.3rem;
}
.m-button--flagged .m-button__flag--check.m-button__flag--visible {
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.m-button--flagged .m-button__flag--check > i {
font-size: 1.8rem;
vertical-align: -0.8rem;
}
.m-button--flagged:focus,
.m-button--flagged:hover {
background-color: transparent;
}
.m-button--flagged > .m-button,
.m-tab-nav--buttons ul li.m-button--flagged > a,
.m-chatbot__panel .wc-app .m-button--flagged > button {
display: block;
border-radius: 0 0 0.3rem 0.3rem;
}
@media only screen and (min-width: 568px) {
.m-button--flagged {
display: table;
}
.m-button--flagged:after {
clear: both;
display: table;
content: "";
}
.m-button--flagged > .m-button__flag {
display: table-cell;
border-radius: 0.3rem 0 0 0.3rem;
vertical-align: middle;
}
.m-button--flagged > .m-button__flag.m-button__flag--price {
text-align: left;
}
.m-button--flagged > .m-button,
.m-tab-nav--buttons ul li.m-button--flagged > a,
.m-chatbot__panel .wc-app .m-button--flagged > button {
display: table-cell;
border-radius: 0 0.3rem 0.3rem 0;
vertical-align: middle;
}
}
.m-button--link {
padding-right: 0;
padding-left: 0;
color: #f4ac00;
background: transparent;
text-align: left;
}
.m-button--link:hover,
.m-button--link:focus {
color: #db9a00;
background: transparent;
}
.m-button--icon-left,
.m-button--icon-right {
position: relative;
}
.m-button--icon-left > i,
.m-button--icon-right > i {
position: absolute;
top: 50%;
margin-top: -0.75rem;
line-height: 1;
}
.m-button--icon-left > i {
font-size: inherit;
left: 0.8rem;
}
.m-button--icon-left.m-button--size-m > i {
left: 1.2rem;
}
.m-button--icon-right > i {
font-size: inherit;
right: 0.8rem;
}
.m-button--icon-right.m-button--size-m > i {
right: 1.2rem;
}
.m-button--shadow {
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
}
.m-broker-flap {
font-family: "Roboto", sans-serif;
line-height: 28px;
position: fixed;
z-index: 100000104;
top: 70px;
right: 0;
width: 160px;
height: 80px;
padding: 10px;
background: #fff;
cursor: pointer;
box-shadow: 0 0 6px rgba(44, 43, 43, 0.5);
transition: right 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-broker-flap:after {
clear: both;
display: table;
content: "";
}
.m-broker-flap:hover {
right: 0 !important;
}
.m-broker-flap__image {
float: left;
width: 60px;
height: 60px;
}
.m-broker-flap__image > img {
width: 100%;
border: 4px solid #f2f2f2;
border-radius: 50%;
}
.m-broker-flap__info {
float: left;
width: calc(100% - 60px);
padding-top: 12px;
padding-left: 10px;
color: #f4ac00;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.m-broker-flap--with-logo {
width: 100px;
}
.m-broker-flap--with-logo .m-broker-flap__info {
width: 100%;
}
.m-broker-info-bubble {
display: none;
width: 100%;
max-width: 860px;
}
.m-broker-info-bubble:hover {
display: block;
}
.m-broker-info-bubble > div {
text-align: center;
display: table;
width: 100%;
background: #fff;
table-layout: fixed;
box-shadow: 0 0.4rem 1rem rgba(44, 43, 43, 0.3);
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div {
text-align: left;
width: auto;
}
}
.m-broker-info-bubble > div:before {
position: absolute;
right: calc(19px + 2.8rem) !important;
bottom: calc(100% - 1.4rem) !important;
left: auto !important;
content: "";
-ms-transform: translateX(50%);
transform: translateX(50%);
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #fff;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div:before {
right: 32px !important;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__image {
padding: 4.6rem 30px 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__image {
display: table-cell;
padding: 4.2rem 30px;
vertical-align: middle;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__image > img {
max-width: 170px;
border: 0.6rem solid #f2f2f2;
border-radius: 50%;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name {
position: relative;
padding: 0 30px 2.8rem;
font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__name {
display: table-cell;
width: 40%;
padding: 4.9rem 30px 4.2rem 0;
vertical-align: top;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__name:after {
position: absolute;
top: 50%;
right: 0;
width: 0.3rem;
height: calc(100% - 9.8rem);
background-color: #f2f2f2;
content: "";
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > strong {
display: block;
font-size: 2rem;
line-height: 2rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > .m-button,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button {
width: 100%;
margin-bottom: 0;
}
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> .m-button:first-of-type,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a:first-of-type,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a:first-of-type,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button:first-of-type,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button:first-of-type {
margin-top: 2.8rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > .m-button:last-child,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a:last-child,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a:last-child,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button:last-child,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button:last-child {
margin-bottom: 0;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact {
padding: 0 30px 4.2rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact {
display: table-cell;
width: 40%;
padding: 4.2rem 30px;
vertical-align: top;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number {
margin-top: 0.7rem;
margin-bottom: 1.4rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number {
text-align: left;
margin-bottom: 3.5rem;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number > a {
font-weight: 300;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number i {
position: relative;
top: 0.4rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number i {
font-size: 2.5rem;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact > address {
margin-bottom: 1.4rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact > small > a > i {
position: relative;
top: 0.2rem;
}
.m-broker-info-bubble--no-image {
max-width: 640px;
}
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__image {
display: none;
}
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__name {
padding-top: 4.2rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__name {
width: 50%;
padding-top: 4.9rem;
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__contact {
width: 50%;
}
}
.m-broker-info-bubble--with-logo > div:before {
right: calc(1px + 2.8rem) !important;
}
.m-broker-info-bubble--with-logo > div .m-broker-info-bubble__image > img {
border: none;
border-radius: 0;
}
.m-broker-panel {
font-family: "Roboto", sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: 300;
position: fixed;
z-index: 100000105;
top: 70px;
right: 0;
width: 300px;
background: #fff;
max-height: calc(90vh - 70px);
overflow: auto;
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),
box-shadow 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-broker-panel.active {
box-shadow: 0 0 10px rgba(44, 43, 43, 0.4);
-ms-transform: translateX(0);
transform: translateX(0);
}
.m-broker-panel address {
font-style: normal;
}
.m-broker-panel > div:first-of-type {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
padding: 20px;
height: calc(100% - 140px);
}
.m-broker-panel__close-button {
position: absolute;
top: 10px;
right: 10px;
min-height: 0;
padding: 0;
color: #f4ac00;
background: transparent;
font-size: 20px;
border: none;
transition: color 0.2s;
}
.m-broker-panel__close-button:hover {
color: #f08100;
}
.m-broker-panel__image {
margin-bottom: 21px;
text-align: center;
}
.m-broker-panel__image > img {
width: 170px;
height: 170px;
border: 8px solid #f2f2f2;
border-radius: 50%;
}
.m-broker-panel__name {
position: relative;
margin-bottom: 28px;
padding-bottom: 28px;
}
.m-broker-panel__name:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0.3rem;
background-color: #f2f2f2;
content: "";
}
.m-broker-panel__name > strong {
font-weight: 500;
display: block;
line-height: 21px;
}
.m-broker-panel__contact .m-phone-number {
margin-top: 7px;
margin-bottom: 21px;
text-align: left;
}
.m-broker-panel__contact .m-phone-number > a {
font-weight: 300;
}
.m-broker-panel__contact .m-phone-number i {
position: relative;
top: 4px;
font-size: 25px;
}
.m-broker-panel__contact a {
color: #f4ac00;
}
.m-broker-panel__contact > small > a {
font-weight: 500;
}
.m-broker-panel__contact > small > a > i {
position: relative;
top: 2px;
}
.m-broker-panel__buttons {
padding: 20px;
height: auto;
}
.m-broker-panel__buttons > .m-button,
.m-tab-nav--buttons ul li.m-broker-panel__buttons > a,
.m-chatbot__panel .wc-app .m-broker-panel__buttons > button {
width: 100%;
margin-bottom: 4px;
}
.m-broker-panel__buttons > .m-button:last-child,
.m-tab-nav--buttons ul li.m-broker-panel__buttons > a:last-child,
.m-chatbot__panel .wc-app .m-broker-panel__buttons > button:last-child {
margin-bottom: 0;
}
.m-broker-panel--with-logo .m-broker-panel__image > img {
height: auto;
border-radius: 0;
border: none;
margin-top: 28px;
}
.m-compare-table__wrapper {
position: relative;
}
.m-compare-table td,
.m-compare-table th {
background-color: #fff;
padding: 1rem;
border: 0 solid #fff;
font-size: 1.5rem;
line-height: 2rem;
vertical-align: middle;
}
.m-compare-table td {
border-bottom-width: 0.2rem;
transition: background-color 0.2s;
}
.m-compare-table tbody > tr:nth-child(odd) > td {
background-color: #f2f2f2;
}
.m-compare-table tbody > tr:nth-child(odd) > td.active {
background-color: #fce6be;
}
.m-compare-table tbody > tr:nth-child(even) > td {
background-color: #f2f2f2;
}
.m-compare-table tbody > tr:nth-child(even) > td.active {
background-color: #fce6be;
}
.m-compare-table tbody td {
color: #2c2b2b;
}
.m-compare-table tbody td label.checkbox > span {
font-weight: 500;
}
.m-compare-table tbody td i.ico-check,
.m-compare-table tbody td i.checkbox.fake,
.m-compare-table tbody td i.m-button.selected,
.m-compare-table
tbody
td
input[type="checkbox"]:checked
+ label.checkbox:before {
color: #2c2b2b;
}
.m-compare-table
tbody
td
input[type="checkbox"]:checked
+ label.checkbox:before {
box-shadow: 0 0 0 0.1rem #bfc0bf;
}
.m-compare-table tbody td.active {
color: #2c2b2b;
font-weight: 300;
}
.m-compare-table tbody td.active .m-fancy-select--simple,
.m-compare-table
tbody
td.active
input[type="checkbox"]
+ label.checkbox:before {
box-shadow: 0 0 0 0.1rem #f4ac00;
}
.m-compare-table tbody td.active i.ico-check,
.m-compare-table tbody td.active i.checkbox.fake,
.m-compare-table tbody td.active i.m-button.selected,
.m-compare-table
tbody
td.active
input[type="checkbox"]:checked
+ label.checkbox:before {
color: #f4ac00;
}
.m-compare-table tbody th {
font-weight: 500;
}
.m-compare-table thead td,
.m-compare-table tfoot td {
background-color: transparent;
padding: 0;
}
.m-compare-table thead label.radio:before,
.m-compare-table thead input[type="radio"]:checked + label.radio:before,
.m-compare-table thead label.radio.fake:before,
.m-compare-table thead label.radio.fake.checked:before,
.m-compare-table tfoot label.radio:before,
.m-compare-table tfoot input[type="radio"]:checked + label.radio:before,
.m-compare-table tfoot label.radio.fake:before,
.m-compare-table tfoot label.radio.fake.checked:before {
box-shadow: none;
}
.m-compare-table thead td {
border-bottom: 0;
}
.m-compare-table thead tr:first-child > td {
background-color: #4c4c4c;
color: #fff;
padding: 1rem;
min-height: 6rem;
}
.m-compare-table thead tr:first-child > td.active {
color: #fff;
background-color: #f4ac00;
}
.m-compare-table tfoot .m-compare-table__separator,
.m-compare-table tfoot .radio {
display: none;
}
.m-compare-table tfoot .m-multi-button__trigger {
margin-bottom: 0;
}
@media only screen and (min-width: 568px) {
.m-compare-table tfoot .m-multi-button__trigger {
margin-right: 0;
text-align: right;
}
}
.m-compare-table.m-compare-table--clone {
position: fixed;
z-index: 20000;
top: 0;
}
.m-compare-table.m-compare-table--clone .m-compare-table__selector {
margin-bottom: 0;
}
.m-compare-table.m-compare-table--3rate thead .m-compare-table__price {
font-size: 2.2rem;
font-size: 5vw;
line-height: 1;
}
@media only screen and (min-width: 568px) {
.m-compare-table td,
.m-compare-table th {
height: 5.6rem;
}
.m-compare-table th {
border-right-width: 1.8rem;
}
.m-compare-table td {
border-left-width: 0.2rem;
text-align: center;
}
.m-compare-table tbody > tr:nth-child(odd) > th {
background-color: #fff;
}
.m-compare-table tbody > tr:nth-child(even) > th {
background-color: #fff;
}
.m-compare-table tbody th {
border-bottom: 0.2rem solid #f2f2f2;
padding-left: 0;
padding-right: 0;
text-align: right;
}
.m-compare-table thead th,
.m-compare-table tfoot th {
padding-left: 0;
padding-right: 0;
text-align: right;
}
.m-compare-table thead th {
background-color: #fff;
}
.m-compare-table.m-compare-table--1rate th {
width: 33.3333333333%;
}
.m-compare-table.m-compare-table--1rate td {
width: 66.6666666667%;
}
.m-compare-table.m-compare-table--3rate {
table-layout: auto;
}
.m-compare-table.m-compare-table--3rate th {
width: 33.3333333333%;
}
.m-compare-table.m-compare-table--3rate td {
width: 22.2222222222%;
}
.m-compare-table.m-compare-table--3rate thead .m-compare-table__price {
font-size: 2.2rem;
font-size: 3.3vw;
}
}
@media only screen and (min-width: 768px) {
.m-compare-table thead > tr:nth-child(2) {
display: none;
}
.m-compare-table tfoot .m-compare-table__separator {
display: block;
}
.m-compare-table tfoot .radio {
display: inline-block;
}
.m-compare-table.m-compare-table--3rate thead .m-compare-table__price {
font-size: 3.2rem;
}
}
.m-compare-table__label {
font-weight: 500;
padding-right: 3.5rem;
position: relative;
}
.m-compare-table__label .m-tooltip {
position: absolute;
top: 50%;
right: 0;
margin-top: -1rem;
}
.m-compare-table__sub {
display: block;
font-weight: 300;
}
.m-compare-table__selector {
background-color: #4c4c4c;
color: #fff;
cursor: pointer;
padding: 1rem;
text-align: center;
transition: background-color 0.2s;
}
.m-compare-table__selector:hover,
.m-compare-table__selector:focus {
color: #fff;
}
.active > .m-compare-table__selector {
background-color: #f4ac00;
color: #fff;
}
thead .m-compare-table__selector label.radio {
margin-top: 1.2rem;
}
.m-compare-table__selector label.radio {
color: inherit;
}
.m-compare-table__selector label.radio > span {
font-weight: 500;
}
thead .m-compare-table__selector.m-compare-table__selector--bottom {
background-color: #595a59;
margin-bottom: 2rem;
position: relative;
display: block;
}
thead .m-compare-table__selector.m-compare-table__selector--bottom:after {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: rgba(0, 0, 0, 0);
transition: border-color 0.2s;
}
.m-compare-table--1rate .m-compare-table__selector {
cursor: default;
}
thead .active > .m-compare-table__selector.m-compare-table__selector--bottom {
background-color: #f7c140;
}
thead
.active
> .m-compare-table__selector.m-compare-table__selector--bottom:after {
border-top-color: #f7c140;
}
tfoot .m-compare-table__selector {
display: block;
}
.m-compare-table__selector > label {
font-weight: 500;
margin-bottom: 1rem;
}
.m-compare-table__colhead {
display: inline;
font-weight: 500;
font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
.m-compare-table__colhead {
font-size: 1.8rem;
line-height: 2.8rem;
}
}
.m-compare-table__colsubhead {
font-size: 1.2rem;
font-weight: 500;
}
.m-compare-table__price {
font-size: 3rem;
font-weight: 300;
margin: 1rem 0;
white-space: nowrap;
}
.m-compare-table__separator:before {
background-color: #fff;
content: "";
display: block;
height: 0.2rem;
margin: 1.4rem auto;
width: 4rem;
}
.m-compare-table__block {
display: inline-block;
margin-left: 10%;
text-align: center;
}
.m-compare-table__block:first-child {
margin-left: 0;
}
.m-compare-table__block > i {
display: block;
}
.m-compare-table__choose-active {
display: none;
}
td.active .m-compare-table__choose-inactive {
display: none;
}
td.active .m-compare-table__choose-active {
display: inline-block;
}
td.active .m-compare-table__not-available {
color: #f4ac00;
}
.m-compare-table__not-available {
color: #2c2b2b;
display: block;
font-size: 4rem;
font-weight: 500;
}
@media only screen and (max-width: 567px) {
.m-compare-table {
display: block;
}
.m-compare-table thead,
.m-compare-table tfoot,
.m-compare-table tbody,
.m-compare-table tr,
.m-compare-table th,
.m-compare-table td {
display: block;
}
.m-compare-table tr:nth-child(odd) > th {
background-color: #fce6be;
}
.m-compare-table tr:nth-child(even) > th {
background-color: #fce6be;
}
.m-compare-table thead {
display: block;
margin: 0 -0.1rem;
}
.m-compare-table thead:after {
clear: both;
display: table;
content: "";
}
.m-compare-table thead th {
background-color: #fff !important;
padding-left: 0.9rem;
padding-right: 0.9rem;
}
.m-compare-table thead td {
float: left;
width: 50%;
border-left: 0.1rem solid #fff;
border-right: 0.1rem solid #fff;
}
.m-compare-table tfoot th {
border-bottom: 0.2rem solid #fff;
}
.m-compare-table tfoot td {
display: none;
}
.m-compare-table tfoot td.active {
display: block;
}
.m-compare-table tbody td {
display: none;
}
.m-compare-table tbody tr,
.m-compare-table tbody th,
.m-compare-table tbody td.active {
display: block;
}
.m-compare-table tbody th {
color: #2c2b2b;
padding-bottom: 0;
}
.m-compare-table .l-grid__col,
.m-compare-table .m-datepicker__input,
.m-compare-table .m-datepicker__trigger,
.m-compare-table .m-form__group > label,
.m-compare-table .m-form__group-fields,
.m-compare-table .m-callout > div,
.m-compare-table [class*="l-grid__col"] {
margin-bottom: 1.8rem;
}
.m-compare-table.m-compare-table--clone thead th {
display: none;
}
.m-compare-table.m-compare-table--1rate thead td {
width: 100%;
}
.m-compare-table.m-compare-table--3rate thead td {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 568px) and (max-width: 830px) {
.m-compare-table.m-compare-table--3rate td,
.m-compare-table.m-compare-table--3rate th {
height: 5.6rem;
}
.m-compare-table.m-compare-table--3rate th {
border-right-width: 1.8rem;
}
.m-compare-table.m-compare-table--3rate td {
border-left-width: 0.2rem;
text-align: center;
}
.m-compare-table.m-compare-table--3rate tbody th {
background-color: #fff;
border-bottom: 0.2rem solid #f2f2f2;
}
.m-compare-table.m-compare-table--3rate thead th {
background-color: #fff;
}
.m-compare-table.m-compare-table--3rate thead .m-compare-table__price,
.m-compare-table.m-compare-table--3rate thead .m-compare-table__colsubhead,
.m-compare-table.m-compare-table--3rate thead .m-compare-table__separator {
display: block;
}
.m-compare-table.m-compare-table--3rate thead > tr:nth-child(2) {
display: table-row;
}
.m-compare-table.m-compare-table--3rate tfoot .m-compare-table__separator {
display: none;
}
.m-compare-table.m-compare-table--3rate tfoot .radio {
display: none;
}
.m-compare-table__selector {
background-color: #4c4c4c;
color: #fff;
text-align: center;
transition: background-color 0.2s;
}
.m-compare-table__selector:hover,
.m-compare-table__selector:focus {
color: #fff;
}
.active > .m-compare-table__selector {
background-color: #f4ac00;
color: #fff;
}
.active > .m-compare-table__selector:hover,
.active > .m-compare-table__selector:focus {
color: #fff;
}
}
.m-contact-selection {
margin: -0.7rem;
}
.m-contact-selection:after {
clear: both;
display: table;
content: "";
}
.m-contact-selection--inverted .m-contact-selection__tile__front,
.m-contact-selection--inverted .m-contact-selection__tile__back {
color: #f4ac00;
background: #fff;
}
.m-contact-selection--inverted
.m-contact-selection__tile--static:hover
.m-contact-selection__tile__front {
background: #fff;
color: #f08100;
}
@media only screen and (min-width: 1024px) {
.m-contact-selection--centered {
text-align: center;
}
.m-contact-selection--centered .m-contact-selection__tile {
float: none;
display: inline-block;
margin-right: -0.4rem;
padding-right: 1.1rem;
background: transparent;
}
}
.m-contact-selection__tile {
float: left;
display: block;
width: 50%;
height: 15.4rem;
margin-bottom: 1.4rem;
padding: 0 0.7rem;
perspective: 1000px;
}
@media only screen and (min-width: 768px) {
.m-contact-selection__tile {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1024px) {
.m-contact-selection__tile {
width: 16.6666666667%;
}
}
.m-contact-selection__tile:hover > div {
transform: rotateY(180deg);
}
@supports (-ms-accelerator: true) {
.m-contact-selection__tile:hover > div {
transform: rotateY(0deg);
}
}
.m-contact-selection__tile.m-contact-selection__tile--count1,
.m-contact-selection__tile.m-contact-selection__tile--count2,
.m-contact-selection__tile.m-contact-selection__tile--count3,
.m-contact-selection__tile.m-contact-selection__tile--count4 {
width: 50%;
}
.m-contact-selection__tile.m-contact-selection__tile--count5 {
width: 50%;
}
@media only screen and (min-width: 1024px) {
.m-contact-selection__tile.m-contact-selection__tile--count5 {
width: 33.3333333333%;
}
}
.m-contact-selection__tile.m-contact-selection__tile--count7 {
width: 50%;
}
@media only screen and (min-width: 1024px) {
.m-contact-selection__tile.m-contact-selection__tile--count7 {
width: 25%;
}
}
.m-contact-selection__tile > div {
position: relative;
height: 100%;
padding: 1.4rem;
transform-style: preserve-3d;
transition: all 0.2s;
}
.m-contact-selection__tile--static .m-contact-selection__tile__front {
transition: background 0.2s;
}
.m-contact-selection__tile--static > div i {
transition: transform 0.2s;
}
.m-contact-selection__tile--static:hover .m-contact-selection__tile__front {
background: #f08100;
}
.m-contact-selection__tile--static:hover > div {
transform: rotateY(0deg);
}
.m-contact-selection__tile--static:hover > div i {
-ms-transform: translate(-50%, -100%) scale(1.15);
transform: translate(-50%, -100%) scale(1.15);
}
.m-contact-selection__tile__front,
.m-contact-selection__tile__back {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #fff;
background: #f4ac00;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.m-contact-selection__tile__front > i,
.m-contact-selection__tile__back > i {
position: absolute;
top: 50%;
left: 50%;
font-size: 4rem;
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.m-contact-selection__tile__front > h4,
.m-contact-selection__tile__back > h4 {
position: absolute;
bottom: 1.4rem;
width: 100%;
height: 4.2rem;
padding: 0 1.4rem;
font-size: 1.8rem;
line-height: 2.1rem;
}
.m-contact-selection__tile__front {
z-index: 2;
transform: rotateY(0deg);
}
.m-contact-selection__tile__back {
transform: rotateY(180deg);
}
.m-contact-selection__tile__back > p {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding: 0 1.4rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 2.1rem;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-contact-selection__tile__back > p > strong {
display: block;
font-weight: 500;
}
.m-content-tiles {
position: relative;
margin: -0.7rem;
margin-bottom: -1.4rem;
}
.m-content-tiles:after {
clear: both;
display: table;
content: "";
}
.m-content-tiles [class*="l-grid__col"] {
padding: 0 0.7rem;
}
.m-content-tiles > a {
display: block;
}
.m-content-tiles__tile {
margin-bottom: 1.4rem !important;
cursor: pointer;
box-shadow: 0 0 0 rgba(44, 43, 43, 0);
}
.m-content-tiles__tile:hover > div i {
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.m-content-tiles__tile.clone {
margin-bottom: 0 !important;
padding: 0;
cursor: auto;
}
@media only screen and (min-width: 568px) {
.m-content-tiles__tile.clone {
padding: 0 0.9rem;
}
}
.m-content-tiles__tile.clone > div {
display: none;
min-height: 100%;
box-shadow: 0 0 1rem rgba(44, 43, 43, 0.2);
}
.m-content-tiles__tile.clone > div:hover {
background: #f4ac00;
}
.m-content-tiles__tile.clone > div > h4 {
top: 0 !important;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 1.4rem !important;
padding-right: 4.2rem;
font-size: 2.2rem;
line-height: 2.52rem !important;
text-align: left !important;
}
@media only screen and (min-width: 768px) {
.m-content-tiles__tile.clone > div > h4 {
line-height: 2.8rem !important;
}
}
.m-content-tiles__tile.clone > div > h4:first-child {
margin-bottom: 0.7rem !important;
}
.m-content-tiles__tile.clone .m-content-tiles__close-button {
display: inline-block;
}
.m-content-tiles__tile > div {
position: relative;
height: 100%;
padding: 1.4rem;
color: #fff;
background: #f4ac00;
min-height: 14rem;
}
@media only screen and (min-width: 768px) {
.m-content-tiles__tile > div {
padding: 2.8rem 1.4rem;
transition: background 0.2s;
}
.m-content-tiles__tile > div:hover {
background: #f08100;
}
}
.m-content-tiles__tile > div > a {
display: block;
color: #fff;
}
.m-content-tiles__tile > div > h4:first-of-type {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 568px) {
.m-content-tiles__tile > div > h4:first-of-type {
display: block;
width: 100%;
margin-top: -0.3rem;
padding: 0 1.4rem;
text-align: center;
}
}
.m-content-tiles__tile > div p {
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
}
.m-content-tiles__tile > div i {
transition: transform 0.2s;
}
.m-content-tiles__tile--fullscreen {
overflow: auto;
}
@media only screen and (min-width: 768px) {
.m-content-tiles__tile--fullscreen > .m-content-tiles__tile__details {
padding-top: 8.4rem;
}
}
.m-content-tiles__tile--fullscreen > .m-content-tiles__tile__details > h4 {
max-width: 680px;
margin: 0 auto;
}
.m-content-tiles__tile--fullscreen > .m-content-tiles__tile__details > div {
max-width: 680px;
margin: 0 auto;
padding: 2.8rem;
color: #2c2b2b;
background: #fff;
}
.m-content-tiles__tile--fullscreen
> .m-content-tiles__tile__details
> .m-content-tiles__close-button {
position: fixed !important;
}
.m-content-tiles__tile__nav {
max-width: 680px;
margin: 0 auto;
margin-top: 1.4rem !important;
padding: 0 !important;
background: transparent !important;
vertical-align: top;
}
.m-content-tiles__tile__nav > .m-button,
.m-tab-nav--buttons ul li.m-content-tiles__tile__nav > a,
.m-chatbot__panel .wc-app .m-content-tiles__tile__nav > button {
width: 49%;
vertical-align: top;
}
.m-content-tiles__tile__nav > .m-button:first-of-type,
.m-tab-nav--buttons ul li.m-content-tiles__tile__nav > a:first-of-type,
.m-chatbot__panel .wc-app .m-content-tiles__tile__nav > button:first-of-type {
margin-right: 2%;
}
.m-content-tiles__tile__details {
position: relative;
display: none;
overflow-y: auto;
max-height: 100%;
padding-top: 0;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 568px) {
.m-content-tiles__tile__details {
max-height: none;
padding-top: 2.8rem;
}
}
.m-content-tiles__tile__details p {
height: 100%;
margin-bottom: 1.4rem;
}
.m-content-tiles__tile__details p:last-child {
margin-bottom: 0;
}
.m-content-tiles__tile__details button {
margin-right: 0.7rem;
}
.m-content-tiles__tile__details button:last-child {
margin-right: 0;
}
.m-content-tiles__tile__details ul:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-content-tiles__tile__details ul li {
margin-bottom: 0.7rem;
padding-left: 3rem;
font-size: 1.8rem;
font-weight: 300;
text-indent: -2.4rem;
}
.m-content-tiles__tile__details ul li:before {
top: 0;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 1.4rem;
border: 0.1rem solid #f4ac00;
background: #f4ac00;
content: "";
}
.m-content-tiles__tile__details ol {
list-style-type: none;
counter-reset: num;
}
.m-content-tiles__tile__details ol:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-content-tiles__tile__details ol li {
position: relative;
margin-bottom: 0.7rem;
padding-left: 2.4rem;
font-size: 1.8rem;
font-weight: 300;
text-indent: 0;
}
.m-content-tiles__tile__details ol li:before {
position: absolute;
left: 0;
border: none;
color: #f4ac00;
background: transparent;
font-weight: 500;
content: counter(num);
counter-increment: num;
}
.m-content-tiles__tile__details ol li > ol {
margin-top: 1.4rem;
list-style-type: none;
}
.m-content-tiles__tile__details ol li > ol li {
margin-bottom: 0;
margin-left: 0;
padding-left: 3.6rem;
}
.m-content-tiles__tile__details ol li > ol li:before {
content: counters(num, ".");
}
.m-content-tiles__close-button {
position: fixed;
top: 0;
right: 0;
display: none;
color: #fff;
background: transparent;
transition: color 0.2s linear;
}
@media only screen and (min-width: 568px) {
.m-content-tiles__close-button {
position: absolute;
display: inline-block;
}
}
.m-content-tiles__close-button:hover {
color: #f08100;
}
.m-content-tiles--products .m-content-tiles__tile > div {
text-align: center;
}
.m-content-tiles--products .m-content-tiles__tile > div h4 {
position: relative;
top: 1.4rem;
height: 9.52rem;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0.7rem;
font-size: 1.8rem;
line-height: 2.1rem;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.m-content-tiles--products .m-content-tiles__tile > div h4 {
top: 0.7rem;
min-height: 0;
}
.m-content-tiles--products .m-content-tiles__tile > div h4:after {
display: none;
}
}
.m-content-tiles--products .m-content-tiles__tile > div h4:after {
position: absolute;
right: -1.4rem;
bottom: -1.4rem;
left: -1.4rem;
height: 2.8rem;
background: linear-gradient(to bottom, rgba(244, 172, 0, 0) 0%, #f4ac00 100%);
content: "";
}
.m-content-tiles--products .m-content-tiles__tile > div h4.size-6 {
font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
.m-content-tiles--products .m-content-tiles__tile > div h4.size-6 {
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1024px) {
.m-content-tiles--products .m-content-tiles__tile > div h4.size-6 {
font-size: 1.8rem;
}
}
.m-content-tiles--products .m-content-tiles__tile > div h4 > i {
display: block;
margin-bottom: 1.4rem;
font-size: 4rem;
}
.m-content-tiles--products
.m-content-tiles__tile
.m-content-tiles__tile__details {
text-align: center;
white-space: normal;
}
@media only screen and (min-width: 1024px) {
.m-content-tiles--products
.m-content-tiles__tile
.m-content-tiles__tile__details {
white-space: nowrap;
}
}
.m-content-tiles--products
.m-content-tiles__tile
.m-content-tiles__tile__details
h4 {
display: block;
height: auto;
margin-bottom: 1.4rem !important;
padding-right: 0;
font-size: 2.2rem;
text-align: center !important;
}
@media only screen and (min-width: 568px) {
.m-content-tiles--products
.m-content-tiles__tile
.m-content-tiles__tile__details
h4 {
margin-bottom: 0.7rem !important;
}
}
.m-content-tiles--products
.m-content-tiles__tile
.m-content-tiles__tile__details
button {
margin-bottom: 1.4rem;
}
.m-datepicker__input {
width: 50%;
margin-bottom: 0;
position: relative;
}
.m-datepicker__input > input {
text-align: left;
}
.m-datepicker__trigger {
width: 16.6666666667%;
color: #f4ac00;
cursor: pointer;
position: relative;
}
.m-datepicker__trigger > i {
display: block;
margin-top: 1.4rem;
font-size: 2rem;
}
.m-datepicker__trigger.disabled {
cursor: default;
}
.m-datepicker__trigger.disabled > i {
color: #bfc0bf;
}
.m-datepicker--fullwidth .m-datepicker__input {
width: 100%;
padding-right: 4.4rem;
}
.m-datepicker--fullwidth .m-datepicker__trigger {
width: 2.6rem;
margin-left: -2.6rem;
padding-left: 0;
}
.m-dynamic-list {
position: relative;
border-bottom: 0.2rem solid #f2f2f2;
counter-reset: list-counter;
border-bottom: 0.2rem solid #f2f2f2;
margin-top: 2rem;
}
.m-dynamic-list__item {
position: relative;
padding-bottom: 2.8rem;
border-top: 0.2rem solid #f2f2f2;
}
.m-dynamic-list__item > strong {
position: relative;
top: -1.4rem;
padding-right: 1.4rem;
background: #fff;
}
.m-dynamic-list__item > strong:before {
content: counter(list-counter) ". ";
counter-increment: list-counter;
}
.m-dynamic-list__remove-button {
position: absolute;
top: -2.2rem;
right: 0;
margin-right: 0;
padding-left: 1.4rem;
background: #fff;
}
.m-dynamic-list__remove-button:hover,
.m-dynamic-list__remove-button:focus {
background: #fff;
}
.m-dynamic-list__remove-button > i {
font-size: 1.5rem;
}
.m-dynamic-list__add-button {
position: absolute;
z-index: 1;
right: 0;
bottom: -2rem;
margin-right: 0;
padding-left: 1.4rem;
background: #fff;
font-size: 1.5rem;
text-align: right;
}
.m-dynamic-list__add-button:hover,
.m-dynamic-list__add-button:focus {
background: #fff;
}
.m-dynamic-list__add-button > i {
margin-left: 0.6rem;
}
.m-fancy-select {
color: #2c2b2b;
border-radius: 0.3rem;
position: relative;
width: 100%;
padding: 1.4rem;
background: #f2f2f2;
font-weight: 300;
text-align: left;
list-style-type: none;
}
.m-fancy-select.invalid,
select.invalid + .m-fancy-select,
.invalid .m-fancy-select {
background-color: #f9e6e2 !important;
color: #c52223 !important;
}
.m-fancy-select.invalid > li > i,
select.invalid + .m-fancy-select > li > i,
.invalid .m-fancy-select > li > i {
color: #c52223 !important;
}
.m-fancy-select.valid,
select.valid + .m-fancy-select,
.valid .m-fancy-select {
background-color: #fce6be !important;
}
.m-fancy-select.disabled,
select[disabled] + .m-fancy-select,
select.disabled + .m-fancy-select,
.disabled .m-fancy-select {
background-color: #f7f7f7;
}
.m-fancy-select.disabled > li,
select[disabled] + .m-fancy-select > li,
select.disabled + .m-fancy-select > li,
.disabled .m-fancy-select > li {
cursor: default;
color: #bfc0bf;
}
.m-fancy-select.disabled > li > i,
select[disabled] + .m-fancy-select > li > i,
select.disabled + .m-fancy-select > li > i,
.disabled .m-fancy-select > li > i {
color: #bfc0bf;
}
.m-fancy-select > li {
min-height: 2rem;
overflow: hidden;
padding-right: 1.4rem;
text-overflow: ellipsis;
white-space: nowrap;
color: #2c2b2b;
cursor: pointer;
font-weight: 500;
}
.m-fancy-select > li.single-item {
cursor: default;
padding-right: 0;
}
.m-fancy-select > li > i {
position: absolute;
top: 50%;
right: 1.4rem;
margin-top: -0.7rem;
color: #f4ac00;
transition: transform 0.2s;
-ms-transform-origin: 50% 38%;
transform-origin: 50% 38%;
}
.m-fancy-select.open {
box-shadow: 0 0.1rem 0.5rem rgba(44, 43, 43, 0.2);
}
.m-fancy-select.open > li > i {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.m-fancy-select.m-fancy-select--light {
background: #fff;
}
.m-fancy-select.m-fancy-select--narrow {
font-size: 1.5rem;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.m-fancy-select.m-fancy-select--narrow > li > i {
margin-top: -1rem;
}
.m-fancy-select.m-fancy-select--simple {
box-shadow: 0 0 0 0.1rem #bfc0bf;
color: inherit;
background: #fff;
font-weight: 300;
}
.m-fancy-select.m-fancy-select--inline {
display: inline-block;
max-width: 260px;
}
.m-fancy-select--as-addon {
position: relative;
display: table-cell;
width: auto;
min-width: 10rem;
max-width: 14rem;
border-radius: 0 0.3rem 0.3rem 0;
background: #595a59;
vertical-align: middle;
}
.m-fancy-select--as-addon > li {
overflow: hidden;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
}
.m-fancy-select--as-addon > li.single-item > span {
margin-right: 0;
}
.m-fancy-select--as-addon > li > span {
margin-right: 0.7rem;
color: #fff;
font-weight: 500;
}
.m-fancy-select--as-addon > li .m-fancy-select__option-list > ul > li {
color: #2c2b2b;
}
.m-fancy-select--as-addon.m-fancy-select--as-addon--left {
border-radius: 0.3rem 0 0 0.3rem;
}
.m-fancy-select__option-list {
position: absolute;
z-index: 999;
top: 100%;
left: 0;
display: none;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
max-height: 22.4rem;
margin-top: 0.2rem;
border-radius: 0 0 0.3rem 0.3rem;
background: #f2f2f2;
box-shadow: 0 0.1rem 0.5rem rgba(44, 43, 43, 0.2);
}
.m-fancy-select__option-list > ul {
list-style-type: none;
padding: 0.7rem 0;
}
.m-fancy-select__option-list > ul > li {
padding: 0.7rem 1.4rem;
white-space: normal;
transition: all 0.2s;
}
.m-fancy-select__option-list > ul > li:hover {
background: #fff;
}
.m-fancy-select__option-list.m-fancy-select--simple {
background: #fff;
}
.m-fancy-select__option-list.m-fancy-select--simple > ul > li:hover {
background: #f2f2f2;
}
.m-final__steps {
counter-reset: final;
margin-top: 2.8rem;
}
@media only screen and (min-width: 768px) {
.m-final__steps {
margin-right: 3.6rem;
}
}
.m-final__steps > li {
list-style: none;
padding-left: 5rem;
position: relative;
min-height: 4rem;
margin-bottom: 2.8rem;
}
.m-final__steps > li:before {
position: absolute;
left: 0;
top: 0;
color: #f4ac00;
content: counter(final);
counter-increment: final;
font-size: 4.8rem;
font-weight: 500;
line-height: 1;
}
.m-final__step-title {
font-weight: 500;
display: block;
}
p.m-final__phone {
font-size: 2.3rem;
font-weight: 500;
margin-bottom: 0;
}
p.m-final__phone > i {
font-size: 2.2rem;
vertical-align: middle;
}
.m-footer-meta {
background: transparent;
color: #fff;
font-size: 1.5rem;
line-height: 2rem;
padding-top: 2.1rem;
padding-bottom: 1.4rem;
}
.m-footer-meta:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 568px) {
.m-footer-meta .m-footer-meta__info {
padding-top: 0;
}
}
.m-footer-meta .m-footer-meta__links {
float: right;
margin-top: 1rem;
}
.m-footer-meta .m-footer-meta__links .m-footer-meta__link {
color: #fff;
font-size: 1.5rem;
padding-left: 1rem;
padding-top: 0;
padding-bottom: 0;
min-height: 0;
}
.m-footer-meta .m-footer-meta__links .m-footer-meta__link > i {
font-size: 2.1rem;
padding-right: 0rem;
vertical-align: middle;
}
@media only screen and (min-width: 568px) {
.m-footer-meta .m-footer-meta__links {
clear: none;
margin-top: 0;
}
}
@media only screen and (max-width: 567px) {
.m-footer-meta .m-footer-meta__info {
float: none;
text-align: center;
margin-bottom: 2rem;
}
.m-footer-meta .m-footer-meta__info > span {
padding-right: 0;
}
.m-footer-meta .m-footer-meta__links {
float: none;
clear: both;
}
.m-footer-meta .m-footer-meta__links .m-footer-meta__link {
border-radius: 0.3rem;
border: 0.2rem solid #fff;
display: block;
font-size: 1.5rem;
padding: 1rem;
text-align: center;
text-decoration: none;
width: 100%;
}
.m-footer-meta .m-footer-meta__links .m-footer-meta__link:first-child {
margin-top: 0;
}
}
.m-footer-meta__info {
color: #fff;
float: left;
font-size: 1.5rem;
line-height: 2rem;
padding-top: 1.4rem;
}
.m-footer-meta__info > span {
padding-right: 1rem;
}
.m-footer-meta__info > span > i {
padding-right: 0.5rem;
}
.m-form {
font-size: 1.5rem;
line-height: 2rem;
text-align: left;
}
.m-form__group {
min-height: 4.2rem;
margin-top: 1rem;
}
.m-form__group:first-child {
margin-top: 0;
}
.m-form__group.m-form__group--top-spacer {
margin-top: 1rem !important;
}
.m-form__group > label {
display: block;
margin-bottom: 0.7rem;
font-weight: 500;
padding-right: 4rem;
text-align: left;
}
.m-form__group > label > em {
font-weight: 300;
font-style: normal;
padding: 0 0.5rem;
}
@media only screen and (min-width: 568px) {
.m-form__group-fields .m-form__group > label,
.m-summary__box .m-form__group > label,
.l-calculator__form--sidebar .m-form__group > label,
.m-form--centered .m-form__group > label {
margin-top: 2.38rem;
margin-bottom: -2.38rem;
padding-right: 0.9rem;
text-align: right;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-form__group-fields .m-form__group > label.long,
.m-summary__box .m-form__group > label.long,
.l-calculator__form--sidebar .m-form__group > label.long,
.m-form--centered .m-form__group > label.long {
margin-top: 0;
margin-bottom: 1.8rem;
-ms-transform: none;
transform: none;
}
.m-form__group-fields .m-form__group > label.non-centered,
.m-summary__box .m-form__group > label.non-centered,
.l-calculator__form--sidebar .m-form__group > label.non-centered,
.m-form--centered .m-form__group > label.non-centered {
margin-top: 0.4rem;
margin-bottom: 0;
-ms-transform: none;
transform: none;
}
.m-form__group-fields .m-form__group > label,
.m-summary__box .m-form__group > label,
.l-calculator__form--sidebar .m-form__group > label {
width: 50%;
}
.m-form--centered .m-form__group > label {
width: 33.3333333333%;
}
.m-form__group > label > em {
display: block;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.m-form__group > label {
padding-right: 0.9rem;
text-align: right;
width: 33.3333333333%;
}
}
.m-form__group.m-form__group--focus > label {
font-size: 1.8rem;
line-height: 2.4rem;
margin-top: 1.2rem;
}
.m-form__group.m-form__group--focus .m-form__tip {
margin-top: 1.5rem;
}
.m-form__addition {
margin-top: 2.38rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-form__addition.disabled {
color: #bfc0bf;
}
.m-form__group-fields {
position: relative;
}
@media only screen and (min-width: 568px) {
.m-form__group-fields .m-form__group-fields,
.m-summary__box .m-form__group-fields,
.l-calculator__form--sidebar .m-form__group-fields {
width: 50%;
}
.m-form--centered .m-form__group-fields {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) {
.m-form__group-fields {
width: 66.6666666667%;
}
}
.m-form__group-fields.m-form__group-fields--no-label {
width: 100%;
padding-right: 4rem;
}
.m-form__group-fields.m-form__group-fields--no-label .m-tooltip--sidebar {
top: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-form__group-fields.m-form__group-fields--no-label {
padding-right: 0;
}
}
.m-form__group-fields > img {
display: block;
margin: 0 auto;
}
.m-form__group-fields > .l-grid > div,
.m-form__group-fields > .m-datepicker > div,
.m-form__group-fields > .m-form__group > div,
.m-form__group-fields > .m-callout > div,
.m-form__group-fields > .m-feature-list > div {
margin-bottom: 1.8rem;
}
.m-form__group:last-child .m-form__group-fields > .l-grid > div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-datepicker
> div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-form__group
> div:last-child,
.m-form__group:last-child .m-form__group-fields > .m-callout > div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-feature-list
> div:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 568px) {
.m-form__group:last-child .m-form__group-fields > .l-grid > div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-datepicker
> div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-form__group
> div:last-child,
.m-form__group:last-child .m-form__group-fields > .m-callout > div:last-child,
.m-form__group:last-child
.m-form__group-fields
> .m-feature-list
> div:last-child {
margin-bottom: 1.8rem;
}
}
.m-form__group-fields > .l-grid > footer,
.m-form__group-fields > .m-datepicker > footer,
.m-form__group-fields > .m-form__group > footer,
.m-form__group-fields > .m-callout > footer,
.m-form__group-fields > .m-feature-list > footer {
padding-left: 0;
text-align: right;
}
.m-form__group-additions {
background-color: #fff;
}
.m-form__group-additions:before {
clear: both;
display: table;
content: "";
}
.m-form__group-additions:after {
clear: both;
display: table;
content: "";
}
.m-summary__box .m-form__group-additions .m-form__group,
.m-form__group-additions .m-form__group-additions .m-form__group {
margin-top: 0;
}
.m-summary__box .m-form__group-additions .m-form__group > label,
.m-form__group-additions .m-form__group-additions .m-form__group > label {
font-weight: 300;
}
@media only screen and (min-width: 568px) {
.l-calculator__form--sidebar .m-summary__box,
.l-calculator__form--sidebar .m-form__group-additions {
margin-right: -5.8rem;
margin-left: -3rem;
}
.l-calculator__form--sidebar .m-summary__box .m-form__group-additions,
.l-calculator__form--sidebar
.m-form__group-additions
.m-form__group-additions {
margin: 0;
}
}
.m-form__calc-field {
background: #fce6be !important;
box-shadow: none;
color: #2c2b2b !important;
font-weight: 500;
text-align: center;
}
.m-form__addon-group {
position: relative;
display: table;
width: 100%;
}
.m-form__addon-group > em {
position: relative;
top: 2.8rem;
display: inline-block;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-form__addon-group.m-form__addon-group--50-50 {
table-layout: fixed;
}
.m-form__addon-group.m-form__addon-group--50-50 .m-form__addon {
width: auto;
}
.m-form__addon {
position: relative;
z-index: 1;
display: table-cell;
width: 1px;
min-width: 2.8rem;
max-width: 18rem;
padding: 0 1.4rem;
color: #fff;
background: #595a59;
font-weight: 500;
text-align: center;
vertical-align: middle;
box-shadow: 0 0 0.5rem rgba(44, 43, 43, 0.2) inset;
white-space: nowrap;
border-radius: 0.3rem 0 0 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (min-width: 568px) {
.m-form__addon {
max-width: 22rem;
}
}
.m-form__addon-input {
border-radius: 0.3rem 0 0 0.3rem;
display: table-cell !important;
}
.m-form__addon-input.m-form__addon-input--right {
border-radius: 0 0.3rem 0.3rem 0;
}
.m-form__addon-input + .m-form__addon {
border-radius: 0 0.3rem 0.3rem 0;
}
.m-form__group--boxed {
padding: 1.4rem;
background: #f2f2f2;
border-radius: 0.3rem;
}
.m-form__group--boxed input,
.m-form__group--boxed select,
.m-form__group--boxed textarea {
background: #fff;
box-shadow: 0 0 0.5rem rgba(44, 43, 43, 0.5) inset;
}
.m-form__required {
color: #f4ac00;
font-weight: 500;
}
.m-form__group--with-arrow {
position: relative;
padding-top: 1.4rem;
}
.m-form__group--with-arrow:before {
position: absolute;
top: 1.2rem;
left: 50%;
width: 2rem;
height: 2rem;
background: #f2f2f2;
content: "";
box-shadow: 0 0 0.5rem rgba(44, 43, 43, 0.2) inset;
-ms-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
}
.m-form__group--with-arrow:after {
position: absolute;
top: 1.5rem;
left: 50.4%;
width: 2.5rem;
height: 2rem;
background: #f2f2f2;
content: "";
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-form__group--giant {
margin-left: 0;
margin-right: 0;
}
.m-form__group--giant input,
.m-form__group--giant select {
border-radius: 0;
box-shadow: 0 0 0 transparent;
}
@media only screen and (min-width: 768px) {
.m-form__group--giant input,
.m-form__group--giant select {
height: 8.4rem;
font-size: 3.2rem;
line-height: 5.6rem;
}
}
.m-form__group--giant input.ng-touched.ng-invalid,
.m-form__group--giant select.ng-touched.ng-invalid {
background: #f9e6e2;
}
.m-form__group--giant input.ng-touched.ng-valid,
.m-form__group--giant select.ng-touched.ng-valid {
background: #fce6be;
}
.m-form__group--giant .m-button,
.m-form__group--giant .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-form__group--giant li > a,
.m-form__group--giant .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-form__group--giant button {
width: 5.6rem;
height: 4.9rem;
margin-left: 0;
border-radius: 0;
}
@media only screen and (min-width: 768px) {
.m-form__group--giant .m-button,
.m-form__group--giant .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-form__group--giant li > a,
.m-form__group--giant .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-form__group--giant button {
height: 8.4rem;
margin-left: 0;
width: auto;
padding: 0 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.m-form__group--giant .m-button > i,
.m-form__group--giant .m-tab-nav--buttons ul li > a > i,
.m-tab-nav--buttons ul .m-form__group--giant li > a > i,
.m-form__group--giant .m-chatbot__panel .wc-app button > i,
.m-chatbot__panel .wc-app .m-form__group--giant button > i {
font-size: 3.2rem;
}
}
.m-form--centered .m-form__group {
margin-top: 1rem;
}
.m-form--centered .m-form__group-fields > .l-grid > div,
.m-form--centered .m-form__group-fields > .m-datepicker > div,
.m-form--centered .m-form__group-fields > .m-form__group > div,
.m-form--centered .m-form__group-fields > .m-callout > div,
.m-form--centered .m-form__group-fields > .m-feature-list > div,
.m-form--centered .m-form__group-fields > .m-datepicker > div,
.m-form--centered .m-form__group-fields > .m-form__group > div {
margin-bottom: 1rem;
}
.m-form--with-vaidation .m-form__group input.ng-touched.ng-invalid,
.m-form--with-vaidation .m-form__group select.ng-touched.ng-invalid {
background: #f9e6e2;
}
.m-form--with-vaidation .m-form__group input.ng-touched.ng-valid,
.m-form--with-vaidation .m-form__group select.ng-touched.ng-valid {
background: #fce6be;
}
.m-form--with-vaidation .m-button:disabled,
.m-form--with-vaidation .m-tab-nav--buttons ul li > a:disabled,
.m-tab-nav--buttons ul .m-form--with-vaidation li > a:disabled,
.m-form--with-vaidation .m-chatbot__panel .wc-app button:disabled,
.m-chatbot__panel .wc-app .m-form--with-vaidation button:disabled {
background: #bfc0bf;
cursor: default;
}
.m-form--with-vaidation .m-button:disabled:hover,
.m-form--with-vaidation .m-tab-nav--buttons ul li > a:disabled:hover,
.m-tab-nav--buttons ul .m-form--with-vaidation li > a:disabled:hover,
.m-form--with-vaidation .m-chatbot__panel .wc-app button:disabled:hover,
.m-chatbot__panel .wc-app .m-form--with-vaidation button:disabled:hover {
background: #bfc0bf;
}
.m-form__validation-message {
position: relative;
width: 100%;
margin: 1.4rem 0 2.8rem;
font-weight: 500;
}
.m-form__validation-message:last-child {
margin-bottom: 1.4rem;
}
.m-form__validation-message:before {
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #c52223;
}
.m-form__validation-message.m-form__validation-message--no-margin {
margin: 0;
}
@media only screen and (min-width: 568px) {
.m-form__validation-message.m-form__validation-message--25:before {
left: 25%;
}
.m-form__validation-message.m-form__validation-message--58:before {
left: 58%;
}
.m-form__validation-message.m-form__validation-message--62:before {
left: 62%;
}
.m-form__validation-message.m-form__validation-message--75:before {
left: 75%;
}
.m-form__validation-message.m-form__validation-message--88:before {
left: 88%;
}
}
.m-form__validation-message.m-form__validation-message--info:before {
border-bottom-color: #fce6be;
}
.m-form__validation-message.m-form__validation-message--info > div {
background-color: #fce6be;
color: #2c2b2b;
font-weight: 300;
}
.m-form__validation-message.m-form__validation-message--info > div > i {
color: #f4ac00;
}
.m-form__validation-message > div {
padding: 2rem;
background-color: #c52223;
color: #fff;
line-height: 2rem;
}
.m-form__validation-message > div:after {
clear: both;
display: table;
content: "";
}
.m-form__validation-message > div > i {
float: left;
font-size: 3.2rem;
}
.m-form__validation-message > div > div {
padding-left: 5rem;
text-align: left;
}
.m-form__validation-message > div p {
margin-bottom: 1rem;
}
.m-form__validation-message > div p:last-child {
margin-bottom: 0;
}
.m-form__validation-message .ico-phone,
.m-form__validation-message a[href^="tel"] {
vertical-align: -0.3rem;
}
.m-form--ng .l-grid,
.m-form--ng .m-datepicker,
.m-form--ng .m-form__group,
.m-form--ng .m-callout,
.m-form--ng .m-feature-list {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.m-form--ng .l-grid__col,
.m-form--ng .m-datepicker__input,
.m-form--ng .m-datepicker__trigger,
.m-form--ng .m-form__group > label,
.m-form--ng .m-form__group-fields,
.m-form--ng .m-callout > div,
.m-form--ng [class*="l-grid__col"] {
padding: 0 0.5rem;
}
@media only screen and (max-width: 567px) {
.m-form--ng .l-grid__col.l-grid__col--gutter-spacer,
.m-form--ng .l-grid__col--gutter-spacer.m-datepicker__input,
.m-form--ng .l-grid__col--gutter-spacer.m-datepicker__trigger,
.m-form--ng .m-form__group > label.l-grid__col--gutter-spacer,
.m-form--ng .l-grid__col--gutter-spacer.m-form__group-fields,
.m-form--ng .m-callout > div.l-grid__col--gutter-spacer,
.m-form--ng [class*="l-grid__col"].l-grid__col--gutter-spacer {
margin-bottom: 1rem;
}
.m-form--ng .l-grid__col.l-grid__col--gutter-spacer:last-child,
.m-form--ng .l-grid__col--gutter-spacer.m-datepicker__input:last-child,
.m-form--ng .l-grid__col--gutter-spacer.m-datepicker__trigger:last-child,
.m-form--ng .m-form__group > label.l-grid__col--gutter-spacer:last-child,
.m-form--ng .l-grid__col--gutter-spacer.m-form__group-fields:last-child,
.m-form--ng .m-callout > div.l-grid__col--gutter-spacer:last-child,
.m-form--ng [class*="l-grid__col"].l-grid__col--gutter-spacer:last-child {
margin-bottom: 0;
}
}
.m-form--ng .m-bordered-box {
margin-top: 1rem;
padding-bottom: 0.4rem;
}
.m-help-box {
background-color: #f2f2f2;
font-weight: 500;
padding: 1rem;
white-space: nowrap;
}
.m-help-box i {
font-size: 1.8rem;
margin-right: 0.5rem;
vertical-align: -0.4rem;
}
.m-help-box__subline {
font-size: 1.2rem;
}
.m-help-box__phone {
margin-top: 1rem;
font-size: 2rem;
white-space: nowrap;
}
.m-list,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext ol,
.l-richtext ul,
.l-richtext--checked-lists ol,
.l-richtext--checked-lists ul {
list-style-position: inside;
list-style-type: none;
}
.m-list li,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li,
.l-richtext ol li,
.l-richtext ul li,
.l-richtext--checked-lists ol li,
.l-richtext--checked-lists ul li {
margin-bottom: 1.4rem;
padding-left: 2.4rem;
text-indent: -2.4rem;
}
.m-list li:before,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li:before,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li:before,
.l-richtext ol li:before,
.l-richtext ul li:before,
.l-richtext--checked-lists ol li:before,
.l-richtext--checked-lists ul li:before {
background: #f4ac00;
border: 0.1rem solid #f4ac00;
content: "";
display: inline-block;
height: 1rem;
margin-right: 1.4rem;
top: 0;
width: 1rem;
}
.m-list li p,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li p,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li p,
.l-richtext ol li p,
.l-richtext ul li p,
.l-richtext--checked-lists ol li p,
.l-richtext--checked-lists ul li p {
display: inline-block;
text-indent: 0;
vertical-align: top;
}
.m-list li > ul,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li > ul,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li > ul,
.l-richtext ol li > ul,
.l-richtext ul li > ul,
.l-richtext--checked-lists ol li > ul,
.l-richtext--checked-lists ul li > ul {
list-style: none;
margin-top: 1.4rem;
}
.m-list li > ul li,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li > ul li,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li > ul li,
.l-richtext ol li > ul li,
.l-richtext ul li > ul li,
.l-richtext--checked-lists ol li > ul li,
.l-richtext--checked-lists ul li > ul li {
margin-bottom: 0;
padding-left: 2.4rem;
text-indent: -2.4rem;
}
.m-list li > ul li:before,
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.m-doorpage-teaser__info
ul:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.l-richtext ol li > ul li:before,
.l-richtext ul li > ul li:before,
.l-richtext--checked-lists ol li > ul li:before,
.l-richtext--checked-lists ul li > ul li:before {
margin-right: 1.2rem;
}
.m-list.m-list--small,
.m-doorpage-teaser__info
ol.m-list--small:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
ul.m-list--small:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext ol.m-list--small,
.l-richtext ul.m-list--small,
.l-richtext--checked-lists ol.m-list--small,
.l-richtext--checked-lists ul.m-list--small {
line-height: 2rem;
}
.m-list.m-list--small li,
.m-doorpage-teaser__info
ol.m-list--small:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--small:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--small li,
.l-richtext ul.m-list--small li,
.l-richtext--checked-lists ol.m-list--small li,
.l-richtext--checked-lists ul.m-list--small li {
margin-bottom: 1rem;
padding-left: 2rem;
text-indent: -2rem;
}
.m-list.m-list--small li:before,
.m-doorpage-teaser__info
ol.m-list--small:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--small:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--small li:before,
.l-richtext ul.m-list--small li:before,
.l-richtext--checked-lists ol.m-list--small li:before,
.l-richtext--checked-lists ul.m-list--small li:before {
height: 0.8rem;
margin-right: 1rem;
top: 0;
width: 0.8rem;
}
@media only screen and (min-width: 768px) {
.m-list.m-list--large,
.m-doorpage-teaser__info
ol.m-list--large:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
ul.m-list--large:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext ol.m-list--large,
.l-richtext ul.m-list--large,
.l-richtext--checked-lists ol.m-list--large,
.l-richtext--checked-lists ul.m-list--large {
font-size: 2.2rem;
line-height: 1.5;
}
.m-list.m-list--large li,
.m-doorpage-teaser__info
ol.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--large li,
.l-richtext ul.m-list--large li,
.l-richtext--checked-lists ol.m-list--large li,
.l-richtext--checked-lists ul.m-list--large li {
margin-bottom: 2.8rem;
}
}
.m-list.m-list--checked li,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li,
.l-richtext ol.m-list--checked li,
.l-richtext .l-richtext--checked-lists ol li,
.l-richtext--checked-lists .l-richtext ol li,
.l-richtext ul.m-list--checked li,
.l-richtext .l-richtext--checked-lists ul li,
.l-richtext--checked-lists .l-richtext ul li,
.l-richtext--checked-lists ol li,
.l-richtext--checked-lists ul li,
.m-list.m-list--cross li,
.m-doorpage-teaser__info
ol.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--cross li,
.l-richtext ul.m-list--cross li,
.l-richtext--checked-lists ol.m-list--cross li,
.l-richtext--checked-lists ul.m-list--cross li {
padding-left: 3.2rem;
text-indent: -3.2rem;
}
.m-list.m-list--checked li:before,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li:before,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li:before,
.l-richtext ol.m-list--checked li:before,
.l-richtext .l-richtext--checked-lists ol li:before,
.l-richtext--checked-lists .l-richtext ol li:before,
.l-richtext ul.m-list--checked li:before,
.l-richtext .l-richtext--checked-lists ul li:before,
.l-richtext--checked-lists .l-richtext ul li:before,
.l-richtext--checked-lists ol li:before,
.l-richtext--checked-lists ul li:before,
.m-list.m-list--cross li:before,
.m-doorpage-teaser__info
ol.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--cross li:before,
.l-richtext ul.m-list--cross li:before,
.l-richtext--checked-lists ol.m-list--cross li:before,
.l-richtext--checked-lists ul.m-list--cross li:before {
background: transparent;
border: none;
color: #f4ac00;
content: "D";
font-family: "vhv15";
left: 3.2rem;
line-height: 0;
margin-right: 3.2rem;
position: relative;
top: 0.4rem;
width: auto;
}
.m-list.m-list--checked li > ul li,
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) li > ul li,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) li > ul li,
.l-richtext ol.m-list--checked li > ul li,
.l-richtext .l-richtext--checked-lists ol li > ul li,
.l-richtext--checked-lists .l-richtext ol li > ul li,
.l-richtext ul.m-list--checked li > ul li,
.l-richtext .l-richtext--checked-lists ul li > ul li,
.l-richtext--checked-lists .l-richtext ul li > ul li,
.l-richtext--checked-lists ol li > ul li,
.l-richtext--checked-lists ul li > ul li,
.m-list.m-list--cross li > ul li,
.m-doorpage-teaser__info
ol.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li,
.m-doorpage-teaser__info
ul.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li,
.l-richtext ol.m-list--cross li > ul li,
.l-richtext ul.m-list--cross li > ul li,
.l-richtext--checked-lists ol.m-list--cross li > ul li,
.l-richtext--checked-lists ul.m-list--cross li > ul li {
padding-left: 3rem;
text-indent: -1.5rem;
}
.m-list.m-list--checked li > ul li:before,
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.m-doorpage-teaser__info
ul:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.l-richtext ol.m-list--checked li > ul li:before,
.l-richtext .l-richtext--checked-lists ol li > ul li:before,
.l-richtext--checked-lists .l-richtext ol li > ul li:before,
.l-richtext ul.m-list--checked li > ul li:before,
.l-richtext .l-richtext--checked-lists ul li > ul li:before,
.l-richtext--checked-lists .l-richtext ul li > ul li:before,
.l-richtext--checked-lists ol li > ul li:before,
.l-richtext--checked-lists ul li > ul li:before,
.m-list.m-list--cross li > ul li:before,
.m-doorpage-teaser__info
ol.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.m-doorpage-teaser__info
ul.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li
> ul
li:before,
.l-richtext ol.m-list--cross li > ul li:before,
.l-richtext ul.m-list--cross li > ul li:before,
.l-richtext--checked-lists ol.m-list--cross li > ul li:before,
.l-richtext--checked-lists ul.m-list--cross li > ul li:before {
left: 0;
margin-right: 1.2rem;
}
@media only screen and (min-width: 768px) {
.m-list.m-list--checked.m-list--large li,
.m-doorpage-teaser__info
ol.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--checked.m-list--large li,
.l-richtext .l-richtext--checked-lists ol.m-list--large li,
.l-richtext--checked-lists .l-richtext ol.m-list--large li,
.l-richtext ul.m-list--checked.m-list--large li,
.l-richtext .l-richtext--checked-lists ul.m-list--large li,
.l-richtext--checked-lists .l-richtext ul.m-list--large li,
.l-richtext--checked-lists ol.m-list--large li,
.l-richtext--checked-lists ul.m-list--large li,
.m-list.m-list--cross.m-list--large li,
.m-doorpage-teaser__info
ol.m-list--cross.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--cross.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--cross.m-list--large li,
.l-richtext ul.m-list--cross.m-list--large li,
.l-richtext--checked-lists ol.m-list--cross.m-list--large li,
.l-richtext--checked-lists ul.m-list--cross.m-list--large li {
padding-left: 5rem;
text-indent: -5rem;
}
.m-list.m-list--checked.m-list--large li:before,
.m-doorpage-teaser__info
ol.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--checked.m-list--large li:before,
.l-richtext .l-richtext--checked-lists ol.m-list--large li:before,
.l-richtext--checked-lists .l-richtext ol.m-list--large li:before,
.l-richtext ul.m-list--checked.m-list--large li:before,
.l-richtext .l-richtext--checked-lists ul.m-list--large li:before,
.l-richtext--checked-lists .l-richtext ul.m-list--large li:before,
.l-richtext--checked-lists ol.m-list--large li:before,
.l-richtext--checked-lists ul.m-list--large li:before,
.m-list.m-list--cross.m-list--large li:before,
.m-doorpage-teaser__info
ol.m-list--cross.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--cross.m-list--large:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--cross.m-list--large li:before,
.l-richtext ul.m-list--cross.m-list--large li:before,
.l-richtext--checked-lists ol.m-list--cross.m-list--large li:before,
.l-richtext--checked-lists ul.m-list--cross.m-list--large li:before {
font-size: 2.86rem;
left: 5rem;
margin-right: 5rem;
top: 2rem;
}
}
.m-list.m-list--checked.m-list--green li:before,
.m-doorpage-teaser__info
ol.m-list--green:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--green:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--checked.m-list--green li:before,
.l-richtext .l-richtext--checked-lists ol.m-list--green li:before,
.l-richtext--checked-lists .l-richtext ol.m-list--green li:before,
.l-richtext ul.m-list--checked.m-list--green li:before,
.l-richtext .l-richtext--checked-lists ul.m-list--green li:before,
.l-richtext--checked-lists .l-richtext ul.m-list--green li:before,
.l-richtext--checked-lists ol.m-list--green li:before,
.l-richtext--checked-lists ul.m-list--green li:before,
.m-list.m-list--cross.m-list--green li:before,
.m-doorpage-teaser__info
ol.m-list--cross.m-list--green:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--cross.m-list--green:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--cross.m-list--green li:before,
.l-richtext ul.m-list--cross.m-list--green li:before,
.l-richtext--checked-lists ol.m-list--cross.m-list--green li:before,
.l-richtext--checked-lists ul.m-list--cross.m-list--green li:before {
color: #5fb900;
}
.m-list.m-list--cross li:before,
.m-doorpage-teaser__info
ol.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--cross:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--cross li:before,
.l-richtext ul.m-list--cross li:before,
.l-richtext--checked-lists ol.m-list--cross li:before,
.l-richtext--checked-lists ul.m-list--cross li:before {
color: #c52223;
content: "\61";
}
.m-list.m-list--links.m-list--indent li,
.m-doorpage-teaser__info
ol.m-list--links.m-list--indent:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--links.m-list--indent:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--links.m-list--indent li,
.l-richtext ul.m-list--links.m-list--indent li,
.l-richtext--checked-lists ol.m-list--links.m-list--indent li,
.l-richtext--checked-lists ul.m-list--links.m-list--indent li {
padding-left: 3rem;
text-indent: -3rem;
}
.m-list.m-list--links.m-list--indent li:before,
.m-doorpage-teaser__info
ol.m-list--links.m-list--indent:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--links.m-list--indent:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--links.m-list--indent li:before,
.l-richtext ul.m-list--links.m-list--indent li:before,
.l-richtext--checked-lists ol.m-list--links.m-list--indent li:before,
.l-richtext--checked-lists ul.m-list--links.m-list--indent li:before {
display: inline-block;
margin-right: 0;
text-indent: 0;
width: 3rem;
}
.m-list.m-list--links li,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol.m-list--links li,
.l-richtext ul.m-list--links li,
.l-richtext--checked-lists ol.m-list--links li,
.l-richtext--checked-lists ul.m-list--links li {
margin-bottom: 0;
padding-left: 0;
text-indent: 0;
transition: all 0.2s;
}
.m-list.m-list--links li:hover,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover,
.l-richtext ol.m-list--links li:hover,
.l-richtext ul.m-list--links li:hover,
.l-richtext--checked-lists ol.m-list--links li:hover,
.l-richtext--checked-lists ul.m-list--links li:hover {
color: #f08100;
}
.m-list.m-list--links li:hover > a,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover
> a,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover
> a,
.l-richtext ol.m-list--links li:hover > a,
.l-richtext ul.m-list--links li:hover > a,
.l-richtext--checked-lists ol.m-list--links li:hover > a,
.l-richtext--checked-lists ul.m-list--links li:hover > a {
color: #f08100;
cursor: pointer;
}
.m-list.m-list--links li:hover:before,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover:before,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:hover:before,
.l-richtext ol.m-list--links li:hover:before,
.l-richtext ul.m-list--links li:hover:before,
.l-richtext--checked-lists ol.m-list--links li:hover:before,
.l-richtext--checked-lists ul.m-list--links li:hover:before {
color: #f08100;
}
.m-list.m-list--links li:before,
.m-doorpage-teaser__info
ol.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--links:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol.m-list--links li:before,
.l-richtext ul.m-list--links li:before,
.l-richtext--checked-lists ol.m-list--links li:before,
.l-richtext--checked-lists ul.m-list--links li:before {
background: transparent;
border: none;
color: #f4ac00;
content: "l";
font-family: "vhv15";
line-height: 0;
margin-right: 2rem;
position: relative;
top: 0.3rem;
transition: all 0.2s;
}
@media only screen and (min-width: 568px) {
.m-list.m-list--2col,
.m-doorpage-teaser__info
ol.m-list--2col:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
ul.m-list--2col:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext ol.m-list--2col,
.l-richtext ul.m-list--2col,
.l-richtext--checked-lists ol.m-list--2col,
.l-richtext--checked-lists ul.m-list--2col {
column-count: 2;
column-gap: 1.8rem;
}
.m-list.m-list--2col > li,
.m-doorpage-teaser__info
ol.m-list--2col:not(.m-doorpage-teaser__info__sub-nav)
> li,
.m-doorpage-teaser__info
ul.m-list--2col:not(.m-doorpage-teaser__info__sub-nav)
> li,
.l-richtext ol.m-list--2col > li,
.l-richtext ul.m-list--2col > li,
.l-richtext--checked-lists ol.m-list--2col > li,
.l-richtext--checked-lists ul.m-list--2col > li {
break-inside: avoid;
page-break-inside: avoid;
}
}
.m-list.m-list--ordered,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info .l-richtext ol:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext .m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav),
.l-richtext ol,
.l-richtext ul.m-list--ordered,
.l-richtext--checked-lists ol.m-list--ordered,
.l-richtext--checked-lists ul.m-list--ordered {
counter-reset: num;
}
.m-list.m-list--ordered li,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
.l-richtext
ol:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li,
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li,
.l-richtext ol li,
.l-richtext ul.m-list--ordered li,
.l-richtext--checked-lists ol.m-list--ordered li,
.l-richtext--checked-lists .l-richtext ol li,
.l-richtext .l-richtext--checked-lists ol li,
.l-richtext--checked-lists ul.m-list--ordered li {
position: relative;
padding-left: 2.4rem;
text-indent: 0;
}
.m-list.m-list--ordered li:before,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
.l-richtext
ol:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li:before,
.l-richtext ol li:before,
.l-richtext ul.m-list--ordered li:before,
.l-richtext--checked-lists ol.m-list--ordered li:before,
.l-richtext--checked-lists .l-richtext ol li:before,
.l-richtext .l-richtext--checked-lists ol li:before,
.l-richtext--checked-lists ul.m-list--ordered li:before {
background: transparent;
border: none;
content: counter(num);
color: #f4ac00;
counter-increment: num;
font-weight: 500;
position: absolute;
left: 0;
}
.m-list.m-list--ordered li > ol,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol,
.m-doorpage-teaser__info
.l-richtext
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol,
.l-richtext
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol,
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol,
.l-richtext ol li > ol,
.l-richtext ul.m-list--ordered li > ol,
.l-richtext--checked-lists ol.m-list--ordered li > ol,
.l-richtext--checked-lists .l-richtext ol li > ol,
.l-richtext .l-richtext--checked-lists ol li > ol,
.l-richtext--checked-lists ul.m-list--ordered li > ol {
margin-top: 1.4rem;
list-style-type: none;
}
.m-list.m-list--ordered li > ol li,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li,
.m-doorpage-teaser__info
.l-richtext
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li,
.l-richtext
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li,
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li,
.l-richtext ol li > ol li,
.l-richtext ul.m-list--ordered li > ol li,
.l-richtext--checked-lists ol.m-list--ordered li > ol li,
.l-richtext--checked-lists .l-richtext ol li > ol li,
.l-richtext .l-richtext--checked-lists ol li > ol li,
.l-richtext--checked-lists ul.m-list--ordered li > ol li {
margin-bottom: 0;
margin-left: 0;
padding-left: 3.6rem;
}
.m-list.m-list--ordered li > ol li:before,
.m-doorpage-teaser__info
ol.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li:before,
.m-doorpage-teaser__info
.l-richtext
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li:before,
.l-richtext
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li:before,
.m-doorpage-teaser__info
ul.m-list--ordered:not(.m-doorpage-teaser__info__sub-nav)
li
> ol
li:before,
.l-richtext ol li > ol li:before,
.l-richtext ul.m-list--ordered li > ol li:before,
.l-richtext--checked-lists ol.m-list--ordered li > ol li:before,
.l-richtext--checked-lists .l-richtext ol li > ol li:before,
.l-richtext .l-richtext--checked-lists ol li > ol li:before,
.l-richtext--checked-lists ul.m-list--ordered li > ol li:before {
content: counters(num, ".");
}
.m-multi-button {
position: relative;
display: inline-block;
width: 100%;
}
@media only screen and (min-width: 568px) {
.m-multi-button {
width: auto;
}
}
.m-multi-button__trigger {
position: relative;
overflow-x: hidden;
width: 100%;
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 568px) {
.m-multi-button__trigger {
width: auto;
}
}
.m-multi-button__trigger.open:not(.m-button--link) > span,
.m-multi-button__trigger.open:not(.m-button--link) > div {
left: -100%;
}
.m-multi-button__trigger.m-button--link > span > span,
.m-multi-button__trigger.m-button--link > div > span {
padding-right: 0;
padding-left: 0;
}
.m-multi-button__trigger > span,
.m-multi-button__trigger > div {
position: relative;
left: 0;
display: block;
width: 100%;
white-space: nowrap;
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-multi-button__trigger > span > span,
.m-multi-button__trigger > div > span {
display: inline-block;
width: 100%;
padding-right: 1.9rem;
padding-left: 1.9rem;
}
.m-multi-button__trigger > span > span > i,
.m-multi-button__trigger > div > span > i {
position: relative;
top: 0.4rem;
margin-right: 0.7rem;
}
.m-multi-button__content {
position: absolute;
z-index: 99999999999;
top: 100%;
left: 50%;
display: none;
width: 32rem;
margin-top: 0.7rem;
background: #fff;
font-size: 1.5rem;
box-shadow: 0 0 0.3rem rgba(44, 43, 43, 0.4);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-multi-button__content:before {
position: absolute;
top: -0.7rem;
left: 50%;
width: 1.4rem;
height: 1.4rem;
background: #fff;
content: "";
box-shadow: 0 0 0.3rem rgba(44, 43, 43, 0.4);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.m-multi-button__content:after {
position: absolute;
top: 0;
left: 50%;
width: 2.8rem;
height: 1.4rem;
background: #fff;
content: "";
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-multi-button__content > div {
padding: 2.8rem;
padding-bottom: 1.4rem;
}
.m-multi-button__content > div h5 {
margin-bottom: 1.4rem;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2rem;
font-weight: 800;
text-align: center;
}
.m-multi-button__content > div .m-button,
.m-multi-button__content > div .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-multi-button__content > div li > a,
.m-multi-button__content > div .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-multi-button__content > div button,
.m-multi-button__content > div button,
.m-multi-button__content > div a {
width: 100%;
margin-bottom: 1.4rem;
}
.m-multi-button__content > div .m-button > i.download,
.m-multi-button__content > div .m-tab-nav--buttons ul li > a > i.download,
.m-tab-nav--buttons ul .m-multi-button__content > div li > a > i.download,
.m-multi-button__content > div .m-chatbot__panel .wc-app button > i.download,
.m-chatbot__panel .wc-app .m-multi-button__content > div button > i.download,
.m-multi-button__content > div button > i.download,
.m-multi-button__content > div a > i.download {
font-size: 1.5rem;
}
.m-multi-button__content > footer {
padding: 2.8rem;
background: #fff linear-gradient(to bottom, #f2f2f2, #fff);
font-size: 1.8rem;
}
.m-multi-button__content > footer > p {
margin-bottom: 1.4rem;
}
.m-multi-button__content > footer > p:last-child {
margin-bottom: 0;
}
.m-multi-button__content--top {
top: inherit;
bottom: 100%;
margin-bottom: 0.7rem;
}
.m-multi-button__content--top:before {
position: absolute;
top: inherit;
bottom: -0.7rem;
left: 50%;
width: 1.4rem;
height: 1.4rem;
background: #fff;
content: "";
box-shadow: 0 0 0.3rem rgba(44, 43, 43, 0.4);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.m-multi-button__content--top:after {
position: absolute;
top: inherit;
bottom: 0;
left: 50%;
width: 2.8rem;
height: 1.4rem;
background: #fff;
content: "";
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.m-multi-button__content--horizontal {
width: 38rem;
}
}
.m-multi-button__content--horizontal > div {
padding: 1.4rem 1.4rem 0.7rem;
}
.m-multi-button__content--horizontal > div a,
.m-multi-button__content--horizontal > div button,
.m-multi-button__content--horizontal > div .m-button,
.m-multi-button__content--horizontal > div .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-multi-button__content--horizontal > div li > a,
.m-multi-button__content--horizontal > div .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-multi-button__content--horizontal > div button {
width: 48%;
margin-bottom: 0;
}
.m-multi-button__content--horizontal > div a:first-child,
.m-multi-button__content--horizontal > div button:first-child,
.m-multi-button__content--horizontal > div .m-button:first-child,
.m-multi-button__content--horizontal
> div
.m-tab-nav--buttons
ul
li
> a:first-child,
.m-tab-nav--buttons
ul
.m-multi-button__content--horizontal
> div
li
> a:first-child,
.m-multi-button__content--horizontal
> div
.m-chatbot__panel
.wc-app
button:first-child,
.m-chatbot__panel
.wc-app
.m-multi-button__content--horizontal
> div
button:first-child {
margin-right: 2%;
}
@media only screen and (min-width: 768px) {
.m-multi-button__content--wide {
width: 52rem;
}
.m-multi-button__content--wide > div button {
width: 48%;
margin-right: 2%;
padding: 0 2rem;
}
.m-multi-button__content--wide > div button:last-of-type {
margin-right: 0;
}
}
.ie9 .m-multi-button__content > footer {
padding-top: 0;
background: #fff;
}
.m-notification {
position: relative;
background-color: #fce6be;
color: #2c2b2b;
margin: 1.5em 0;
padding: 1.4rem 2rem;
}
.m-notification:after {
clear: both;
display: table;
content: "";
}
.m-notification:first-child {
margin-top: 0;
}
.m-notification:last-child {
margin-bottom: 0;
}
.m-notification > i {
float: left;
font-size: 2.2rem;
}
.m-notification.m-notification--l {
padding: 2rem;
}
.m-notification.m-notification--l > i {
font-size: 3.2rem;
}
.m-notification.m-notification--warning {
background-color: #fce6be;
color: #2c2b2b;
font-weight: 300;
}
.m-notification.m-notification--warning > i {
color: #f4ac00;
}
.m-notification.m-notification--error {
background-color: #c52223;
color: #fff;
font-weight: 500;
}
.m-notification.m-notification--error > i {
color: #fff;
}
.m-notification__content > p {
margin-bottom: 1rem;
}
.m-notification__content > p:last-child {
margin-bottom: 0;
}
.m-notification--warning .m-notification__content,
.m-notification--error .m-notification__content {
padding-left: 4rem;
}
.m-notification--warning.m-notification--l .m-notification__content,
.m-notification--error.m-notification--l .m-notification__content {
padding-left: 5rem;
}
.m-notification__sub {
font-weight: 300;
}
.m-notification__arrow {
position: absolute;
left: 50%;
}
.m-notification--top > .m-notification__arrow {
top: 0%;
}
.m-notification--top > .m-notification__arrow:before {
position: absolute;
border: 1em solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1em;
margin-bottom: 0;
border-bottom-color: #fce6be;
}
.m-notification--top.m-notification--warning > .m-notification__arrow:before {
border-bottom-color: #fce6be;
}
.m-notification--top.m-notification--error > .m-notification__arrow:before {
border-bottom-color: #c52223;
}
.m-notification--bottom > .m-notification__arrow {
top: 100%;
}
.m-notification--bottom > .m-notification__arrow:before {
position: absolute;
border: 1em solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1em;
margin-top: 0;
border-top-color: #fce6be;
}
.m-notification--bottom.m-notification--warning
> .m-notification__arrow:before {
border-top-color: #fce6be;
}
.m-notification--bottom.m-notification--error > .m-notification__arrow:before {
border-top-color: #c52223;
}
.m-option-box {
background-color: #f2f2f2;
cursor: pointer;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1.4rem;
padding: 1.9rem 1.6rem 4.8rem 6rem;
position: relative;
transition: background-color 0.2s;
}
.m-option-box.active {
background-color: #fce6be;
}
.m-option-box.active .m-option-box__side-content {
color: #f4ac00;
}
.m-option-box label.radio,
.m-option-box label.checkbox {
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.4rem;
position: static;
}
.m-option-box label.radio:before,
.m-option-box label.checkbox:before {
left: 1.6rem;
top: 1.6rem;
margin: 0;
}
@media only screen and (min-width: 568px) {
.m-option-box {
padding-bottom: 1.6rem;
}
}
@media only screen and (min-width: 568px) {
.m-option-box__content.m-option-box__content--narrow {
padding-right: 11rem;
}
}
.m-option-box__side-content {
color: #2c2b2b;
font-weight: 500;
position: absolute;
right: 1.6rem;
bottom: 1.6rem;
text-align: right;
}
@media only screen and (min-width: 568px) {
.m-option-box__side-content {
width: 9.2rem;
top: 1.9rem;
bottom: auto;
}
}
@media only screen and (min-width: 568px) {
.m-option-box__header {
padding-right: 11rem;
}
}
.m-option-box__price--old {
display: block;
text-decoration: line-through;
margin-bottom: 0.7rem;
}
.m-option-box__price--new {
display: block;
color: #595a59;
}
.m-payment-box {
background-color: #fff;
margin-bottom: 0;
}
.m-payment-box:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 568px) {
.m-payment-box {
display: table;
table-layout: fixed;
width: 100%;
}
}
@media only screen and (min-width: 568px) {
.m-payment-box--4-12,
.m-payment-box--6-12,
.m-payment-box--8-12 {
display: table-cell;
vertical-align: middle;
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.m-payment-box--4-12 {
width: 33.3333333333%;
}
.m-payment-box--8-12 {
width: 66.6666666667%;
}
}
.m-payment-box__content {
background-color: #fce6be;
color: #2c2b2b;
padding: 1.4rem;
position: relative;
}
.m-payment-box__content:before {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #fce6be;
}
@media only screen and (min-width: 568px) {
.m-payment-box__content {
padding: 2.8rem;
}
.m-payment-box__content:before {
position: absolute;
border: 1rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -1rem;
margin-left: 0;
border-left-color: #fce6be;
}
}
.m-payment-box__content-title {
color: #f4ac00;
font-size: 1.8rem;
font-weight: 500;
line-height: 2rem;
margin-bottom: 1.4rem;
}
.m-payment-box__settings {
background-color: #f2f2f2;
border-bottom: solid #fff 0;
color: #2c2b2b;
padding: 2.8rem 1.4rem;
position: relative;
}
.m-payment-box__settings:before {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #f2f2f2;
}
@media only screen and (min-width: 568px) {
.m-payment-box__settings {
border-bottom: 0;
border-right: solid #fff 0;
}
.m-payment-box__settings:before {
position: absolute;
border: 1rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -1rem;
margin-left: 0;
border-left-color: #f2f2f2;
}
}
@media only screen and (min-width: 768px) {
.m-payment-box__settings {
padding: 2.8rem;
width: 33.3333333333%;
}
}
.m-payment-box__settings label {
font-weight: 500;
margin-bottom: 0.5rem;
display: block;
}
.m-payment-box__settings .m-datepicker__trigger {
color: #2c2b2b;
}
.m-payment-box__price {
font-size: 4.8rem;
font-weight: 500;
line-height: 1;
margin-bottom: 0.6rem;
}
.m-payment-box__price.m-payment-box__price--medium {
font-size: 3.2rem;
}
.m-payment-box__result {
background-color: #fff;
color: #595a59;
padding: 2.8rem 1.4rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-payment-box__result {
padding: 2.8rem;
}
}
.m-payment-box__result .m-payment-box__result-link {
color: #fff;
border-bottom: 0.1rem dotted #fff;
font-weight: 300;
}
.m-payment-box__result [class*="l-grid__col"] {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-payment-box__button-left {
float: left;
padding-right: 0.9rem;
width: 50%;
}
}
.m-payment-box__button-right {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-payment-box__button-right {
float: right;
padding-left: 0.9rem;
width: 50%;
}
}
.m-payment-box__result-head {
font-size: 2.2rem;
line-height: 2.4rem;
text-align: right;
margin-bottom: 1.2rem;
}
.m-phone-number {
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-phone-number {
font-size: 3rem;
}
}
.m-phone-number > i {
position: relative;
top: 0.4rem;
}
@media only screen and (min-width: 768px) {
.m-phone-number > i {
top: 0.6rem;
}
}
.m-phone-number a[href^="tel"]:before {
display: none;
}
.m-pikaday {
background: #fff;
box-shadow: 0 0 1rem rgba(44, 43, 43, 0.2);
position: absolute !important;
left: 0.9rem !important;
margin: 0.9rem 0;
color: #2c2b2b;
z-index: 999999999;
}
.m-pikaday.m-pikaday--bottom {
top: 100% !important;
}
.m-pikaday.m-pikaday--top {
bottom: 100% !important;
}
.m-pikaday.is-hidden {
display: none;
}
.m-pikaday .pika-lendar {
float: left;
width: 240px;
margin: 8px;
}
.m-pikaday .pika-title {
position: relative;
text-align: center;
}
.m-pikaday .pika-label {
position: relative;
z-index: 9999;
display: inline-block;
overflow: hidden;
background-color: #f2f2f2;
color: #595a59;
font-size: 1.5rem;
font-weight: 500;
line-height: 20px;
border-radius: 0.3rem;
padding: 0.6rem 1.2rem;
margin: 1px;
}
.m-pikaday .pika-label:hover {
color: #fff;
background-color: #f4ac00;
}
.m-pikaday .pika-title select {
position: absolute;
z-index: 9998;
top: 0;
left: 0;
margin: 0;
cursor: pointer;
opacity: 0;
height: 100%;
filter: alpha(opacity=0);
}
.m-pikaday .pika-prev,
.m-pikaday .pika-next {
position: relative;
display: block;
overflow: hidden;
width: 20px;
height: 30px;
border: 0;
background-color: transparent;
padding: 0.6rem 1.2rem;
white-space: nowrap;
text-indent: 20px;
cursor: pointer;
outline: none;
}
.m-pikaday .pika-prev:before,
.m-pikaday .pika-next:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #f4ac00;
text-indent: 0;
padding: 0.9rem 0;
}
.m-pikaday .pika-prev:hover:before,
.m-pikaday .pika-next:hover:before {
color: #f08100;
}
.m-pikaday .pika-prev,
.m-pikaday .is-rtl .pika-next {
float: left;
*left: 0;
}
.m-pikaday .pika-next,
.m-pikaday .is-rtl .pika-prev {
float: right;
*right: 0;
}
.m-pikaday .pika-prev.is-disabled,
.m-pikaday .pika-next.is-disabled {
cursor: default;
opacity: 0.2;
}
.m-pikaday .pika-select {
display: inline-block;
*display: inline;
}
.m-pikaday .pika-table {
width: 100%;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}
.m-pikaday .pika-table th,
.m-pikaday .pika-table td {
width: 14.285714285714286%;
padding: 1px;
}
.m-pikaday .pika-table th {
color: #999;
font-size: 12px;
font-weight: 500;
line-height: 25px;
text-align: center;
}
.m-pikaday .pika-button {
display: block;
width: 100%;
margin: 0;
padding: 5px;
border: 0;
border-radius: 0.3rem;
color: #2c2b2b;
background: #f2f2f2;
font-size: 1.5rem;
line-height: 15px;
text-align: center;
cursor: pointer;
outline: none;
min-height: 30px;
}
.m-pikaday .pika-week {
color: #999;
font-size: 11px;
}
.m-pikaday .is-today .pika-button {
color: #f4ac00;
font-weight: 500;
}
.m-pikaday .is-selected .pika-button {
border-radius: 3px;
color: #fff;
background: #f4ac00;
font-weight: 500;
}
.m-pikaday .is-inrange .pika-button {
background: #d5e9f7;
}
.m-pikaday .is-startrange .pika-button {
border-radius: 3px;
color: #fff;
background: #6cb31d;
box-shadow: none;
}
.m-pikaday .is-endrange .pika-button {
border-radius: 3px;
color: #fff;
background: #3af;
box-shadow: none;
}
.m-pikaday .is-disabled .pika-button {
color: #999;
cursor: default;
pointer-events: none;
opacity: 0.3;
}
.m-pikaday .pika-button:hover {
border-radius: 3px;
color: #fff;
background: #f4ac00;
box-shadow: none;
font-weight: 500;
}
.m-pikaday .pika-table abbr {
border-bottom: none;
cursor: default;
}
.m-quote {
position: relative;
width: 100%;
padding: 2.8rem;
color: #595a59;
background: #f2f2f2;
font-size: 2rem;
font-style: italic;
line-height: 2.8rem;
}
@media only screen and (min-width: 568px) {
.m-quote {
font-size: 2.8rem;
line-height: 4.2rem;
}
}
.m-quote p:before {
content: "\201e";
}
.m-quote p:after {
content: "\201c";
}
.m-quote footer {
margin-top: 0.7rem;
}
.m-quote footer cite {
font-size: 1.8rem;
font-weight: 500;
}
.m-quote footer cite:before {
content: "— ";
}
.m-quote--simple {
padding: 0;
background: transparent;
text-align: left;
}
@media only screen and (min-width: 568px) {
.m-quote--simple {
padding-top: 1.4rem;
font-size: 2.2rem;
line-height: 3.5rem;
}
}
.m-quote--simple .m-quote__rating {
padding-top: 1.3rem;
height: 4.2rem;
}
.m-quote--simple p:after {
content: "\201D";
}
.m-quote--simple footer cite:before {
content: "";
}
.m-quote__rating {
margin: 2.8rem -2.8rem -1.4rem;
padding: 2.8rem 2.8rem 0;
border-top: 0.6rem solid #f2f2f2;
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
}
.m-quote__rating > ul > li {
display: inline-block;
width: 2.1rem;
height: 2.1rem;
border: 0.2rem solid #f4ac00;
}
.m-quote__rating > ul > li.checked {
background: #f4ac00;
}
.m-quote__rating > ul > li:last-child {
position: relative;
top: -0.4rem;
width: auto;
margin-left: 1.4rem;
border: none;
}
.m-quote__image {
border-radius: 50%;
}
.m-radio-table {
display: table !important;
width: 100%;
}
.m-radio-table > span {
display: block;
}
@media only screen and (min-width: 480px) {
.m-radio-table > span {
display: table-cell;
padding-left: 1.8rem;
}
.m-radio-table > span:first-child {
padding-left: 0;
}
}
.m-radio-table br {
display: none;
}
@media only screen and (min-width: 480px) {
.m-radio-table br {
display: initial;
}
}
@media only screen and (min-width: 480px) {
.m-radio-table__year,
.m-radio-table__perf,
.m-radio-table__code {
text-align: right;
white-space: nowrap;
width: 22%;
}
}
.m-radio-table__name {
font-weight: 500;
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.m-rating-bar__question {
margin-bottom: 1.4rem;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.1rem;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__question {
text-align: center;
}
}
.m-rating-bar__buttons {
width: 100%;
margin-bottom: 0.7rem;
padding-right: 2rem;
}
.m-rating-bar__buttons:after {
clear: both;
display: table;
content: "";
}
.m-rating-bar__buttons > .m-button,
.m-tab-nav--buttons ul li.m-rating-bar__buttons > a,
.m-chatbot__panel .wc-app .m-rating-bar__buttons > button {
float: left;
display: block;
overflow: visible;
width: 9.0909090909%;
margin-right: 0;
margin-bottom: 0;
font-size: 1.8rem;
text-align: center;
transition: font-size 0.2s;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__buttons > .m-button,
.m-tab-nav--buttons ul li.m-rating-bar__buttons > a,
.m-chatbot__panel .wc-app .m-rating-bar__buttons > button {
width: 9.0909090909%;
font-size: 2.2rem;
}
}
.m-rating-bar__buttons > .m-button.active,
.m-tab-nav--buttons ul li.m-rating-bar__buttons > a.active,
.m-chatbot__panel .wc-app .m-rating-bar__buttons > button.active {
font-size: 3.2rem;
}
.m-rating-bar__scale:after {
clear: both;
display: table;
content: "";
}
.m-rating-bar__scale > div {
color: #595a59;
font-size: 1.2rem;
font-weight: 300;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__scale > div {
font-size: 1.5rem;
}
}
.m-rating-bar__scale > div:first-child {
float: left;
}
.m-rating-bar__scale > div:last-child {
float: right;
}
.m-rating-bar__scale > div > span {
display: none;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__scale > div > span {
display: inline;
}
}
.m-rating-bar__scale > div > i {
position: relative;
top: 0.3rem;
font-size: 2.8rem;
vertical-align: middle;
}
.m-rating-bar__scale > div > i.ico-smiley-sad {
color: #c52223;
}
.m-rating-bar__scale > div > i.ico-smiley-happy {
color: #62b716;
}
.m-rating-bar__logo {
display: block;
width: 100%;
text-align: right;
opacity: 0.5;
margin-bottom: 2.8rem;
margin-top: 1.4rem;
transition: opacity 0.2s;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__logo {
float: right;
margin-top: -1.4rem;
width: 20%;
}
}
.m-rating-bar__logo:hover,
.m-rating-bar__logo:focus {
opacity: 1;
}
.m-rating-bar__subline {
margin-top: -1.4rem;
}
@media only screen and (min-width: 568px) {
.m-rating-bar__subline {
float: left;
width: 75%;
}
}
.m-step-nav {
margin: 0 -5%;
}
.m-step-nav > ol {
display: table;
width: 100%;
list-style: none;
table-layout: fixed;
}
.m-step-nav > ol > li {
padding: 0 1rem;
position: relative;
display: table-cell;
text-align: center;
transition: width 0.5s;
}
.m-step-nav > ol > li:before,
.m-step-nav > ol > li:after {
position: absolute;
background-color: #bfc0bf;
content: "";
transition: all 0.5s;
height: 0.3rem;
top: 2.8rem;
}
.m-step-nav > ol > li:before {
left: 0;
right: 50%;
margin-right: 3.92rem;
}
.m-step-nav > ol > li:after {
left: 50%;
right: 0;
margin-left: 3.92rem;
}
.m-step-nav > ol > li:first-child:before {
display: none;
}
.m-step-nav > ol > li:last-child:after {
display: none;
}
.m-step-nav > ol > li > a,
.m-step-nav > ol > li > span {
color: #bfc0bf;
display: block;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
text-align: center;
}
@media only screen and (min-width: 480px) {
.m-step-nav > ol > li > a,
.m-step-nav > ol > li > span {
font-size: 1.8rem;
line-height: 2.4rem;
}
}
.m-step-nav > ol > li > a > span,
.m-step-nav > ol > li > span > span {
border-radius: 50%;
display: block;
left: 50%;
margin-bottom: 0.7rem;
position: relative;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 0.5s;
border: 0.3rem solid #bfc0bf;
font-size: 2.8rem;
height: 5.6rem;
line-height: 5rem;
width: 5.6rem;
}
.m-step-nav > ol > li > a {
overflow: hidden;
}
.m-step-nav > ol > li.visited:before,
.m-step-nav > ol > li.visited:after {
background-color: #f4ac00;
}
.m-step-nav > ol > li.visited > a {
color: #f4ac00;
}
.m-step-nav > ol > li.visited > a > span {
background: #f4ac00;
border-color: #f4ac00;
color: #fff;
font-size: 2rem;
line-height: 5.5rem;
}
.m-step-nav > ol > li.visited > a:hover,
.m-step-nav > ol > li.visited > a:focus {
color: #f08100;
outline: none;
}
.m-step-nav > ol > li.visited > a:hover > span,
.m-step-nav > ol > li.visited > a:focus > span {
background-color: #f08100;
border-color: #f08100;
}
.m-step-nav > ol > li.active:before {
background-color: #f4ac00;
}
.m-step-nav > ol > li.active > span {
color: #f4ac00;
}
.m-step-nav > ol > li.active > span > span {
background: #f4ac00;
border-color: #f4ac00;
color: #fff;
}
.m-step-nav > ol > li.active > span:hover > span,
.m-step-nav > ol > li.active > span:focus > span {
border-color: #f4ac00;
color: #fff;
}
.m-summary__box {
background-color: #f2f2f2;
padding: 1rem;
position: relative;
}
.m-summary__box.m-summary__box--top {
background-color: #fce6be;
}
.m-summary__edit-link {
display: block;
margin-top: 1.4rem;
}
.m-summary__edit-link > i {
margin-right: 0.5rem;
vertical-align: -0.2rem;
}
@media only screen and (min-width: 568px) {
.m-summary__edit-link {
margin-top: 0;
max-width: 50%;
position: absolute;
right: 1.4rem;
top: 1.8rem;
text-align: right;
}
.m-summary__box--top .m-summary__edit-link {
text-align: left;
padding-right: 3.6rem;
top: auto;
bottom: 2.5rem;
right: auto;
left: 1.4rem;
}
}
.m-summary__box-title {
font-size: 1.8rem;
font-weight: 500;
line-height: 2rem;
margin-top: 0.7rem;
margin-bottom: 1.7rem;
}
@media only screen and (min-width: 568px) {
.m-summary__box-title {
max-width: 50%;
}
.m-summary__box--top .m-summary__box-title {
max-width: none;
}
}
.m-summary__table-wrapper {
background-color: #fff;
padding: 1.4rem;
}
.m-summary__table {
table-layout: auto;
width: 100%;
}
.m-summary__table td,
.m-summary__table th {
padding: 1rem 0 1rem 1.8rem;
}
.m-summary__table th {
font-size: 1.8rem;
font-weight: 500;
text-align: left;
padding-top: 2.8rem;
padding-left: 0;
}
.m-summary__table tr:first-child th {
padding-top: 0;
}
.m-summary__table .ico-check,
.m-summary__table label.checkbox,
.m-summary__table .checkbox.fake,
.m-summary__table .m-button.selected,
.m-summary__table .m-tab-nav--buttons ul li > a.selected,
.m-tab-nav--buttons ul .m-summary__table li > a.selected,
.m-summary__table .m-chatbot__panel .wc-app button.selected,
.m-chatbot__panel .wc-app .m-summary__table button.selected,
.m-summary__table .m-feature-list > li,
.m-summary__table .m-info-graphic__info-box.active > div,
.m-summary__table .m-promo-teaser__caption > ul > li:before {
color: #5fb900;
}
.m-summary__table td {
border-bottom: 0.1rem solid #f2f2f2;
font-weight: 300;
text-align: right;
}
.m-summary__table td:first-child {
padding-left: 3rem;
text-align: left;
}
.m-summary__table tr:last-child td {
border-bottom: 0;
}
.m-summary__table i {
float: left;
margin: 0.2rem 0 -0.2rem -3rem;
color: #2c2b2b;
}
.m-summary__tr--excluded {
color: #bfc0bf;
}
.m-summary__table-price {
color: #f4ac00;
text-align: right;
}
.m-summary__total {
background-color: #f4ac00;
color: #fff;
display: table;
font-size: 1.8rem;
font-weight: 500;
line-height: 2rem;
margin-bottom: 0.5rem;
padding: 1.4rem;
width: 100%;
}
@media only screen and (min-width: 568px) {
.m-summary__total {
font-size: 1.8rem;
}
}
.m-summary__total > span {
display: table-cell;
vertical-align: bottom;
text-align: right;
}
.m-summary__total > span:first-child {
text-align: left;
}
.m-summary__specs-col:first-child {
border-bottom: 0.1rem solid #e2e2e2;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
@media only screen and (min-width: 568px) {
.m-summary__specs-col:first-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.m-summary__specs .m-summary__spec {
border-top: 0.1rem solid #e2e2e2;
margin-top: 1rem;
padding-top: 1rem;
}
.m-summary__specs .m-summary__spec:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.m-summary__specs .m-summary__spec-label {
font-weight: 500;
}
.m-summary__specs.m-summary__specs--product .m-summary__spec {
border-top: 0;
}
@media only screen and (min-width: 568px) {
.m-summary__specs.m-summary__specs--product {
margin-bottom: 4.2rem;
}
}
@media only screen and (min-width: 768px) {
.m-summary__specs.m-summary__specs--product {
margin-bottom: 5.6rem;
}
}
.m-summary__steps {
background-color: rgba(0, 0, 0, 0);
padding: 0;
display: block;
}
@media only screen and (min-width: 568px) {
.m-summary__steps {
display: table;
table-layout: fixed;
width: 100%;
}
}
.m-summary__step-box {
background-color: #fce6be;
display: block;
padding: 1.4rem;
}
.m-summary__step-box > .m-button,
.m-tab-nav--buttons ul li.m-summary__step-box > a,
.m-chatbot__panel .wc-app .m-summary__step-box > button {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-summary__step-box {
display: table-cell;
}
}
@media only screen and (min-width: 768px) {
.m-summary__step-box {
padding: 2.8rem;
}
}
.m-summary__step-box.m-summary__step-box--dark {
background-color: #f4ac00;
color: #fff;
font-weight: 500;
position: relative;
}
.m-summary__step-box.m-summary__step-box--dark:before {
position: absolute;
border: 1.5rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1.5rem;
margin-top: 0;
border-top-color: #fce6be;
top: 0;
}
.m-summary__step-box.m-summary__step-box--dark label {
margin: 2.8rem 0;
margin-left: 1rem;
color: #fff;
}
.m-summary__step-box.m-summary__step-box--dark.disabled label,
.m-summary__step-box.m-summary__step-box--dark label.disabled,
.m-summary__step-box.m-summary__step-box--dark input:disabled + label {
color: #fff;
cursor: default;
}
.m-summary__step-box.m-summary__step-box--dark.disabled label:before,
.m-summary__step-box.m-summary__step-box--dark label.disabled:before,
.m-summary__step-box.m-summary__step-box--dark input:disabled + label:before {
opacity: 0.5;
}
@media only screen and (min-width: 568px) {
.m-summary__step-box.m-summary__step-box--dark {
padding-left: 2.8rem;
}
.m-summary__step-box.m-summary__step-box--dark:before {
position: absolute;
border: 1.5rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -1.5rem;
margin-left: 0;
border-left-color: #fce6be;
left: 0;
}
.m-summary__step-box.m-summary__step-box--dark label {
margin-top: 5.6rem;
}
}
.m-summary__step-title {
color: #f4ac00;
display: table;
font-size: 2.2rem;
font-weight: 500;
line-height: 2.8rem;
min-height: 4.2rem;
margin-bottom: 2.8rem;
}
.m-summary__step-title > span {
display: table-cell;
vertical-align: middle;
}
.m-summary__step-title > span > span {
border: 0.3rem solid #f4ac00;
border-radius: 50%;
display: block;
font-size: 2.8rem;
line-height: 4.8rem;
text-align: center;
height: 5.6rem;
width: 5.6rem;
margin-right: 1rem;
}
.m-summary__step-box--dark .m-summary__step-title {
color: #fff;
}
.m-summary__step-box--dark .m-summary__step-title > span > span {
border-color: #fff;
}
.m-summary__icon-title {
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 500;
margin-bottom: 1.4rem;
}
.m-summary__icon-title:after {
clear: both;
display: table;
content: "";
}
.m-summary__icon-title > i {
float: left;
margin: 0 1.4rem 0 0;
}
.m-table,
.l-richtext table {
width: 100%;
text-align: left;
table-layout: auto;
border-spacing: 0.2rem;
border-collapse: separate;
}
.m-table th,
.l-richtext table th,
.m-table td,
.l-richtext table td {
padding: 1.4rem;
}
.m-table thead th,
.l-richtext table thead th {
background: #f4ac00;
color: #fff;
}
.m-table tbody > tr > th,
.l-richtext table tbody > tr > th {
background: #fce6be;
color: #2c2b2b;
font-weight: 300;
}
.m-table tbody > tr > td,
.l-richtext table tbody > tr > td {
background: rgba(191, 192, 191, 0.5);
color: #2c2b2b;
}
.m-table tbody > tr:nth-child(odd) > th,
.l-richtext table tbody > tr:nth-child(odd) > th {
background: #fce6be;
font-weight: 300;
}
.m-table tbody > tr:nth-child(odd) > td,
.l-richtext table tbody > tr:nth-child(odd) > td {
background: #f2f2f2;
}
.m-template-tip {
position: absolute;
padding: 2.8rem;
color: #2c2b2b;
background: #fff;
font-size: 1.8rem;
box-shadow: 0 0 0 100rem rgba(44, 43, 43, 0.5);
margin: 0 1.4rem;
transition: opacity 0.2s;
}
.m-template-tip:after {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #fff;
}
@media only screen and (min-width: 568px) {
.m-template-tip {
box-shadow: 0 0 1rem rgba(44, 43, 43, 0.2);
padding: 2.8rem;
width: 38rem;
}
}
.m-template-tip__close-button {
position: absolute;
top: 0;
right: 0;
color: #f4ac00;
background: transparent;
}
.m-template-tip__content--hotline {
text-align: center;
}
.m-template-tip__content--hotline h4 {
margin-bottom: 0.7rem;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-weight: 800;
}
.m-template-tip__content--hotline a[href^="tel"] {
font-size: 2.2rem;
}
.m-template-tip__content--hotline a[href^="tel"]:before {
display: none;
}
.m-template-tip__content--hotline small {
display: block;
}
.m-template-tip__content {
overflow-y: auto;
}
.m-template-tip__content--save-form h4 {
font-size: 1.8rem;
margin-bottom: 1.4rem;
line-height: 2.8rem;
}
.m-template-tip__content--save-form p {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 0.7rem;
}
.m-template-tip__content--save-form label {
font-size: 1.5rem;
font-weight: 500;
}
.m-template-tip__content--save-form label.checkbox {
font-weight: 300;
}
.m-template-tip__content--save-form input {
margin-bottom: 0.7rem;
}
.m-tooltip {
position: relative;
display: inline-block;
}
.m-tooltip > i {
margin: 0 0.4rem;
vertical-align: middle;
}
.m-tooltip.m-tooltip--simple {
display: block;
}
@media only screen and (min-width: 568px) {
.m-tooltip.m-tooltip--simple {
display: inline-block;
}
}
.m-tooltip > tooltip-trigger > i,
.m-tooltip > i,
.m-tooltip--sidebar > tooltip-trigger > i,
.m-tooltip--sidebar > i {
color: #f4ac00;
font-size: 2.2rem;
cursor: pointer;
transition: color 0.2s;
}
.m-tooltip__popup {
position: absolute;
z-index: 99999999;
display: none;
width: 300px;
max-width: 90vw;
max-height: 75vh;
color: #2c2b2b;
background: #fff;
font-size: 1.5rem;
font-weight: 300;
font-style: normal;
line-height: 2rem;
text-align: left;
cursor: auto;
box-shadow: 0 0 0 400rem rgba(44, 43, 43, 0.5);
-webkit-overflow-scrolling: touch;
padding: 2.1rem;
}
@media only screen and (min-width: 568px) {
.m-tooltip__popup {
padding: 2.8rem;
}
}
.m-tooltip__popup > div {
overflow: auto;
}
.m-tooltip__popup h5 {
margin-bottom: 1rem;
}
.m-tooltip__popup p {
margin-bottom: 0;
}
.m-tooltip__popup p + p {
margin-top: 1rem;
}
.m-tooltip__popup.m-tooltip__popup--wide {
width: 480px;
}
.m-tooltip__popup--plain {
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-tooltip__popup--unmasked {
box-shadow: 0 0 2rem 0.2rem rgba(44, 43, 43, 0.25);
}
.m-tooltip__popup--top {
top: auto;
right: auto;
bottom: 100%;
left: 50%;
margin-bottom: 2.8rem;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-tooltip__popup--top:before {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #fff;
}
.m-tooltip__popup--bottom {
top: 100%;
right: auto;
bottom: auto;
left: 50%;
margin-top: 2.8rem;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-tooltip__popup--bottom:before {
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #fff;
}
.m-tooltip__popup--left {
top: 50%;
right: 100%;
bottom: auto;
left: auto;
margin-right: 2.8rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-tooltip__popup--left:before {
position: absolute;
border: 1rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -1rem;
margin-left: 0;
border-left-color: #fff;
}
.m-tooltip__popup--right {
top: 50%;
right: auto;
bottom: auto;
left: 100%;
margin-left: 2.8rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-tooltip__popup--right:before {
position: absolute;
border: 1rem solid transparent;
content: "";
left: auto;
border-left: 0;
top: 50%;
bottom: auto;
right: 100%;
margin-top: -1rem;
margin-right: 0;
border-right-color: #fff;
}
.m-tooltip__close-button {
position: absolute;
top: 0;
right: 0;
color: #f4ac00;
background: transparent;
padding: 1rem;
line-height: 1;
transition: color, 0.2s;
}
.m-tooltip__close-button:focus,
.m-tooltip__close-button:hover {
color: #f08100;
border: none;
outline: 0;
}
.ie9 .m-tooltip__popup {
border-collapse: separate;
}
.m-tooltip--sidebar {
position: absolute;
top: -3rem;
right: 0.9rem;
}
@media only screen and (min-width: 568px) {
.m-tooltip--sidebar {
top: 1.4rem;
right: -3.3rem;
}
.m-tooltip--sidebar .m-tooltip__popup--sidebar {
position: absolute;
top: 0rem;
display: none;
color: #2c2b2b;
font-style: normal;
line-height: 2rem;
-ms-transform: scale(0);
transform: scale(0);
-ms-transform-origin: top left;
transform-origin: top left;
transition: transform 0.2s ease-in-out;
}
.m-tooltip--sidebar .m-tooltip__popup--sidebar > p {
margin-bottom: 1rem;
}
.m-tooltip--sidebar.visible:before {
position: absolute;
top: 0.4rem;
right: -2.6rem;
width: 1.4rem;
height: 1.4rem;
border-top: 0.3rem solid #f2f2f2;
border-right: 0.3rem solid #f2f2f2;
background: #fff;
content: "";
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.m-border-box .m-tooltip--sidebar.visible:before,
.m-bordered-box .m-tooltip--sidebar.visible:before {
content: none;
}
.m-tooltip--sidebar.visible > i {
color: #595a59;
cursor: default;
}
.m-tooltip--sidebar.visible .m-tooltip__popup--sidebar {
-ms-transform: scale(1);
transform: scale(1);
}
}
.m-tooltip--sidebar > i {
position: relative;
z-index: 1;
}
.m-tooltip--sidebar > i:hover {
color: #bfc0bf;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
z-index: 1000000000;
font-size: 1.5rem;
font-weight: 300;
background-color: #f2f2f2;
box-shadow: 0 0.1rem 0.5rem rgba(44, 43, 43, 0.2);
max-height: 200px;
overflow-y: auto;
}
.ui-menu-item {
padding: 0.7rem 1.4rem;
transition: background-color 0.2s;
}
.ui-menu-item.ui-state-focus {
background-color: #fff;
cursor: pointer;
}
.slick-loading .slick-list {
background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 4rem;
width: 4rem;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "vhv15";
font-size: 3rem;
line-height: 1;
color: #f4ac00;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -4rem;
}
.slick-prev:before {
content: "k";
}
[dir="rtl"] .slick-prev:before {
content: "l";
}
.slick-next {
right: -4rem;
}
.slick-next:before {
content: "l";
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "vhv15";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: 0.75;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
rzslider {
font-size: 1.5rem;
font-weight: bold;
line-height: 2rem;
position: relative;
display: inline-block;
width: 100%;
height: 14px;
margin: 70px 0 70px 0;
vertical-align: middle;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
rzslider[disabled] {
cursor: not-allowed;
}
rzslider[disabled] .rz-pointer {
cursor: not-allowed;
background-color: #fff;
}
rzslider span {
position: absolute;
display: inline-block;
white-space: nowrap;
}
rzslider .rz-base {
width: 100%;
height: 100%;
padding: 0;
}
rzslider .rz-bar-wrapper {
left: 0;
z-index: 1;
width: 100%;
height: 14px;
padding-top: 20px;
margin-top: -20px;
box-sizing: border-box;
transition: width 0.2s;
}
rzslider .rz-bar-wrapper.rz-draggable {
cursor: move;
}
rzslider .rz-bar {
left: 0;
z-index: 1;
width: 100%;
height: 14px;
background: #fff;
border-radius: 7px;
}
rzslider .rz-bar.rz-selection {
z-index: 2;
background: #f4ac00;
}
rzslider .rz-pointer {
top: -13px;
z-index: 3;
width: 40px;
height: 40px;
cursor: pointer;
background-color: #f4ac00;
border-radius: 50%;
border: 3px solid #3f3f3f;
transition: left 0.2s;
}
rzslider .rz-pointer:after {
position: absolute;
border: 8px solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -8px;
margin-top: -48px;
border-top-color: #fff;
}
rzslider .rz-pointer:hover {
background-color: #f08100;
}
rzslider .rz-pointer.rz-active {
z-index: 4;
}
rzslider .rz-bubble {
background: #fff;
bottom: 37px;
color: #f4ac00;
cursor: default;
padding: 8px 16px;
transition: left 0.2s;
}
rzslider .rz-bubble.rz-selection {
top: 16px;
}
rzslider .rz-bubble.rz-limit {
bottom: auto;
top: 34px;
opacity: 1 !important;
background: transparent;
color: #fff;
padding: 1px 3px;
}
rzslider .rz-ticks {
position: absolute;
top: -3px;
left: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 0;
padding: 0 11px;
margin: 0;
list-style: none;
box-sizing: border-box;
-ms-flex-pack: justify;
justify-content: space-between;
}
rzslider .rz-ticks .rz-tick {
width: 10px;
height: 10px;
text-align: center;
cursor: pointer;
background: #d8e0f3;
border-radius: 50%;
}
rzslider .rz-ticks .rz-tick.rz-selected {
background: #0db9f0;
}
rzslider .rz-ticks .rz-tick .rz-tick-value {
position: absolute;
top: -30px;
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
rzslider.rz-vertical {
position: relative;
width: 4px;
height: 100%;
padding: 0;
margin: 0 20px;
vertical-align: baseline;
}
rzslider.rz-vertical .rz-base {
width: 100%;
height: 100%;
padding: 0;
}
rzslider.rz-vertical .rz-bar-wrapper {
top: auto;
left: 0;
width: 32px;
height: 100%;
padding: 0 0 0 16px;
margin: 0 0 0 -16px;
}
rzslider.rz-vertical .rz-bar {
bottom: 0;
left: auto;
width: 4px;
height: 100%;
}
rzslider.rz-vertical .rz-pointer {
top: auto;
bottom: 0;
left: -14px !important;
}
rzslider.rz-vertical .rz-bubble {
bottom: 0;
left: 16px !important;
margin-left: 3px;
}
rzslider.rz-vertical .rz-bubble.rz-selection {
top: auto;
left: 16px !important;
}
rzslider.rz-vertical .rz-ticks {
top: 0;
left: -3px;
z-index: 1;
width: 0;
height: 100%;
padding: 11px 0;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
rzslider.rz-vertical .rz-ticks .rz-tick {
vertical-align: middle;
}
rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
top: auto;
right: -30px;
-ms-transform: translate(0, -28%);
transform: translate(0, -28%);
}
[flex-slider] {
position: relative;
}
.flex-control-nav {
text-align: center;
margin-top: 2rem;
}
.flex-control-nav > li {
display: inline-block;
}
.flex-control-nav > li > a {
display: block;
width: 2rem;
height: 2rem;
border-radius: 2rem;
background: #2c2b2b;
margin: 0 1rem;
overflow: hidden;
transition: background-color 0.2s;
text-indent: 2rem;
}
.flex-control-nav > li > a.flex-active {
background: #f08100;
}
.flex-direction-nav {
position: absolute;
top: calc(50% - 6rem);
left: 0;
right: 0;
}
.flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-next {
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.5s;
}
.slides:hover + .flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-prev:hover,
[flex-slider]:hover .flex-direction-nav .flex-nav-prev,
.slides:hover + .flex-direction-nav .flex-nav-next,
.flex-direction-nav .flex-nav-next:hover,
[flex-slider]:hover .flex-direction-nav .flex-nav-next {
opacity: 1;
}
.flex-direction-nav .flex-nav-prev {
left: 0;
}
.flex-direction-nav .flex-nav-next {
right: 0;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
background: #fff;
display: block;
height: 6rem;
width: 6rem;
overflow: hidden;
font-family: "vhv15";
font-size: 3rem;
text-align: center;
line-height: 6rem;
}
.m-accordion__tile {
margin-bottom: 1.4rem;
}
.m-accordion__tile > div:first-child {
padding: 1.4rem;
color: #fff;
background: #f4ac00;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.m-accordion__tile > div:first-child {
color: #2c2b2b;
background: #f2f2f2;
}
}
.m-accordion__tile > div:first-child > h4 {
display: inline-block;
max-width: 90%;
margin-bottom: 0;
font-size: 1.8rem;
vertical-align: top;
}
.m-accordion__tile > div:first-child > i.indicator {
position: relative;
display: none;
width: 1.6rem;
height: 1.6rem;
margin-right: 0.7rem;
color: #f4ac00;
}
@media only screen and (min-width: 768px) {
.m-accordion__tile > div:first-child > i.indicator {
display: inline-block;
}
}
.m-accordion__tile > div:first-child > i.indicator:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 0.3rem;
background: #f4ac00;
content: "";
opacity: 1;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
transition: all 0.2s;
}
.m-accordion__tile > div:first-child > i.indicator:after {
position: absolute;
top: 50%;
left: 0;
width: 1.6rem;
height: 0.3rem;
background: #f4ac00;
content: "";
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-accordion__tile > div:first-child > i.indicator.rotate:before {
top: 50%;
bottom: 50%;
opacity: 0;
}
.m-accordion__tile__details {
position: fixed;
z-index: 999999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
padding: 2.8rem;
background: #f4ac00;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
.m-accordion__tile__details {
position: relative;
z-index: 99;
margin-top: 1.4rem;
margin-bottom: 2.8rem;
padding: 0;
background: transparent;
}
}
.m-accordion__tile__details > div {
padding: 1.4rem;
background: #fff;
}
@media only screen and (min-width: 768px) {
.m-accordion__tile__details > div {
padding: 0;
}
}
.m-accordion__tile__details > div p:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-accordion__tile__details > h4 {
color: #fff;
font-size: 2.2rem;
line-height: 2.52rem;
}
@media only screen and (min-width: 768px) {
.m-accordion__tile__details > h4 {
display: none;
}
}
.m-accordion__tile__details ul:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-accordion__tile__details ul li {
padding-left: 3rem;
text-indent: -2.4rem;
}
.m-accordion__tile__details ul li:before {
top: 0;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 1.4rem;
border: 0.1rem solid #f4ac00;
background: #f4ac00;
content: "";
}
.m-accordion__tile__details ol {
list-style-type: none;
counter-reset: num;
}
.m-accordion__tile__details ol:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-accordion__tile__details ol li {
position: relative;
padding-left: 2.4rem;
text-indent: 0;
}
.m-accordion__tile__details ol li:before {
position: absolute;
left: 0;
border: none;
color: #f4ac00;
background: transparent;
font-weight: 500;
content: counter(num);
counter-increment: num;
}
.m-accordion__tile__details ol li > ol {
margin-top: 1.4rem;
list-style-type: none;
}
.m-accordion__tile__details ol li > ol li {
margin-bottom: 0;
margin-left: 0;
padding-left: 3.6rem;
}
.m-accordion__tile__details ol li > ol li:before {
content: counters(num, ".");
}
.m-accordion__close-button {
position: fixed;
top: 0;
right: 0;
background: transparent;
transition: color 0.2s linear;
}
.m-accordion__close-button:hover {
color: #f08100;
}
.m-announcement {
color: #fff;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
opacity: 0;
position: relative;
visibility: hidden;
transition: opacity 0.2s;
}
@media only screen and (min-width: 768px) {
.m-announcement {
font-size: 1.8rem;
line-height: 2.4rem;
}
}
.m-announcement.m-announcement--fixed {
position: fixed;
right: 0;
left: 0;
top: 5.8rem;
z-index: 10;
}
@media only screen and (min-width: 768px) {
.m-announcement.m-announcement--fixed {
top: 10rem;
}
}
.m-announcement.is-unread {
opacity: 1;
visibility: visible;
}
.m-announcement > a,
.m-announcement span {
background: #f08100;
color: #fff;
display: block;
padding: 1.4rem;
padding-right: 7rem;
transition: background-color 0.2s;
}
@media only screen and (min-width: 768px) {
.m-announcement > a,
.m-announcement span {
padding-left: 2.8rem;
padding-right: 8.4rem;
}
}
.m-announcement > a:focus,
.m-announcement > a:hover {
background-color: #d77300;
}
.m-announcement__close {
background: transparent;
bottom: 0;
padding: 0.7rem 2.8rem;
position: absolute;
right: 0;
top: 0;
}
@media only screen and (min-width: 768px) {
.m-announcement__close {
padding: 0.7rem 4.2rem;
}
}
.m-announcement__close:focus,
.m-announcement__close:hover {
background-color: #d77300;
}
.m-announcement__close > i {
vertical-align: middle;
}
.m-asp {
padding: 1.4rem;
background: #f2f2f2;
}
.m-asp:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 768px) {
.m-asp > div {
width: 100%;
display: table;
table-layout: fixed;
}
}
.m-asp__information {
margin-bottom: 1.4rem;
white-space: nowrap;
vertical-align: top;
text-align: center;
}
.m-asp__information:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 568px) {
.m-asp__information {
padding-right: 1.8rem;
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.m-asp__information {
display: table-cell;
width: 55%;
margin-bottom: 0;
}
}
.m-asp__information > figure {
width: 125px;
height: 125px;
overflow: hidden;
border-radius: 50%;
background: #f2f2f2;
margin: 0 auto 2.8rem;
}
@media only screen and (min-width: 568px) {
.m-asp__information > figure {
float: left;
margin-right: 2.8rem;
}
}
.m-asp__information > figure > img {
display: block;
width: 100%;
}
@media only screen and (min-width: 480px) {
.m-asp__information > img {
display: inline-block;
margin-right: 2.8rem;
}
}
@media only screen and (min-width: 1024px) {
.m-asp__information > img {
height: 100%;
}
}
.m-asp__information > div {
display: block;
width: 100%;
white-space: normal;
}
@media only screen and (min-width: 480px) {
.m-asp__information > div {
display: inline-block;
}
}
@media only screen and (min-width: 1024px) {
.m-asp__information > div {
position: relative;
top: -0.8rem;
}
}
.m-asp__information > div > strong {
display: block;
font-size: 2.2rem;
}
.m-asp__information > div > address {
margin: 1.4rem 0;
font-style: normal;
}
.m-asp__information > div > a i {
position: relative;
top: 0.3rem;
}
.m-asp__cta {
position: relative;
width: 100%;
background: #fff;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.m-asp__cta {
display: table-cell;
width: 45%;
}
}
.m-asp__cta > div {
padding: 1.4rem;
text-align: center;
}
.m-asp__cta > div > address {
margin-bottom: 1.4rem;
}
.m-asp__cta > div > address:first-of-type {
margin-bottom: 0.7rem;
}
.m-asp__cta > div > .m-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button {
display: block;
width: 100%;
}
@media only screen and (min-width: 768px) {
.m-asp__cta > div > .m-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button {
width: 100%;
margin-top: 1.4rem;
}
}
@media only screen and (min-width: 1024px) {
.m-asp__cta > div > .m-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button {
width: auto;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.m-asp__cta > div > .m-button.call-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button.call-button {
display: none;
}
}
.m-asp__cta > div > .m-button.callback-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button.callback-button {
display: none;
}
@media only screen and (min-width: 768px) {
.m-asp__cta > div > .m-button.callback-button,
.m-chatbot__panel .wc-app .m-asp__cta > div > button.callback-button {
display: block;
}
}
.m-asp--dba .m-asp__information > div h4 {
margin-top: 1.4rem;
}
.m-asp--dba .m-asp__information > div p {
white-space: normal;
}
.m-asp--dba .m-asp__cta form {
position: relative;
width: 100%;
}
.m-asp--dba .m-asp__cta form > div {
display: table;
width: 100%;
text-align: left;
}
.m-asp--dba .m-asp__cta form > div > span {
display: table-cell;
}
.m-asp--dba .m-asp__cta form > div input {
display: table-cell;
border-radius: 0.3rem 0 0 0.3rem;
vertical-align: middle;
}
.m-asp--dba .m-asp__cta form > div button {
display: table-cell;
width: 100%;
height: 5.6rem;
border-radius: 0 0.3rem 0.3rem 0;
vertical-align: middle;
}
.m-asp--dba .m-asp__cta form label {
display: block;
width: 100%;
margin-bottom: 1.4rem;
text-align: left;
}
.m-asp--overlay {
padding: 2.8rem 1.4rem;
color: #2c2b2b;
background: #fff;
}
@media only screen and (min-width: 568px) {
.m-asp--overlay {
padding: 2.8rem;
}
}
@media only screen and (min-width: 568px) {
.m-asp--overlay .m-asp__information {
width: 70%;
}
}
.m-asp--overlay .m-asp__information > img {
max-width: 70%;
height: auto;
margin-bottom: 1.4rem;
vertical-align: top;
}
@media only screen and (min-width: 568px) {
.m-asp--overlay .m-asp__information > img {
max-width: 50%;
margin-bottom: 0;
}
}
.m-asp--overlay .m-asp__information > div {
top: 0;
vertical-align: top;
}
.m-asp--overlay .m-asp__cta {
width: auto;
text-align: left;
vertical-align: top;
}
@media only screen and (min-width: 768px) {
.m-asp--overlay .m-asp__cta {
width: 30%;
}
}
.m-asp--overlay .m-asp__cta > div {
padding: 0;
}
.m-asp--overlay .m-asp__cta > div > .m-button,
.m-asp--overlay .m-chatbot__panel .wc-app .m-asp__cta > div > button,
.m-chatbot__panel .wc-app .m-asp--overlay .m-asp__cta > div > button {
width: 100%;
margin-top: 0;
margin-bottom: 0.7rem;
}
.m-billboard {
background: #f2f2f2;
margin-bottom: 5rem;
position: relative;
}
.m-billboard.m-billboard--link {
margin-bottom: 0;
}
.m-billboard.m-billboard--link:before {
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #f2f2f2;
z-index: 2;
}
.m-billboard > div {
padding: 2.8rem 1.4rem;
}
.m-billboard__teaser {
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-billboard__teaser {
margin-right: auto;
margin-left: auto;
max-width: 960px;
}
.m-billboard__teaser:not(.text-center) {
display: -ms-flexbox;
display: flex;
text-align: left;
}
.m-billboard__teaser:not(.text-center):after {
clear: both;
display: table;
content: "";
}
}
.m-billboard__image {
max-height: 140px;
max-width: 250px;
}
.m-billboard__teaser.text-center .m-billboard__image {
display: block;
margin: 2.8rem auto 1.4rem;
}
.m-billboard__teaser:not(.text-center) .m-billboard__image {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-billboard__teaser:not(.text-center) .m-billboard__image {
-ms-flex-positive: 0;
flex-grow: 0;
float: left;
margin-right: 2.8rem;
}
}
.m-billboard__content {
display: none;
margin-right: auto;
margin-left: auto;
max-width: 960px;
overflow: hidden;
}
.m-billboard__content:before {
background: #e2e2e2;
content: "";
display: block;
height: 0.8rem;
margin: 4.2rem auto;
width: 8rem;
}
.m-billboard__expander {
clear: both;
max-width: none !important;
padding: 0 !important;
position: absolute;
top: 100%;
width: 100%;
}
.m-billboard__expander > a {
background: #f2f2f2;
border-radius: 0 0 0.3rem 0.3rem;
display: block;
margin: 0 auto;
line-height: 2.4rem;
padding: 0.7rem 2.8rem;
text-align: center;
width: 25rem;
}
.m-billboard__expander > a i {
margin-left: 1rem;
vertical-align: -0.4rem;
}
.m-billboard__expander .m-billboard__expander--opened {
display: none;
}
.m-billboard__expander .m-billboard__expander--opened > i {
font-size: 1.5rem;
vertical-align: -0.1rem;
}
.m-billboard__expander a.is-open .m-billboard__expander--closed {
display: none;
}
.m-billboard__expander a.is-open .m-billboard__expander--opened {
display: block;
}
.m-breadcrumbs {
line-height: 2rem;
font-size: 1.5rem;
margin: 0.7rem 0;
}
.m-breadcrumbs > li {
position: relative;
display: inline-block;
margin-right: 1.4rem;
margin-bottom: 0;
padding-right: 1rem;
}
.m-breadcrumbs > li:before {
position: absolute;
top: 50%;
right: -1.4rem;
color: #595a59;
font-family: "vhv15";
font-size: 1.2rem;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-breadcrumbs > li:last-child:before {
display: none;
}
.m-breadcrumbs > li > a {
color: #595a59;
}
.m-broker-flap {
font-family: "Roboto", sans-serif;
line-height: 28px;
position: fixed;
z-index: 100000104;
top: 70px;
right: 0;
width: 160px;
height: 80px;
padding: 10px;
background: #fff;
cursor: pointer;
box-shadow: 0 0 6px rgba(44, 43, 43, 0.5);
transition: right 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-broker-flap:after {
clear: both;
display: table;
content: "";
}
.m-broker-flap:hover {
right: 0 !important;
}
.m-broker-flap__image {
float: left;
width: 60px;
height: 60px;
}
.m-broker-flap__image > img {
width: 100%;
border: 4px solid #f2f2f2;
border-radius: 50%;
}
.m-broker-flap__info {
float: left;
width: calc(100% - 60px);
padding-top: 12px;
padding-left: 10px;
color: #f4ac00;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.m-broker-flap--with-logo {
width: 100px;
}
.m-broker-flap--with-logo .m-broker-flap__info {
width: 100%;
}
.m-broker-info-bubble {
display: none;
width: 100%;
max-width: 860px;
}
.m-broker-info-bubble:hover {
display: block;
}
.m-broker-info-bubble > div {
text-align: center;
display: table;
width: 100%;
background: #fff;
table-layout: fixed;
box-shadow: 0 0.4rem 1rem rgba(44, 43, 43, 0.3);
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div {
text-align: left;
width: auto;
}
}
.m-broker-info-bubble > div:before {
position: absolute;
right: calc(19px + 2.8rem) !important;
bottom: calc(100% - 1.4rem) !important;
left: auto !important;
content: "";
-ms-transform: translateX(50%);
transform: translateX(50%);
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #fff;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div:before {
right: 32px !important;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__image {
padding: 4.6rem 30px 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__image {
display: table-cell;
padding: 4.2rem 30px;
vertical-align: middle;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__image > img {
max-width: 170px;
border: 0.6rem solid #f2f2f2;
border-radius: 50%;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name {
position: relative;
padding: 0 30px 2.8rem;
font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__name {
display: table-cell;
width: 40%;
padding: 4.9rem 30px 4.2rem 0;
vertical-align: top;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__name:after {
position: absolute;
top: 50%;
right: 0;
width: 0.3rem;
height: calc(100% - 9.8rem);
background-color: #f2f2f2;
content: "";
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > strong {
display: block;
font-size: 2rem;
line-height: 2rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > .m-button,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button {
width: 100%;
margin-bottom: 0;
}
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> .m-button:first-of-type,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a:first-of-type,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a:first-of-type,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button:first-of-type,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button:first-of-type {
margin-top: 2.8rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__name > .m-button:last-child,
.m-broker-info-bubble
> div
.m-tab-nav--buttons
ul
li.m-broker-info-bubble__name
> a:last-child,
.m-tab-nav--buttons
ul
.m-broker-info-bubble
> div
li.m-broker-info-bubble__name
> a:last-child,
.m-broker-info-bubble
> div
.m-chatbot__panel
.wc-app
.m-broker-info-bubble__name
> button:last-child,
.m-chatbot__panel
.wc-app
.m-broker-info-bubble
> div
.m-broker-info-bubble__name
> button:last-child {
margin-bottom: 0;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact {
padding: 0 30px 4.2rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact {
display: table-cell;
width: 40%;
padding: 4.2rem 30px;
vertical-align: top;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number {
margin-top: 0.7rem;
margin-bottom: 1.4rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number {
text-align: left;
margin-bottom: 3.5rem;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number > a {
font-weight: 300;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number i {
position: relative;
top: 0.4rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble > div .m-broker-info-bubble__contact .m-phone-number i {
font-size: 2.5rem;
}
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact > address {
margin-bottom: 1.4rem;
}
.m-broker-info-bubble > div .m-broker-info-bubble__contact > small > a > i {
position: relative;
top: 0.2rem;
}
.m-broker-info-bubble--no-image {
max-width: 640px;
}
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__image {
display: none;
}
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__name {
padding-top: 4.2rem;
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__name {
width: 50%;
padding-top: 4.9rem;
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.m-broker-info-bubble--no-image > div .m-broker-info-bubble__contact {
width: 50%;
}
}
.m-broker-info-bubble--with-logo > div:before {
right: calc(1px + 2.8rem) !important;
}
.m-broker-info-bubble--with-logo > div .m-broker-info-bubble__image > img {
border: none;
border-radius: 0;
}
.m-broker-panel {
font-family: "Roboto", sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: 300;
position: fixed;
z-index: 100000105;
top: 70px;
right: 0;
width: 300px;
background: #fff;
max-height: calc(90vh - 70px);
overflow: auto;
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),
box-shadow 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-broker-panel.active {
box-shadow: 0 0 10px rgba(44, 43, 43, 0.4);
-ms-transform: translateX(0);
transform: translateX(0);
}
.m-broker-panel address {
font-style: normal;
}
.m-broker-panel > div:first-of-type {
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
padding: 20px;
height: calc(100% - 140px);
}
.m-broker-panel__close-button {
position: absolute;
top: 10px;
right: 10px;
min-height: 0;
padding: 0;
color: #f4ac00;
background: transparent;
font-size: 20px;
border: none;
transition: color 0.2s;
}
.m-broker-panel__close-button:hover {
color: #f08100;
}
.m-broker-panel__image {
margin-bottom: 21px;
text-align: center;
}
.m-broker-panel__image > img {
width: 170px;
height: 170px;
border: 8px solid #f2f2f2;
border-radius: 50%;
}
.m-broker-panel__name {
position: relative;
margin-bottom: 28px;
padding-bottom: 28px;
}
.m-broker-panel__name:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0.3rem;
background-color: #f2f2f2;
content: "";
}
.m-broker-panel__name > strong {
font-weight: 500;
display: block;
line-height: 21px;
}
.m-broker-panel__contact .m-phone-number {
margin-top: 7px;
margin-bottom: 21px;
text-align: left;
}
.m-broker-panel__contact .m-phone-number > a {
font-weight: 300;
}
.m-broker-panel__contact .m-phone-number i {
position: relative;
top: 4px;
font-size: 25px;
}
.m-broker-panel__contact a {
color: #f4ac00;
}
.m-broker-panel__contact > small > a {
font-weight: 500;
}
.m-broker-panel__contact > small > a > i {
position: relative;
top: 2px;
}
.m-broker-panel__buttons {
padding: 20px;
height: auto;
}
.m-broker-panel__buttons > .m-button,
.m-tab-nav--buttons ul li.m-broker-panel__buttons > a,
.m-chatbot__panel .wc-app .m-broker-panel__buttons > button {
width: 100%;
margin-bottom: 4px;
}
.m-broker-panel__buttons > .m-button:last-child,
.m-tab-nav--buttons ul li.m-broker-panel__buttons > a:last-child,
.m-chatbot__panel .wc-app .m-broker-panel__buttons > button:last-child {
margin-bottom: 0;
}
.m-broker-panel--with-logo .m-broker-panel__image > img {
height: auto;
border-radius: 0;
border: none;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.m-broker-search-teaser {
display: table;
table-layout: fixed;
}
}
.m-broker-search-teaser > div {
padding: 2.8rem;
}
@media only screen and (min-width: 768px) {
.m-broker-search-teaser > div {
display: table-cell;
width: 50%;
padding: 2.8rem 5.6rem;
vertical-align: middle;
}
}
.m-broker-search-teaser__info {
position: relative;
background: #fff;
font-size: 2.6rem;
font-weight: 500;
line-height: 3.5rem;
}
.m-broker-search-teaser__info:after {
position: absolute;
z-index: 2;
content: "";
position: absolute;
border: 2.8rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -2.8rem;
margin-top: 0;
border-top-color: #fff;
}
@media only screen and (min-width: 768px) {
.m-broker-search-teaser__info:after {
top: 50%;
left: 100%;
margin-left: -0.7rem !important;
-ms-transform: scale(0.75, 1);
transform: scale(0.75, 1);
position: absolute;
border: 2.8rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -2.8rem;
margin-left: 0;
border-left-color: #fff;
}
}
.m-broker-search-teaser__form {
position: relative;
color: #fff;
background: #595a59;
}
.m-broker-search-teaser__form > p {
margin-bottom: 1.4rem;
}
.m-broker-search-teaser__form > form:after {
clear: both;
display: table;
content: "";
}
.m-callout {
background: #2c2b2b;
}
.m-callout > div {
font-size: 2.8rem;
font-weight: 500;
padding: 1.4rem;
line-height: 4.2rem;
text-align: center;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.m-callout > div {
padding: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.m-callout > div:last-child > div {
border-left: 0.1rem solid #595a59;
}
}
.m-callout > div > span {
font-size: 4.8rem;
display: block;
}
@media only screen and (min-width: 768px) {
.m-callout > div > span {
line-height: 8.4rem;
display: inline;
}
}
.m-callout > div .m-button,
.m-callout > div .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-callout > div li > a,
.m-callout > div .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-callout > div button {
display: table;
margin: 0 auto;
position: relative;
top: 0.7rem;
}
.m-callout > div .m-tooltip {
cursor: pointer;
font-size: 1.5rem;
text-decoration: underline;
}
.m-carousel__wrapper {
position: relative;
height: 200px;
}
@media only screen and (min-width: 1024px) {
.m-carousel__wrapper {
min-height: 235px;
}
}
.m-carousel__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
z-index: 0;
transition: opacity 1.5s;
}
.m-carousel__item.active {
opacity: 1;
-ms-transform: none;
transform: none;
z-index: 10;
}
.m-carousel__controls {
position: relative;
clear: both;
border-top: 0.2rem solid #e2e2e2;
margin-top: 2.8rem;
padding-top: 2.8rem;
z-index: 20;
color: #f4ac00;
}
.m-carousel__pager {
text-align: center;
}
.m-carousel__pager > li {
width: 1.8rem;
height: 1.8rem;
border-radius: 50%;
background: #f2f2f2;
cursor: pointer;
display: inline-block;
margin: 0 0.5rem;
transition: background 1s;
}
.l-content__section--medium .m-carousel__pager > li {
background: #fff;
}
.m-carousel__pager > li.active {
background: #f4ac00;
}
.m-carousel__pager > li:hover {
background: #f08100;
}
.m-carousel__prev,
.m-carousel__next {
position: absolute;
top: 2.8rem;
font-size: 2.2rem;
cursor: pointer;
}
.m-carousel__prev:hover,
.m-carousel__next:hover {
color: #f08100;
}
.m-carousel__prev {
left: 0;
}
.m-carousel__next {
right: 0;
}
.m-comparison {
display: table;
}
.m-comparison tr {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.m-comparison tr {
display: table-row;
}
}
.m-comparison th,
.m-comparison td {
line-height: 2.1rem;
vertical-align: middle;
border-right: 0.4rem solid #fff;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media only screen and (min-width: 768px) {
.m-comparison th,
.m-comparison td {
border-top: 0.4rem solid #fff;
-ms-flex: none;
flex: none;
}
}
.m-comparison th:last-child,
.m-comparison td:last-child {
border-right: none;
}
.m-comparison th > div.column,
.m-comparison td > div.column {
display: inline-block;
margin-left: 10%;
max-width: 44%;
}
.m-comparison th > div.column:first-child,
.m-comparison td > div.column:first-child {
margin-left: 0;
}
.m-comparison th > div strong,
.m-comparison th > div small,
.m-comparison td > div strong,
.m-comparison td > div small {
display: block;
}
.m-comparison th .ico-check,
.m-comparison th label.checkbox,
.m-comparison th .checkbox.fake,
.m-comparison th .m-button.selected,
.m-comparison th .m-tab-nav--buttons ul li > a.selected,
.m-tab-nav--buttons ul .m-comparison th li > a.selected,
.m-comparison th .m-chatbot__panel .wc-app button.selected,
.m-chatbot__panel .wc-app .m-comparison th button.selected,
.m-comparison th .m-feature-list > li,
.m-comparison th .m-info-graphic__info-box.active > div,
.m-comparison th .m-promo-teaser__caption > ul > li:before,
.m-comparison td .ico-check,
.m-comparison td label.checkbox,
.m-comparison td .checkbox.fake,
.m-comparison td .m-button.selected,
.m-comparison td .m-tab-nav--buttons ul li > a.selected,
.m-tab-nav--buttons ul .m-comparison td li > a.selected,
.m-comparison td .m-chatbot__panel .wc-app button.selected,
.m-chatbot__panel .wc-app .m-comparison td button.selected,
.m-comparison td .m-feature-list > li,
.m-comparison td .m-info-graphic__info-box.active > div,
.m-comparison td .m-promo-teaser__caption > ul > li:before {
display: block;
font-size: 1.8rem;
height: 2.1rem;
color: #62b716;
}
.m-comparison thead th {
position: relative;
background: #f4ac00;
border-top: 0;
color: #fff;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 1.8rem;
line-height: 1;
font-weight: 800;
text-align: center;
transition: none;
}
@media only screen and (min-width: 568px) {
.m-comparison thead th {
font-size: 2.2rem;
}
}
@media only screen and (min-width: 768px) {
.m-comparison thead th {
position: static;
}
}
.m-comparison thead th:first-child {
display: none;
}
@media only screen and (min-width: 768px) {
.m-comparison thead th:first-child {
display: table-cell;
background: #fff;
color: #2c2b2b;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-family: "Roboto", sans-serif;
font-size: 2.2rem;
font-weight: 500;
padding-left: 0;
text-align: left;
text-transform: none;
}
}
.m-comparison thead th > div {
padding: 1.4rem 1.4rem;
position: relative;
}
.m-comparison thead th > div > span {
position: absolute;
top: 0;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #f08100;
display: block;
padding: 0.2em 0.4em;
font-size: 1.8rem;
text-transform: uppercase;
}
.m-comparison tbody th,
.m-comparison tbody td {
background: #f2f2f2;
padding: 1.4rem 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-comparison tbody th,
.m-comparison tbody td {
padding-top: 2.1rem;
padding-bottom: 2.1rem;
}
}
.m-comparison tbody th > small,
.m-comparison tbody td > small {
display: block;
margin-top: 1.4rem;
}
.m-comparison tbody th {
background: #f2f2f2;
border-right: 0;
border-top: 0.4rem solid #fff;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.m-comparison tbody th {
background: #fff;
border-top-color: #f2f2f2;
padding-left: 0;
}
}
.m-comparison tbody th > div:first-child {
position: relative;
padding-right: 5.6rem;
}
.m-comparison tbody th > div:first-child > i {
color: #f4ac00;
cursor: pointer;
position: absolute;
right: 0;
top: 0.2rem;
opacity: 0;
-ms-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.2s;
}
.m-comparison tbody th > div:first-child > i.ico-help {
font-size: 2rem;
}
.m-comparison tbody th > div:first-child > i.is-visible {
opacity: 1;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.m-comparison tbody th > div:first-child > i {
right: 1.4rem;
}
}
.m-comparison tbody td {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
font-size: 1.5rem;
text-align: center;
}
.m-comparison tbody td > .label {
display: block;
margin-bottom: 0.7rem;
font-weight: 500;
}
.m-comparison tbody td > strong {
font-weight: 300;
}
@media only screen and (min-width: 768px) {
.m-comparison tbody td > strong {
font-weight: 500;
}
}
.m-comparison tbody td .m-tooltip {
position: absolute;
}
@media only screen and (min-width: 768px) {
.m-comparison tbody td .m-tooltip {
position: static;
}
}
.m-comparison.m-comparison--3-col thead th,
.m-comparison.m-comparison--3-col tbody td {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.m-comparison__help-text {
display: none;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
}
.m-comparison__help-text:before {
content: "";
display: block;
height: 1.4rem;
}
@media only screen and (max-width: 767px) {
table.responsive td,
table.responsive th {
width: 56vw;
}
.pinned {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
overflow-x: scroll;
width: 40vw;
}
.pinned table {
width: 100%;
}
div.table-wrapper {
position: relative;
overflow: hidden;
}
div.table-wrapper:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 10rem;
background: linear-gradient(
to right,
rgba(44, 43, 43, 0) 0%,
rgba(44, 43, 43, 0.2) 100%
);
content: "";
pointer-events: none;
}
div.table-wrapper div.scrollable {
margin-left: 42%;
-ms-transform: translateX(0.7rem);
transform: translateX(0.7rem);
}
div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden;
}
table.responsive td,
table.responsive th {
position: relative;
overflow: hidden;
}
table.responsive th:first-child,
table.responsive td:first-child,
table.responsive td:first-child,
table.responsive.pinned td {
display: none;
}
}
.m-comparison__fake-row {
width: 100%;
}
.m-comparison__fake-head,
.m-comparison__fake-cell {
margin-bottom: 0.7rem;
padding-left: 0.7rem;
}
.m-comparison__fake-head > div,
.m-comparison__fake-cell > div {
position: relative;
padding: 2.1rem 1.4rem;
background: #f2f2f2;
line-height: 2.1rem;
text-align: center;
vertical-align: middle;
}
.m-comparison__fake-head > div:after,
.m-comparison__fake-cell > div:after {
clear: both;
display: table;
content: "";
}
.m-comparison__fake-head > div .column,
.m-comparison__fake-cell > div .column {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-comparison__fake-head > div .column,
.m-comparison__fake-cell > div .column {
float: left;
width: 50%;
margin-bottom: 0;
}
}
.m-comparison__fake-head > div .column:last-child,
.m-comparison__fake-cell > div .column:last-child {
margin-bottom: 0;
}
.m-comparison__fake-head > div .column strong,
.m-comparison__fake-head > div .column small,
.m-comparison__fake-cell > div .column strong,
.m-comparison__fake-cell > div .column small {
display: block;
}
.m-comparison__fake-head > div > small,
.m-comparison__fake-cell > div > small {
display: block;
}
.m-comparison__fake-head > div strong,
.m-comparison__fake-cell > div strong {
display: block;
}
.m-comparison__fake-head > div > i,
.m-comparison__fake-cell > div > i {
position: absolute;
top: 50%;
right: 1.4rem;
display: block;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-comparison__fake-head > div > i.check,
.m-comparison__fake-cell > div > i.check {
height: 2.1rem;
color: #62b716;
}
.m-comparison__fake-head {
padding-left: 0;
}
.m-comparison__fake-head > div {
font-weight: 500;
text-align: left;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison {
width: 100%;
display: table;
height: 28rem;
margin-bottom: 2.8rem;
table-layout: fixed;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-1
> div
> span {
width: 0.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-1
> div
> span {
width: 0.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-1
> div {
height: 50.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-1
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-2
> div
> span {
width: 1.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-2
> div
> span {
width: 1%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-2
> div {
height: 51%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-2
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-3
> div
> span {
width: 2.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-3
> div
> span {
width: 1.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-3
> div {
height: 51.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-3
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-4
> div
> span {
width: 2.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-4
> div
> span {
width: 2%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-4
> div {
height: 52%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-4
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-5
> div
> span {
width: 3.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-5
> div
> span {
width: 2.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-5
> div {
height: 52.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-5
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-6
> div
> span {
width: 4.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-6
> div
> span {
width: 3%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-6
> div {
height: 53%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-6
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-7
> div
> span {
width: 4.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-7
> div
> span {
width: 3.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-7
> div {
height: 53.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-7
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-8
> div
> span {
width: 5.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-8
> div
> span {
width: 4%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-8
> div {
height: 54%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-8
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-9
> div
> span {
width: 6.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-9
> div
> span {
width: 4.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-9
> div {
height: 54.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-9
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-10
> div
> span {
width: 7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-10
> div
> span {
width: 5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-10
> div {
height: 55%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-10
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-11
> div
> span {
width: 7.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-11
> div
> span {
width: 5.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-11
> div {
height: 55.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-11
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-12
> div
> span {
width: 8.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-12
> div
> span {
width: 6%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-12
> div {
height: 56%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-12
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-13
> div
> span {
width: 9.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-13
> div
> span {
width: 6.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-13
> div {
height: 56.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-13
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-14
> div
> span {
width: 9.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-14
> div
> span {
width: 7%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-14
> div {
height: 57%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-14
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-15
> div
> span {
width: 10.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-15
> div
> span {
width: 7.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-15
> div {
height: 57.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-15
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-16
> div
> span {
width: 11.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-16
> div
> span {
width: 8%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-16
> div {
height: 58%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-16
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-17
> div
> span {
width: 11.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-17
> div
> span {
width: 8.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-17
> div {
height: 58.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-17
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-18
> div
> span {
width: 12.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-18
> div
> span {
width: 9%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-18
> div {
height: 59%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-18
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-19
> div
> span {
width: 13.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-19
> div
> span {
width: 9.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-19
> div {
height: 59.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-19
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-20
> div
> span {
width: 14%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-20
> div
> span {
width: 10%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-20
> div {
height: 60%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-20
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-21
> div
> span {
width: 14.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-21
> div
> span {
width: 10.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-21
> div {
height: 60.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-21
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-22
> div
> span {
width: 15.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-22
> div
> span {
width: 11%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-22
> div {
height: 61%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-22
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-23
> div
> span {
width: 16.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-23
> div
> span {
width: 11.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-23
> div {
height: 61.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-23
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-24
> div
> span {
width: 16.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-24
> div
> span {
width: 12%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-24
> div {
height: 62%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-24
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-25
> div
> span {
width: 17.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-25
> div
> span {
width: 12.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-25
> div {
height: 62.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-25
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-26
> div
> span {
width: 18.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-26
> div
> span {
width: 13%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-26
> div {
height: 63%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-26
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-27
> div
> span {
width: 18.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-27
> div
> span {
width: 13.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-27
> div {
height: 63.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-27
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-28
> div
> span {
width: 19.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-28
> div
> span {
width: 14%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-28
> div {
height: 64%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-28
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-29
> div
> span {
width: 20.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-29
> div
> span {
width: 14.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-29
> div {
height: 64.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-29
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-30
> div
> span {
width: 21%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-30
> div
> span {
width: 15%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-30
> div {
height: 65%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-30
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-31
> div
> span {
width: 21.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-31
> div
> span {
width: 15.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-31
> div {
height: 65.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-31
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-32
> div
> span {
width: 22.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-32
> div
> span {
width: 16%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-32
> div {
height: 66%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-32
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-33
> div
> span {
width: 23.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-33
> div
> span {
width: 16.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-33
> div {
height: 66.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-33
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-34
> div
> span {
width: 23.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-34
> div
> span {
width: 17%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-34
> div {
height: 67%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-34
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-35
> div
> span {
width: 24.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-35
> div
> span {
width: 17.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-35
> div {
height: 67.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-35
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-36
> div
> span {
width: 25.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-36
> div
> span {
width: 18%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-36
> div {
height: 68%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-36
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-37
> div
> span {
width: 25.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-37
> div
> span {
width: 18.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-37
> div {
height: 68.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-37
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-38
> div
> span {
width: 26.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-38
> div
> span {
width: 19%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-38
> div {
height: 69%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-38
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-39
> div
> span {
width: 27.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-39
> div
> span {
width: 19.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-39
> div {
height: 69.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-39
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-40
> div
> span {
width: 28%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-40
> div
> span {
width: 20%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-40
> div {
height: 70%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-40
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-41
> div
> span {
width: 28.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-41
> div
> span {
width: 20.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-41
> div {
height: 70.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-41
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-42
> div
> span {
width: 29.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-42
> div
> span {
width: 21%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-42
> div {
height: 71%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-42
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-43
> div
> span {
width: 30.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-43
> div
> span {
width: 21.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-43
> div {
height: 71.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-43
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-44
> div
> span {
width: 30.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-44
> div
> span {
width: 22%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-44
> div {
height: 72%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-44
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-45
> div
> span {
width: 31.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-45
> div
> span {
width: 22.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-45
> div {
height: 72.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-45
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-46
> div
> span {
width: 32.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-46
> div
> span {
width: 23%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-46
> div {
height: 73%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-46
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-47
> div
> span {
width: 32.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-47
> div
> span {
width: 23.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-47
> div {
height: 73.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-47
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-48
> div
> span {
width: 33.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-48
> div
> span {
width: 24%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-48
> div {
height: 74%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-48
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-49
> div
> span {
width: 34.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-49
> div
> span {
width: 24.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-49
> div {
height: 74.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-49
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-50
> div
> span {
width: 35%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-50
> div
> span {
width: 25%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-50
> div {
height: 75%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-50
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-51
> div
> span {
width: 35.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-51
> div
> span {
width: 25.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-51
> div {
height: 75.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-51
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-52
> div
> span {
width: 36.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-52
> div
> span {
width: 26%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-52
> div {
height: 76%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-52
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-53
> div
> span {
width: 37.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-53
> div
> span {
width: 26.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-53
> div {
height: 76.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-53
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-54
> div
> span {
width: 37.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-54
> div
> span {
width: 27%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-54
> div {
height: 77%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-54
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-55
> div
> span {
width: 38.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-55
> div
> span {
width: 27.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-55
> div {
height: 77.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-55
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-56
> div
> span {
width: 39.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-56
> div
> span {
width: 28%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-56
> div {
height: 78%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-56
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-57
> div
> span {
width: 39.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-57
> div
> span {
width: 28.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-57
> div {
height: 78.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-57
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-58
> div
> span {
width: 40.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-58
> div
> span {
width: 29%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-58
> div {
height: 79%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-58
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-59
> div
> span {
width: 41.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-59
> div
> span {
width: 29.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-59
> div {
height: 79.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-59
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-60
> div
> span {
width: 42%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-60
> div
> span {
width: 30%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-60
> div {
height: 80%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-60
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-61
> div
> span {
width: 42.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-61
> div
> span {
width: 30.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-61
> div {
height: 80.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-61
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-62
> div
> span {
width: 43.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-62
> div
> span {
width: 31%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-62
> div {
height: 81%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-62
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-63
> div
> span {
width: 44.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-63
> div
> span {
width: 31.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-63
> div {
height: 81.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-63
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-64
> div
> span {
width: 44.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-64
> div
> span {
width: 32%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-64
> div {
height: 82%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-64
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-65
> div
> span {
width: 45.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-65
> div
> span {
width: 32.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-65
> div {
height: 82.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-65
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-66
> div
> span {
width: 46.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-66
> div
> span {
width: 33%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-66
> div {
height: 83%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-66
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-67
> div
> span {
width: 46.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-67
> div
> span {
width: 33.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-67
> div {
height: 83.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-67
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-68
> div
> span {
width: 47.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-68
> div
> span {
width: 34%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-68
> div {
height: 84%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-68
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-69
> div
> span {
width: 48.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-69
> div
> span {
width: 34.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-69
> div {
height: 84.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-69
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-70
> div
> span {
width: 49%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-70
> div
> span {
width: 35%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-70
> div {
height: 85%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-70
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-71
> div
> span {
width: 49.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-71
> div
> span {
width: 35.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-71
> div {
height: 85.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-71
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-72
> div
> span {
width: 50.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-72
> div
> span {
width: 36%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-72
> div {
height: 86%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-72
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-73
> div
> span {
width: 51.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-73
> div
> span {
width: 36.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-73
> div {
height: 86.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-73
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-74
> div
> span {
width: 51.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-74
> div
> span {
width: 37%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-74
> div {
height: 87%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-74
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-75
> div
> span {
width: 52.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-75
> div
> span {
width: 37.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-75
> div {
height: 87.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-75
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-76
> div
> span {
width: 53.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-76
> div
> span {
width: 38%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-76
> div {
height: 88%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-76
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-77
> div
> span {
width: 53.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-77
> div
> span {
width: 38.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-77
> div {
height: 88.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-77
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-78
> div
> span {
width: 54.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-78
> div
> span {
width: 39%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-78
> div {
height: 89%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-78
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-79
> div
> span {
width: 55.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-79
> div
> span {
width: 39.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-79
> div {
height: 89.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-79
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-80
> div
> span {
width: 56%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-80
> div
> span {
width: 40%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-80
> div {
height: 90%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-80
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-81
> div
> span {
width: 56.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-81
> div
> span {
width: 40.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-81
> div {
height: 90.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-81
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-82
> div
> span {
width: 57.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-82
> div
> span {
width: 41%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-82
> div {
height: 91%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-82
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-83
> div
> span {
width: 58.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-83
> div
> span {
width: 41.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-83
> div {
height: 91.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-83
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-84
> div
> span {
width: 58.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-84
> div
> span {
width: 42%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-84
> div {
height: 92%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-84
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-85
> div
> span {
width: 59.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-85
> div
> span {
width: 42.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-85
> div {
height: 92.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-85
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-86
> div
> span {
width: 60.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-86
> div
> span {
width: 43%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-86
> div {
height: 93%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-86
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-87
> div
> span {
width: 60.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-87
> div
> span {
width: 43.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-87
> div {
height: 93.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-87
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-88
> div
> span {
width: 61.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-88
> div
> span {
width: 44%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-88
> div {
height: 94%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-88
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-89
> div
> span {
width: 62.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-89
> div
> span {
width: 44.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-89
> div {
height: 94.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-89
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-90
> div
> span {
width: 63%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-90
> div
> span {
width: 45%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-90
> div {
height: 95%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-90
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-91
> div
> span {
width: 63.7%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-91
> div
> span {
width: 45.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-91
> div {
height: 95.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-91
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-92
> div
> span {
width: 64.4%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-92
> div
> span {
width: 46%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-92
> div {
height: 96%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-92
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-93
> div
> span {
width: 65.1%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-93
> div
> span {
width: 46.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-93
> div {
height: 96.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-93
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-94
> div
> span {
width: 65.8%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-94
> div
> span {
width: 47%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-94
> div {
height: 97%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-94
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-95
> div
> span {
width: 66.5%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-95
> div
> span {
width: 47.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-95
> div {
height: 97.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-95
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-96
> div
> span {
width: 67.2%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-96
> div
> span {
width: 48%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-96
> div {
height: 98%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-96
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-97
> div
> span {
width: 67.9%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-97
> div
> span {
width: 48.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-97
> div {
height: 98.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-97
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-98
> div
> span {
width: 68.6%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-98
> div
> span {
width: 49%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-98
> div {
height: 99%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-98
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-99
> div
> span {
width: 69.3%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-99
> div
> span {
width: 49.5%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-99
> div {
height: 99.5%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-99
> div
> span {
width: auto;
}
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-100
> div
> span {
width: 70%;
}
@media only screen and (min-width: 568px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-100
> div
> span {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-100
> div {
height: 100%;
}
.m-competitor-comparison.in-viewport
.m-competitor-comparison__bar.value-100
> div
> span {
width: auto;
}
}
.m-competitor-comparison__bar {
background: #fff;
height: 5.6rem;
margin-bottom: 0.2rem;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar {
background: transparent;
display: table-cell;
height: 100%;
margin-bottom: 0;
padding: 0 0.9rem;
vertical-align: bottom;
}
}
.m-competitor-comparison__bar:first-child {
padding-left: 0;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar:first-child > div {
background: #f4ac00;
}
}
.m-competitor-comparison__bar:first-child > div > strong {
color: #f4ac00;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar:first-child > div > strong {
background: #fff;
top: 1.4rem;
left: -0.3rem;
padding: 0.7rem 2.8rem;
box-shadow: 0.1rem 0.1rem 0.1rem rgba(44, 43, 43, 0.5);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.m-competitor-comparison__bar:first-child > div > span {
background: #f4ac00;
margin-bottom: 0.2rem;
}
.m-competitor-comparison__bar:first-child > div > span > span > strong {
display: block;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar:first-child > div > span > span > strong {
display: none;
}
}
.m-competitor-comparison__bar:last-child {
padding-right: 0;
}
.m-competitor-comparison__bar > div {
position: relative;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar > div {
overflow: hidden;
height: 0%;
color: #fff;
background: #4c4c4c;
text-align: center;
transition: height 2s cubic-bezier(0.55, 0, 0.1, 1);
}
}
.m-competitor-comparison__bar > div > strong {
font-size: 1.8rem;
overflow: hidden;
padding: 1.4rem 0;
position: relative;
text-align: right;
top: 1.4rem;
left: 1rem;
white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar > div > strong {
position: absolute;
top: 2.1rem;
left: 50%;
padding: 0;
background: transparent;
font-size: 2.2rem;
text-align: center;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.m-competitor-comparison__bar > div > span {
background: #4c4c4c;
color: #fff;
float: left;
font-size: 1.5rem;
height: 5.6rem;
line-height: 2rem;
padding: 0.7rem 0;
width: 0%;
white-space: nowrap;
transition: width 2s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-competitor-comparison__bar > div > span:before {
content: "";
display: block;
float: left;
width: 1.2rem;
height: 2.8rem;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar > div > span {
position: absolute;
top: auto;
bottom: 2.8rem;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-competitor-comparison__bar > div > span:before {
content: none;
}
}
.m-competitor-comparison__bar > div > span > strong {
display: block;
}
.m-competitor-comparison__bar > div > span > img {
display: none;
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__bar > div > span > img {
display: block;
position: relative;
top: -0.7rem;
left: auto;
width: auto;
}
}
.m-competitor-comparison__footer {
display: none;
}
.m-competitor-comparison__footer:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__footer {
display: -ms-flexbox;
display: flex;
}
}
.m-competitor-comparison__footer > div {
position: relative;
}
.m-competitor-comparison__footer > div:first-child {
width: 66.6666666667%;
color: #fff;
}
.m-competitor-comparison__footer > div:first-child:before {
left: 12.5% !important;
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #f4ac00;
}
.m-competitor-comparison__footer > div:first-child > div {
display: table;
width: 100%;
padding: 1.4rem;
background: #f4ac00;
vertical-align: top;
}
.m-competitor-comparison__footer > div:first-child > div > span {
display: table-cell;
height: 100%;
padding: 0 0.9rem;
line-height: 2.52rem;
vertical-align: middle;
}
.m-competitor-comparison__footer > div:first-child > div > span:first-child {
padding-left: 0;
}
.m-competitor-comparison__footer > div:first-child > div > span:last-child {
min-width: 19rem;
padding-right: 0;
text-align: right;
}
.m-competitor-comparison__footer > div:first-child > div img {
display: block;
max-width: 7rem;
}
.m-competitor-comparison__footer > div:last-child {
width: 33.3333333333%;
color: #4c4c4c;
font-size: 1.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
}
.m-competitor-comparison__footer > div:last-child > div {
padding: 1.4rem;
line-height: 2.1rem;
}
.m-competitor-comparison__footer > div:last-child > div a {
color: #4c4c4c;
font-weight: 300;
text-decoration: underline;
}
.m-competitor-comparison__mobile-footer {
position: relative;
width: 100%;
padding: 1.4rem;
color: #fff;
background: #f4ac00;
font-size: 1.5rem;
line-height: 2.1rem;
text-align: center;
}
.m-competitor-comparison__mobile-footer:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 1024px) {
.m-competitor-comparison__mobile-footer {
display: none;
}
}
.m-competitor-comparison__mobile-footer > div > .m-button,
.m-chatbot__panel
.wc-app
.m-competitor-comparison__mobile-footer
> div
> button {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-competitor-comparison__mobile-footer > div > .m-button,
.m-chatbot__panel
.wc-app
.m-competitor-comparison__mobile-footer
> div
> button {
margin-bottom: 0;
}
}
.m-competitor-comparison__footer__legal .m-tooltip span {
text-decoration: underline;
cursor: pointer;
}
.m-component-footer {
margin-top: 1.4rem;
margin-bottom: 0.9rem;
color: #fff;
}
.m-component-footer > div {
display: table;
width: 100%;
padding: 1.4rem;
background: #595a59;
font-weight: 500;
table-layout: fixed;
}
.m-component-footer > div > div {
display: block;
width: 100%;
font-size: 1.6rem;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.m-component-footer > div > div {
display: table-cell;
width: 62%;
}
.m-component-footer > div > div:first-child {
width: 38%;
margin-bottom: 0;
}
.m-component-footer > div > div:last-child {
line-height: 0;
text-align: right;
}
}
.m-component-footer > div > div:first-child {
margin-bottom: 1.4rem;
}
.m-component-footer > div > div > .m-button,
.m-chatbot__panel .wc-app .m-component-footer > div > div > button {
width: 100%;
vertical-align: top;
}
@media only screen and (min-width: 568px) {
.m-component-footer > div > div > .m-button,
.m-chatbot__panel .wc-app .m-component-footer > div > div > button {
width: auto;
}
}
.m-component-footer > div > div > .m-button.m-button--link,
.m-chatbot__panel
.wc-app
.m-component-footer
> div
> div
> button.m-button--link {
margin-bottom: 0;
color: #fff;
}
.m-component-footer > div > div > .m-button.m-button--link:not(:last-child),
.m-chatbot__panel
.wc-app
.m-component-footer
> div
> div
> button.m-button--link:not(:last-child) {
margin-right: 1.4rem;
}
.m-component-footer > div > div a {
color: #fff;
}
.m-component-footer > div > div a > i {
margin-right: 0.4rem;
}
.m-component-footer [class*="l-grid__col"] {
padding: 0;
}
.m-contact-bar {
position: relative;
color: #fff;
background: #2c2b2b;
}
.m-contact-bar:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 10rem;
background: linear-gradient(to right, rgba(44, 43, 43, 0) 0%, #2c2b2b 100%);
content: "";
pointer-events: none;
}
@media only screen and (min-width: 1024px) {
.m-contact-bar:after {
display: none;
}
}
.m-contact-bar > div {
overflow-x: auto;
width: 100%;
max-width: 1680px;
margin: 0 auto;
padding: 1.4rem 0;
}
@media only screen and (min-width: 768px) {
.m-contact-bar > div {
padding: 2.8rem;
}
}
.m-contact-bar ul {
display: table;
width: 100%;
white-space: nowrap;
table-layout: fixed;
}
.m-contact-bar ul > li {
display: inline-block;
margin-right: 2.8rem;
margin-left: 2.8rem;
text-align: center;
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.m-contact-bar ul > li {
display: table-cell;
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (min-width: 1024px) {
.m-contact-bar ul > li.m-contact-bar__mobile-only {
display: none;
}
}
.m-contact-bar ul > li.m-contact-bar__desktop-only {
display: none;
}
@media only screen and (min-width: 1024px) {
.m-contact-bar ul > li.m-contact-bar__desktop-only {
display: table-cell;
}
}
.m-contact-bar ul > li > a {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-weight: 800;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.m-contact-bar ul > li > a {
font-size: 2.2rem;
}
}
@media only screen and (min-width: 1200px) {
.m-contact-bar ul > li > a {
font-size: 2.8rem;
}
}
.m-contact-bar ul > li > a > i {
position: relative;
top: 0.1rem;
display: inline-block;
margin-right: 0.4rem;
vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
.m-contact-bar ul > li > a > i {
top: -0.1rem;
font-size: 3rem;
}
}
@media only screen and (min-width: 1200px) {
.m-contact-bar ul > li > a > i {
top: -0.2rem;
font-size: 3.4rem;
}
}
.m-contact-bar--light {
z-index: 9;
overflow-x: auto;
border-top: 2.8rem solid #fff;
background: #f2f2f2;
}
.m-contact-bar--light:after {
background: transparent;
}
.m-cookie-notice {
background: #2c2b2b;
color: #fff;
display: none;
font-size: 1.2rem;
font-weight: 300;
left: 0;
line-height: 1.6rem;
padding: 0.7rem 1.4rem 0.7rem;
position: fixed;
right: 0;
transition: all 0.5s;
z-index: 99999998;
}
@media only screen and (min-width: 568px) {
.m-cookie-notice {
padding: 0.7rem 4.2rem 0.7rem 1.4rem;
font-size: 1.5rem;
line-height: 2rem;
}
}
@media only screen and (min-width: 768px) {
.m-cookie-notice {
padding: 1.4rem 2.8rem;
}
}
@media only screen and (min-width: 568px) {
.m-cookie-notice > div {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.m-cookie-notice > div {
max-width: calc(1680px - 2 * 2.8rem);
margin: 0 auto;
}
}
.m-cookie-notice__icon {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: none;
margin-right: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-cookie-notice__icon {
display: block;
}
}
.m-cookie-notice__icon > i {
position: relative;
top: 0.4rem;
font-size: 2.4rem;
}
@media only screen and (min-width: 568px) {
.m-cookie-notice__info {
margin-right: 1.4rem;
}
}
.m-cookie-notice__buttons {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-cookie-notice__buttons {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
}
}
@media only screen and (min-width: 1200px) {
.m-cookie-notice__buttons {
-ms-flex-direction: row;
flex-direction: row;
}
}
.m-cookie-notice__buttons > .m-button,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button {
padding: 0.7rem 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-cookie-notice__buttons > .m-button,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button {
margin-right: 0;
padding: 0.7rem 1.4rem;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.m-cookie-notice__buttons > .m-button,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button {
width: auto;
}
}
.m-cookie-notice__buttons > .m-button:first-child,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a:first-child,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button:first-child {
margin: 0 1.4rem 0 0;
}
@media only screen and (min-width: 568px) {
.m-cookie-notice__buttons > .m-button:first-child,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a:first-child,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button:first-child {
margin: 0 0 0.7rem 0;
}
}
@media only screen and (min-width: 1200px) {
.m-cookie-notice__buttons > .m-button:first-child,
.m-tab-nav--buttons ul li.m-cookie-notice__buttons > a:first-child,
.m-chatbot__panel .wc-app .m-cookie-notice__buttons > button:first-child {
margin: 0 1.4rem 0 0;
}
}
.m-custom-box {
text-align: left;
}
@media only screen and (min-width: 568px) {
.m-custom-box__text {
padding-right: 2.8rem;
}
}
.m-custom-box__buttons .m-button,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a,
.m-custom-box__buttons .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-custom-box__buttons button {
width: 100%;
display: block;
margin: 0;
}
.m-custom-box__buttons .m-button + .m-button,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + .m-button,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + .m-button,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + .m-button,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + .m-button,
.m-custom-box__buttons .m-tab-nav--buttons ul li > .m-button + a,
.m-tab-nav--buttons ul .m-custom-box__buttons li > .m-button + a,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + a,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + a,
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
li
> button
+ a,
.m-custom-box__buttons .m-chatbot__panel .wc-app .m-button + button,
.m-chatbot__panel .wc-app .m-custom-box__buttons .m-button + button,
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.m-custom-box__buttons
li
> a
+ button,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + button,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + button {
background: #fff;
color: #f08100;
margin-top: 1.4rem;
}
.m-custom-box__buttons .m-button + .m-button:hover,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + .m-button:hover,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + .m-button:hover,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + .m-button:hover,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + .m-button:hover,
.m-custom-box__buttons .m-tab-nav--buttons ul li > .m-button + a:hover,
.m-tab-nav--buttons ul .m-custom-box__buttons li > .m-button + a:hover,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + a:hover,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + a:hover,
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a:hover,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a:hover,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a:hover,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
li
> button
+ a:hover,
.m-custom-box__buttons .m-chatbot__panel .wc-app .m-button + button:hover,
.m-chatbot__panel .wc-app .m-custom-box__buttons .m-button + button:hover,
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button:hover,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button:hover,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button:hover,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.m-custom-box__buttons
li
> a
+ button:hover,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + button:hover,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + button:hover,
.m-custom-box__buttons .m-button + .m-button:focus,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + .m-button:focus,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + .m-button:focus,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + .m-button:focus,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + .m-button:focus,
.m-custom-box__buttons .m-tab-nav--buttons ul li > .m-button + a:focus,
.m-tab-nav--buttons ul .m-custom-box__buttons li > .m-button + a:focus,
.m-custom-box__buttons .m-tab-nav--buttons ul li > a + a:focus,
.m-tab-nav--buttons ul .m-custom-box__buttons li > a + a:focus,
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a:focus,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a:focus,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a:focus,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
li
> button
+ a:focus,
.m-custom-box__buttons .m-chatbot__panel .wc-app .m-button + button:focus,
.m-chatbot__panel .wc-app .m-custom-box__buttons .m-button + button:focus,
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button:focus,
.m-chatbot__panel
.wc-app
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button:focus,
.m-tab-nav--buttons
ul
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button:focus,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.m-custom-box__buttons
li
> a
+ button:focus,
.m-custom-box__buttons .m-chatbot__panel .wc-app button + button:focus,
.m-chatbot__panel .wc-app .m-custom-box__buttons button + button:focus {
background: rgba(255, 255, 255, 0.75);
color: #f08100;
}
.l-content__section--medium .m-custom-box__buttons .m-button + .m-button,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ .m-button,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ .m-button,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ .m-button,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ .m-button,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> .m-button
+ a,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> .m-button
+ a,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ a,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ a,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
li
> button
+ a,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-button
+ button,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-button
+ button,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ button,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ button,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ button {
background: #f2f2f2;
}
.l-content__section--medium .m-custom-box__buttons .m-button + .m-button:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ .m-button:hover,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ .m-button:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ .m-button:hover,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ .m-button:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> .m-button
+ a:hover,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> .m-button
+ a:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ a:hover,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ a:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a:hover,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a:hover,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a:hover,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
li
> button
+ a:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-button
+ button:hover,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-button
+ button:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button:hover,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button:hover,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button:hover,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ button:hover,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ button:hover,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ button:hover,
.l-content__section--medium .m-custom-box__buttons .m-button + .m-button:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ .m-button:focus,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ .m-button:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ .m-button:focus,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ .m-button:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> .m-button
+ a:focus,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> .m-button
+ a:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ a:focus,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ a:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
li
> button
+ a:focus,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> button
+ a:focus,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> button
+ a:focus,
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
li
> button
+ a:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
.m-button
+ button:focus,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-button
+ button:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
.m-chatbot__panel
.wc-app
li
> a
+ button:focus,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
.m-tab-nav--buttons
ul
li
> a
+ button:focus,
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
li
> a
+ button:focus,
.m-chatbot__panel
.wc-app
.m-tab-nav--buttons
ul
.l-content__section--medium
.m-custom-box__buttons
li
> a
+ button:focus,
.l-content__section--medium
.m-custom-box__buttons
.m-chatbot__panel
.wc-app
button
+ button:focus,
.m-chatbot__panel
.wc-app
.l-content__section--medium
.m-custom-box__buttons
button
+ button:focus {
background: rgba(242, 242, 242, 0.75);
}
.m-disq {
background: #fff;
}
@media only screen and (min-width: 768px) {
.m-disq {
display: table;
width: 100%;
}
}
.m-disq__column {
position: relative;
margin: 0;
padding: 1.4rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-disq__column {
display: table-cell;
vertical-align: middle;
width: 50%;
max-height: 25.9rem;
padding: 2.8rem;
}
}
.m-disq__column:first-child {
padding: 0;
font-size: 0;
line-height: 0;
}
.m-disq__column.m-disq__column--pad:first-child {
padding: 1.4rem;
}
.m-disq__column .m-quote {
margin-bottom: 1.4rem;
text-align: center;
}
.m-disq__column .m-button,
.m-disq__column .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-disq__column li > a,
.m-disq__column .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-disq__column button {
padding: 0;
text-align: center;
}
@media only screen and (min-width: 1024px) {
.m-disq__column .m-button,
.m-disq__column .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-disq__column li > a,
.m-disq__column .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-disq__column button {
font-size: 1.8rem;
}
}
.m-disq__column > img {
width: 100%;
}
.m-doorpage-teaser {
display: block;
}
@media only screen and (min-width: 768px) {
.m-doorpage-teaser {
margin-bottom: 1.4rem;
}
}
.m-doorpage-teaser__header {
background: #f4ac00;
text-align: center;
transition: background 0.2s;
}
.m-doorpage-teaser__header:hover {
background: #f08100;
}
.m-doorpage-teaser__header > img {
display: block;
}
.m-doorpage-teaser__header > p {
display: none;
}
.m-doorpage-teaser__header > h2 {
line-height: 2.8rem;
margin-top: 1.4rem;
margin-bottom: 0.7rem;
margin-left: 1.4rem;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
font-weight: 800;
font-style: normal;
}
@media only screen and (min-width: 768px) {
.m-doorpage-teaser__header > h2 {
font-size: 3.2rem;
line-height: 3.5rem;
}
}
.m-doorpage-teaser__header > a:last-of-type {
display: block;
width: 100%;
padding: 2.8rem 2.8rem 1.4rem;
color: #fff;
}
.m-doorpage-teaser__header > a:last-of-type:hover {
color: #fff;
}
.m-doorpage-teaser__header > a:last-of-type > h2 {
line-height: 2.8rem;
margin-bottom: 0.7rem;
font-family: "Roboto", sans-serif;
font-size: 2.2rem;
}
.m-doorpage-teaser__header > a:last-of-type > i {
display: block;
margin-bottom: 1.4rem;
font-size: 5rem;
}
.m-doorpage-teaser__info {
padding: 1.4rem;
background: #f2f2f2;
}
@media only screen and (min-width: 768px) {
.m-doorpage-teaser__info {
padding-top: 2.8rem;
}
}
.m-doorpage-teaser__info > p:not(:last-child) {
margin-bottom: 1.4rem;
}
.m-doorpage-teaser__info > a {
margin-top: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-doorpage-teaser__info > a {
margin-top: 2.8rem;
}
}
.m-doorpage-teaser__info ol:not(.m-doorpage-teaser__info__sub-nav) > li,
.m-doorpage-teaser__info ul:not(.m-doorpage-teaser__info__sub-nav) > li {
margin-bottom: 1.4rem !important;
line-height: 2.52rem;
}
.m-doorpage-teaser__info > .m-list--checked > li:before,
.m-doorpage-teaser__info
> ol:not(.m-doorpage-teaser__info__sub-nav)
> li:before,
.m-doorpage-teaser__info
> ul:not(.m-doorpage-teaser__info__sub-nav)
> li:before,
.l-richtext--checked-lists .m-doorpage-teaser__info > ol > li:before,
.l-richtext--checked-lists .m-doorpage-teaser__info > ul > li:before {
margin-right: 3.2rem;
}
.m-doorpage-teaser__info__sub-nav {
margin-bottom: -0.7rem;
padding-left: 2.1rem;
text-indent: -2.1rem;
}
.m-doorpage-teaser__info__sub-nav:after {
clear: both;
display: table;
content: "";
}
.m-doorpage-teaser__info__sub-nav > li {
margin-bottom: 0.7rem;
}
.m-doorpage-teaser__info__sub-nav > li > a {
width: 100%;
text-align: left;
}
.m-doorpage-teaser__info__sub-nav > li > a > i {
position: relative;
top: 0.2rem;
font-size: 1.5rem;
}
.m-doorpage-teaser--alt .m-doorpage-teaser__header {
overflow: hidden;
color: #fff;
text-align: left;
}
.m-doorpage-teaser--alt .m-doorpage-teaser__header:hover {
background: #f4ac00;
}
.m-doorpage-teaser--alt .m-doorpage-teaser__header > p {
display: block;
padding: 0 1.4rem 1.4rem;
line-height: 2.4rem;
font-weight: 300;
}
.m-doorpage-teaser--alt .m-doorpage-teaser__header > a:last-of-type {
padding: 0.7rem 1.4rem 0;
}
@media only screen and (min-width: 768px) {
.m-doorpage-teaser--alt .m-doorpage-teaser__header > a:last-of-type {
padding: 1.4rem 1.4rem 0;
}
}
.m-doorpage-teaser--alt .m-doorpage-teaser__header > a:last-of-type > i {
display: none;
}
.m-doorpage-teaser--alt .m-doorpage-teaser__info {
display: none;
}
.m-download {
height: 21rem;
color: #fff;
text-align: center;
perspective: 1000px;
}
.m-download:hover .m-download__flipper,
.m-download.flipped .m-download__flipper {
transform: rotateY(180deg);
}
.m-download i {
display: block;
margin-top: 1.4rem;
margin-bottom: 2.8rem;
font-size: 4rem;
}
.m-download__flipper {
position: relative;
transform-style: preserve-3d;
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-download__flipper__front,
.m-download__flipper__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 21rem;
padding: 2.8rem;
background: #f4ac00;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.m-download__flipper__front {
z-index: 2;
transform: rotateY(0deg);
}
.m-download__flipper__back {
position: relative;
transform: rotateY(180deg);
}
.m-download__progress-button {
position: absolute;
top: 50%;
right: 2.8rem;
left: 2.8rem;
width: calc(100% - 2.8rem * 2);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-download__progress-button > a {
position: relative;
overflow: hidden;
width: 100%;
height: 5.6rem;
cursor: pointer;
}
.m-download__progress-button > a:hover {
color: #fff;
background: #f08100;
}
.m-download__progress-button > a.started > span:first-of-type {
top: -1.4rem;
}
.m-download__progress-button > a.finished {
color: #f08100;
background: #fff;
}
.m-download__progress-button > a.finished > span:last-of-type {
top: 50%;
opacity: 1;
}
.m-download__progress-button > a > span {
position: absolute;
top: 50%;
right: 0;
left: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-download__progress-button > a > span:last-of-type {
top: 100%;
opacity: 0;
}
.m-download__progress-button > a > span i {
position: relative;
top: 0.9rem;
font-size: 1.8rem;
}
.m-download__progress-button progress[value] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5.6rem;
-webkit-appearance: none;
appearance: none;
}
.m-download__progress-button progress[value]::-webkit-progress-bar {
display: block;
height: 5.6rem;
background: #f08100;
border-radius: 0.3rem;
}
.m-download__progress-button progress[value]::-webkit-progress-value {
background: #fff;
border-radius: 0.3rem;
transition: all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.m-download--vertical {
position: relative;
}
.m-download--vertical:hover .m-download__flipper,
.m-download--vertical.flipped .m-download__flipper {
transform: rotateY(0deg) rotateX(-180deg);
}
.m-download--vertical .m-download__flipper__back {
transform: rotateX(180deg);
}
.m-download--vertical .m-download__flipper {
-ms-transform-origin: 100% 10.5rem;
transform-origin: 100% 10.5rem;
}
.m-event-list__filter {
margin-bottom: 1.4rem;
padding: 1.4rem;
background: #fff;
}
.m-event-list__filter.m-event-list__filter--medium {
background: #f2f2f2;
}
.m-event-list__filter.m-event-list__filter--medium > .m-fancy-select {
background: #fff;
}
.m-event-list__filter:after {
clear: both;
display: table;
content: "";
}
.m-event-list__filter > .m-fancy-select {
float: right;
width: 100%;
height: auto;
margin-top: 0.7rem;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
line-height: 2.8rem;
}
@media only screen and (min-width: 768px) {
.m-event-list__filter > .m-fancy-select {
position: relative;
top: -0.7rem;
right: -0.7rem;
width: 32rem;
margin-top: 0;
margin-bottom: -1.4rem;
}
}
.m-event-list__list {
padding: 2.1rem 1.4rem;
background: #fff;
}
.m-event-list__list > li {
display: table;
width: 100%;
margin-bottom: 1.4rem;
padding-bottom: 1.4rem;
border-bottom: 0.2rem #f2f2f2 solid;
table-layout: fixed;
}
.m-event-list__list > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.m-event-list__list > li > time,
.m-event-list__list > li > a,
.m-event-list__list > li > span {
display: table-cell;
padding-right: 2.8rem;
font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
.m-event-list__list > li > time,
.m-event-list__list > li > a,
.m-event-list__list > li > span {
font-size: 1.8rem;
}
}
.m-event-list__list > li > time:last-child,
.m-event-list__list > li > a:last-child,
.m-event-list__list > li > span:last-child {
padding-right: 0;
}
.m-event-list__list > li > time {
width: 11rem;
}
@media only screen and (min-width: 480px) {
.m-event-list__list > li > time {
width: 22rem;
}
}
.m-event-list__list > li > span {
display: none;
}
@media only screen and (min-width: 768px) {
.m-event-list__list > li > span {
display: table-cell;
}
}
.m-feature-list > li {
position: relative;
display: table;
width: 100%;
margin-bottom: 1.4rem;
padding: 0 0.9rem;
}
@media only screen and (min-width: 568px) {
.m-feature-list > li {
float: left;
width: 50%;
}
}
.m-feature-list > li:before {
position: absolute;
top: 50%;
left: 2.8rem;
color: #f4ac00;
font-family: "vhv15";
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-feature-list > li > div {
display: table-cell;
height: 100%;
padding: 1.4rem;
padding-left: 5.6rem;
background: #f2f2f2;
vertical-align: middle;
}
.l-content__section--medium .m-feature-list > li > div {
background: #fff;
}
.m-feature-list > li > div > strong {
display: block;
}
.m-feature-list--custom-icons > li:before {
display: none;
}
.m-feature-list--custom-icons > li > div {
padding-left: 9.1rem;
}
.m-feature-list--custom-icons > li > i {
position: absolute;
top: 50%;
left: 2.8rem;
color: #f4ac00;
font-size: 4.8rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-gallery {
margin-right: -0.9rem;
margin-left: -0.9rem;
}
.m-gallery:after {
clear: both;
display: table;
content: "";
}
.m-gallery__figure {
float: left;
width: 100%;
padding: 0 0.9rem 0.7rem;
transition: all 0.2s;
}
@media only screen and (min-width: 568px) {
.m-gallery__figure {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.m-gallery__figure {
width: 25%;
padding-bottom: 1.4rem;
}
}
.m-gallery__figure img {
width: 100%;
}
.m-gallery__figure figcaption {
display: none;
}
.m-guidebook__filter-bar {
background: #f2f2f2;
margin-bottom: 2.8rem;
color: #f4ac00;
}
.m-guidebook__filter-top {
padding: 1.4rem 1.4rem 0.7rem;
border-bottom: 0.2rem solid #fff;
font-weight: 500;
cursor: pointer;
}
.m-guidebook__filter-detail > div {
padding: 1.4rem;
}
.m-guidebook__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -1.8rem;
}
@media only screen and (min-width: 480px) {
.m-guidebook__wrapper {
margin-right: -1.8rem;
}
}
.m-guidebook__tile {
display: none;
padding-bottom: 1.8rem;
width: 100%;
}
.has-pinned .m-guidebook__tile.m-guidebook__tile--pinned {
width: 100% !important;
}
.has-pinned
.m-guidebook__tile.m-guidebook__tile--pinned
.m-guidebook__content
> h2 {
font-size: 3.2rem !important;
}
@media only screen and (min-width: 480px) {
.m-guidebook__tile {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.8rem;
width: 50%;
}
.has-no-pinned .m-guidebook__tile:nth-child(3n),
.has-pinned .m-guidebook__tile:nth-child(3n + 1) {
width: 100%;
}
.has-no-pinned .m-guidebook__tile:nth-child(3n) .m-guidebook__content > h2,
.has-pinned .m-guidebook__tile:nth-child(3n + 1) .m-guidebook__content > h2 {
font-size: 3.2rem;
}
}
@media only screen and (min-width: 768px) {
.m-guidebook__tile {
width: 33.3333333333%;
}
.has-no-pinned .m-guidebook__tile:nth-child(3n),
.has-pinned .m-guidebook__tile:nth-child(3n + 1) {
width: 33.3333333333%;
}
.has-no-pinned .m-guidebook__tile:nth-child(3n) .m-guidebook__content > h2,
.has-pinned .m-guidebook__tile:nth-child(3n + 1) .m-guidebook__content > h2 {
font-size: 2.2rem;
}
.has-no-pinned .m-guidebook__tile:nth-child(10n + 2),
.has-no-pinned .m-guidebook__tile:nth-child(10n + 6),
.has-pinned .m-guidebook__tile:nth-child(10n + 3),
.has-pinned .m-guidebook__tile:nth-child(10n + 7) {
width: 66.6666666667%;
}
.has-no-pinned
.m-guidebook__tile:nth-child(10n + 2)
.m-guidebook__content
> h2,
.has-no-pinned
.m-guidebook__tile:nth-child(10n + 6)
.m-guidebook__content
> h2,
.has-pinned .m-guidebook__tile:nth-child(10n + 3) .m-guidebook__content > h2,
.has-pinned .m-guidebook__tile:nth-child(10n + 7) .m-guidebook__content > h2 {
font-size: 3.2rem;
}
}
.m-guidebook__tile > a {
background: #f2f2f2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.m-guidebook__tile > a:hover .m-guidebook__content > h2 {
color: #f08100;
}
.m-guidebook__tile > a:hover .m-guidebook__header {
background-size: 106%;
}
.m-guidebook__header {
padding-bottom: 33%;
background-position: center center;
background-size: 100%;
transition: background-size 0.2s;
}
.m-guidebook__content {
padding: 1.4rem;
color: #2c2b2b;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
}
.m-guidebook__content > h2 {
color: #f4ac00;
line-height: 1.2;
font-size: 2.2rem;
transition: color 0.2s;
}
.m-guidebook__no-item {
text-align: center;
}
.m-guidebook__no-item.ng-scope {
display: block !important;
}
.m-info-graphic__nav {
margin-bottom: 1.4rem;
padding: 1.4rem 0;
line-height: 0;
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-info-graphic__nav {
margin: 0 -1.4rem 1.4rem;
display: -ms-flexbox;
display: flex;
}
}
.m-info-graphic__nav .m-info-graphic__nav-button {
background: #fff;
border-radius: 0;
border-bottom: 0.3rem solid #f2f2f2;
color: #bfc0bf;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 1.4rem;
transition: all 0.2s;
width: 100%;
}
.m-info-graphic__nav .m-info-graphic__nav-button:hover {
border-bottom-color: #f08100;
color: #f08100;
}
@media only screen and (min-width: 568px) {
.m-info-graphic__nav .m-info-graphic__nav-button {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 1.4rem;
}
}
.m-info-graphic__nav .m-info-graphic__nav-button--active {
border-bottom-color: #f4ac00;
color: #f4ac00;
}
.m-info-graphic__info {
margin: -3.5rem;
}
.m-info-graphic__info:after {
clear: both;
display: table;
content: "";
}
.m-info-graphic__info-box {
position: relative;
float: left;
width: 50%;
height: 0;
padding-bottom: 50%;
box-sizing: content-box;
}
@media only screen and (min-width: 568px) {
.m-info-graphic__info-box {
width: 33.3333333333%;
padding-bottom: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.m-info-graphic__info-box {
width: 25%;
padding-bottom: 25%;
}
}
@media only screen and (min-width: 1024px) {
.m-info-graphic__info-box {
width: 20%;
padding-bottom: 20%;
}
}
.m-info-graphic__info-box.active > div {
color: #f4ac00;
background: #fce6be;
}
.m-info-graphic__info-box.active > div:before {
position: absolute;
top: 0;
right: 0;
display: block;
width: 3.5rem;
height: 3.5rem;
color: #fff;
background: #f4ac00;
font-family: "vhv15";
padding-top: 0.7rem;
}
.m-info-graphic__info-box > div {
position: absolute;
top: 0.7rem;
right: 0.7rem;
bottom: 0.7rem;
left: 0.7rem;
color: #bfc0bf;
background: #f2f2f2;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.1rem;
text-align: center;
}
.m-info-graphic__info-box > div i {
display: block;
margin-top: 2.8rem;
margin-bottom: 1.4rem;
font-size: 5rem;
}
.m-info-graphic__info-box > div i.ico-unfallschaden-fremd,
.m-info-graphic__info-box > div i.ico-marder,
.m-info-graphic__info-box > div i.ico-diebstahl {
-ms-transform: scale(1.3);
transform: scale(1.3);
}
@media only screen and (min-width: 568px) {
.m-info-graphic__info-box > div i {
margin-top: 2.8rem;
margin-bottom: 3.5rem;
font-size: 6rem;
}
}
@media only screen and (min-width: 768px) {
.m-info-graphic__info-box > div i {
margin-top: 2.8rem;
margin-bottom: 2.8rem;
font-size: 7rem;
}
}
.m-info-graphic__info-box > div strong {
padding: 0 0.4rem;
}
.m-magazine-subheader {
display: table;
width: 100%;
margin-bottom: 2.8rem;
padding: 0.7rem 1.4rem;
background: #f2f2f2;
}
.m-magazine-subheader:after {
clear: both;
display: table;
content: "";
}
.m-magazine-subheader > .m-button,
.m-tab-nav--buttons ul li.m-magazine-subheader > a,
.m-chatbot__panel .wc-app .m-magazine-subheader > button {
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 568px) {
.m-magazine-subheader > .m-button,
.m-tab-nav--buttons ul li.m-magazine-subheader > a,
.m-chatbot__panel .wc-app .m-magazine-subheader > button {
display: table-cell;
}
}
@media only screen and (min-width: 768px) {
.m-magazine-subheader > .m-button,
.m-tab-nav--buttons ul li.m-magazine-subheader > a,
.m-chatbot__panel .wc-app .m-magazine-subheader > button {
padding-bottom: 1rem;
}
}
.m-magazine-subheader__info {
text-align: left;
vertical-align: top;
}
@media only screen and (min-width: 568px) {
.m-magazine-subheader__info {
display: table-cell;
width: 100%;
text-align: right;
}
}
@media only screen and (min-width: 768px) {
.m-magazine-subheader__info {
line-height: 4.2rem;
}
}
.m-magazine-subheader__info .m-button,
.m-magazine-subheader__info .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-magazine-subheader__info li > a,
.m-magazine-subheader__info .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .m-magazine-subheader__info button {
vertical-align: middle;
}
.m-magazine-subheader__info > strong {
margin-right: 1.4rem;
padding-right: 1.4rem;
border-right: 0.1rem solid #bfc0bf;
vertical-align: middle;
}
.m-magazine-subheader__info > a {
margin-right: 0.8rem;
}
.m-magazine-subheader__info > a:last-of-type {
margin-right: 0;
}
.m-magazine-subheader__info > a > i {
position: relative;
top: 0.2rem;
}
.m-magnolia-notice {
margin-bottom: 1.4rem !important;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
color: #fff;
background: #a5bc66;
font-size: 1.3rem;
font-weight: 500;
text-transform: uppercase;
}
.m-magnolia-notice:after {
content: "Die Inhalte der Teaser-Blöcke werden aus den Seiteneigenschaften der Unterseiten generiert.";
}
.m-map {
height: 350px;
left: 0;
max-width: none !important;
position: relative !important;
top: 0;
width: 100%;
z-index: 1 !important;
}
@media only screen and (min-width: 768px) {
.m-map {
height: 100%;
position: absolute !important;
}
}
@media only screen and (min-width: 568px) {
.m-map.m-map--bc {
position: absolute !important;
}
}
.m-media-lightbox {
position: fixed;
z-index: 9999999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
background: rgba(44, 43, 43, 0.95);
}
.m-media-lightbox__media-container {
position: fixed;
top: 50%;
right: 0;
left: 0;
display: none;
max-height: 100vh;
padding: 1.4rem;
background: #fff;
text-align: center;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 1024px) {
.m-media-lightbox__media-container {
max-width: 960px;
}
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
max-width: 100%;
max-height: 90vh;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.m-media-lightbox__media-container figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin-top: 0.7rem;
padding: 1.4rem;
background: rgba(255, 255, 255, 0.8);
text-align: center;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container figcaption {
position: relative;
padding: 0;
background: transparent;
text-align: left;
}
}
.m-media-lightbox__media-container img {
max-height: 85vh;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container iframe {
width: 64rem;
}
}
.m-media-lightbox__media-container > button {
position: absolute;
top: 50%;
background: transparent;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-media-lightbox__media-container > button:first-of-type {
left: 0;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container > button:first-of-type {
left: -8.4rem;
}
}
.m-media-lightbox__media-container > button:last-of-type {
right: -0.7rem;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container > button:last-of-type {
right: -8.4rem;
}
}
.m-media-lightbox__media-container > button:hover > i {
color: #f08100;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container > button:hover > i {
color: #f4ac00;
}
}
.m-media-lightbox__media-container > button > i {
color: #f4ac00;
font-size: 3rem;
transition: color 0.2s;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__media-container > button > i {
color: #fff;
}
}
.m-media-lightbox__close-button {
position: absolute;
top: 0;
right: 0;
background: transparent;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__close-button {
top: 2.8rem;
right: 2.8rem;
}
}
.m-media-lightbox__close-button > i {
color: #f4ac00;
font-size: 2.2rem;
transition: color 0.2s;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__close-button > i {
color: #fff;
}
}
.m-media-lightbox__close-button > i:hover {
color: #f08100;
}
@media only screen and (min-width: 768px) {
.m-media-lightbox__close-button > i:hover {
color: #f4ac00;
}
}
.m-media-lightbox__spinner {
position: absolute;
top: 50%;
left: 50%;
display: none;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-modal {
position: fixed;
z-index: 999999999;
top: 50%;
left: 50%;
width: 32rem;
padding: 4.2rem 2.8rem;
background: #fff;
text-align: center;
box-shadow: 0 0 0 1000rem rgba(44, 43, 43, 0.8);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
.m-modal {
width: 60rem;
}
}
.m-modal > i {
display: block;
margin-bottom: 1.4rem;
font-size: 3.2rem;
}
.m-modal > p {
line-height: 2.4rem;
}
.m-modal > strong {
display: block;
margin-bottom: 1.4rem;
}
.m-modal__close-button {
position: absolute;
top: 0;
right: 0;
color: #f4ac00;
background: transparent;
}
.m-operator > div {
padding: 2.8rem;
background: #fff;
text-align: center;
}
.m-operator > div > h5 {
color: #bfc0bf;
margin-top: -2.1rem;
margin-bottom: 1.4rem;
font-size: 1.5rem;
}
.m-orga-tile__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -0.9rem;
}
.no-flexbox .m-orga-tile__wrapper:after {
clear: both;
display: table;
content: "";
}
.m-orga-tile__wrapper.is-edit-mode {
display: block;
}
.m-orga-tile__nav {
background: #f2f2f2;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
padding: 0.3rem;
margin-bottom: 1.4rem;
text-align: center;
}
.m-orga-tile__nav > a,
.m-orga-tile__nav > span {
background: #fff;
display: inline-block;
-ms-flex: 1 0 4rem;
flex: 1 0 4rem;
height: 4.2rem;
margin: 0.3rem;
max-width: 4.4rem;
padding: 0.4em 0.9rem 0;
text-align: center;
}
.no-flexbox .m-orga-tile__nav > a,
.no-flexbox .m-orga-tile__nav > span {
margin: 0.3rem 0.1rem;
}
@media only screen and (min-width: 568px) {
.m-orga-tile__nav > a,
.m-orga-tile__nav > span {
-ms-flex-preferred-size: 3rem;
flex-basis: 3rem;
height: 3.1rem;
max-width: 3.2rem;
padding-top: 0.1em;
}
}
.m-orga-tile__nav > span {
color: #bfc0bf;
display: none;
}
@media only screen and (min-width: 568px) {
.m-orga-tile__nav > span {
display: inline-block;
}
}
@media only screen and (max-width: 567px) {
.m-orga-tile__item--zipfilter {
width: 100% !important;
height: 6rem;
margin-bottom: 0 !important;
}
}
.m-orga-tile__item--zipfilter .m-orga-tile {
background: #f4ac00;
cursor: text;
transition: background-color 0.2s;
}
.m-orga-tile__zip-filter-label {
color: #fff;
display: inline-block;
font-size: 1.8rem;
font-weight: 300;
text-align: right;
text-transform: uppercase;
width: 50%;
}
@media only screen and (min-width: 568px) {
.m-orga-tile__zip-filter-label {
display: block;
font-size: 1.5rem;
font-weight: 500;
height: 0;
margin: 30% 0 -30%;
pointer-events: none;
text-align: center;
width: 100%;
}
}
.m-orga-tile__zip-filter,
.m-orga-tile__zip-filter.ng-valid {
background-color: transparent;
box-shadow: none !important;
color: #fff;
display: inline-block;
font-size: 1.8rem;
line-height: 2.8rem;
padding: 0.7rem 0.7rem;
vertical-align: baseline;
width: 50%;
}
@media only screen and (min-width: 568px) {
.m-orga-tile__zip-filter,
.m-orga-tile__zip-filter.ng-valid {
background-color: #f4ac00;
display: block;
font-size: 3.2rem;
height: 100%;
padding: 10% 0 0;
text-align: center;
width: 100%;
}
.m-orga-tile__zip-filter:hover,
.m-orga-tile__zip-filter:focus,
.m-orga-tile__zip-filter.ng-valid:hover,
.m-orga-tile__zip-filter.ng-valid:focus {
background-color: #f08100;
outline: 0;
}
}
.m-orga-tile__zip-filter::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-orga-tile__zip-filter::-moz-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-orga-tile__zip-filter:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-orga-tile__zip-filter:-moz-placeholder {
color: rgba(255, 255, 255, 0.66);
}
.m-orga-tile__item {
width: 50%;
position: relative;
}
@media only screen and (min-width: 480px) {
.m-orga-tile__item {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) {
.m-orga-tile__item {
width: 25%;
}
}
.no-flexbox .m-orga-tile__item {
float: left;
height: 244px;
width: 244px;
}
@media only screen and (min-width: 568px) {
.m-orga-tile__item.m-orga-tile__item--s {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
.m-orga-tile__item.m-orga-tile__item--s {
width: 20%;
}
}
.no-flexbox .m-orga-tile__item.m-orga-tile__item--s {
height: 195px;
width: 195px;
}
.is-edit-mode .m-orga-tile__item {
height: 250px;
}
.m-orga-tile__item > div,
.m-orga-tile__item > a {
bottom: 0.9rem;
display: block;
left: 0.9rem;
position: absolute;
right: 0.9rem;
top: 0.9rem;
}
.m-orga-tile__item > a:hover,
.m-orga-tile__item > a:focus {
outline: 0;
}
.m-orga-tile__item > a:hover .m-orga-tile__back,
.m-orga-tile__item > a:focus .m-orga-tile__back {
opacity: 1;
-ms-transform: none;
transform: none;
}
.m-orga-tile__item > a:hover .m-orga-tile__subline,
.m-orga-tile__item > a:focus .m-orga-tile__subline {
color: #f08100;
}
.m-orga-tile__item:before {
content: "";
display: block;
padding-top: 100%;
}
.is-edit-mode .m-orga-tile__item:before {
content: none;
}
.m-orga-tile__item.m-orga-tile__item--subline {
margin-bottom: 3.2rem;
}
.m-orga-tile {
background: #f2f2f2;
display: block;
font-weight: 500;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
table-layout: fixed;
text-align: center;
top: 0;
width: 100%;
}
.l-content__section--medium .m-orga-tile {
background: #fff;
}
.m-orga-tile.m-orga-tile--link .m-orga-tile__back:before {
font-family: "vhv15";
position: absolute;
right: 1rem;
top: 1rem;
}
.m-orga-tile__plain {
background: #f2f2f2;
color: #bfc0bf;
display: table;
font-weight: 500;
height: 100%;
left: 0;
padding: 10%;
position: absolute;
top: 0;
width: 100%;
}
.m-orga-tile__plain > div {
display: table-cell;
line-height: 1.3;
text-align: center;
vertical-align: middle;
width: 100%;
}
@media only screen and (min-width: 768px) {
.m-orga-tile__plain > div {
font-size: 2.2rem;
}
}
.m-orga-tile__plain > div > a {
position: absolute;
top: -8rem;
}
.m-orga-tile__subline {
color: #f4ac00;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
padding-top: 103%;
text-align: center;
}
.m-orga-tile__letter {
font-size: 7rem;
}
.m-orga-tile__front {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
padding: 10%;
width: 100%;
}
.m-orga-tile__front > img {
display: block;
margin: 0 auto;
max-height: 100%;
}
.m-orga-tile__back {
-ms-flex-align: center;
align-items: center;
background: rgba(244, 172, 0, 0.9);
color: #fff;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
left: 0;
line-height: 2.4rem;
opacity: 0.5;
padding: 10%;
position: absolute;
top: 0;
width: 100%;
-ms-transform: translateY(100%);
transform: translateY(100%);
transition: all 0.2s;
}
.no-flexbox .m-orga-tile__back {
padding-top: 60px;
}
.m-profiles {
opacity: 0;
transition: opacity 0.5s;
}
.m-profiles__tabs {
margin: 0 -0.3rem 1.4rem;
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-profiles__tabs {
display: -ms-flexbox;
display: flex;
margin-bottom: 2.8rem;
}
}
.m-profiles__tab-title {
background: #fff;
color: #f4ac00;
cursor: pointer;
font-weight: 500;
margin: 0 0 0.3rem;
padding: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-profiles__tab-title {
display: inline-block;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 0.3rem;
}
}
.m-profiles__tab-title.active {
background: #f4ac00;
color: #fff;
position: relative;
}
@media only screen and (min-width: 568px) {
.m-profiles__tab-title.active:before {
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #f4ac00;
}
}
.m-profiles__properties {
background: #fff;
margin-bottom: 0.5rem;
padding: 0.7rem 0;
}
.m-profiles__properties:after {
clear: both;
display: table;
content: "";
}
.m-profiles__profile {
display: none;
}
.m-profiles__profile.active {
display: block;
}
.m-profiles__property {
padding: 0.7rem;
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-profiles__property {
float: left;
padding: 2.8rem;
width: 33.333%;
}
}
.m-profiles__prop-icon {
display: inline;
font-size: 3rem;
margin-bottom: 1rem;
margin-right: 0.6rem;
vertical-align: middle;
}
@media only screen and (min-width: 568px) {
.m-profiles__prop-icon {
display: block;
font-size: 5rem;
margin-right: 0;
}
}
.m-profiles__prop-name {
display: inline;
font-weight: 500;
}
@media only screen and (min-width: 568px) {
.m-profiles__prop-name {
border-bottom: 0.3rem solid #f2f2f2;
display: block;
padding-bottom: 1.4rem;
}
}
@media only screen and (min-width: 568px) {
.m-profiles__prop-sample {
padding-top: 1.4rem;
}
}
.m-profiles__max-saving {
background: #fff;
margin-bottom: 1.4rem;
padding: 1.4rem;
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-profiles__max-saving {
font-size: 2.2rem;
padding: 2.8rem;
}
}
.m-profiles__max-saving > div:last-child {
font-size: 3.2rem;
font-weight: 500;
line-height: 1.4;
white-space: nowrap;
}
@media only screen and (min-width: 568px) {
.m-profiles__max-saving > div:last-child {
font-size: 4.8rem;
}
}
.m-promo-teaser {
display: inline-block;
width: 80%;
margin-right: 1.8rem;
margin-bottom: 1.4rem;
line-height: 0;
white-space: normal;
vertical-align: top;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser {
float: left;
display: block;
width: 50%;
margin-right: 0;
padding: 0 0.9rem;
}
}
.m-promo-teaser:hover .m-promo-teaser__caption,
.m-promo-teaser:focus .m-promo-teaser__caption,
.m-promo-teaser:active .m-promo-teaser__caption {
background: #f08100;
}
.m-promo-teaser:first-child {
margin-left: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser:first-child {
margin-left: 0;
}
}
.m-promo-teaser:last-child {
margin-right: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser:last-child {
margin-right: 0;
}
}
.m-promo-teaser > figure > div {
position: relative;
background-position: center top;
background-size: 100%;
transition: all 0.2s;
}
.m-promo-teaser > figure > div:hover {
background-size: 102%;
}
.m-promo-teaser > figure > div > img {
opacity: 0;
}
.m-promo-teaser__caption {
min-height: 13.6rem;
padding: 1.4rem;
color: #fff;
background: #f4ac00;
font-size: 1.8rem;
font-style: normal;
line-height: 2.8rem;
transition: background 0.2s;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser__caption {
position: absolute;
right: 2.8rem;
bottom: 2.8rem;
left: 2.8rem;
min-height: 0;
}
}
.m-promo-teaser__caption > .m-promo-teaser__caption__headline {
margin-bottom: 0.7rem;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
font-weight: 800;
font-style: normal;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser__caption > .m-promo-teaser__caption__headline {
font-size: 3.2rem;
line-height: 3.5rem;
}
}
.m-promo-teaser__caption > p,
.m-promo-teaser__caption ul {
line-height: 2.4rem;
}
.m-promo-teaser__caption > ul {
margin-bottom: 1.2rem;
}
.m-promo-teaser__caption > ul > li {
padding-left: 3rem;
margin-bottom: 0.6rem;
}
.m-promo-teaser__caption > ul > li:before {
display: inline-block;
font-size: 1.6rem;
margin-left: -3rem;
vertical-align: -0.2rem;
width: 3rem;
}
.m-promo-teaser--flat > figure > div {
background-color: #f2f2f2;
padding-top: 33%;
}
.m-promo-teaser--flat img {
display: none;
}
.m-promo-teaser--flat .m-promo-teaser__caption {
bottom: auto;
left: 0;
right: 0;
position: static;
min-height: 8.7rem;
}
@media only screen and (min-width: 568px) {
.m-promo-teaser--flat .m-promo-teaser__caption {
min-height: 10.5rem;
}
}
.m-promo-teaser--wide {
float: none;
width: 100%;
height: 300px;
padding: 0;
}
.m-promo-teaser--wide:hover > figure > div {
background-size: cover;
}
.m-promo-teaser--wide:hover .m-promo-teaser__caption {
background-color: #f4ac00;
}
.m-promo-teaser--wide:first-child {
margin-left: 0;
}
.m-promo-teaser--wide > figure > div {
position: relative;
width: 100%;
height: 300px;
background-size: cover;
}
.m-promo-teaser--wide .m-promo-teaser__caption {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser--wide .m-promo-teaser__caption {
top: 2.8rem;
right: auto;
bottom: 2.8rem;
left: 2.8rem;
width: 43%;
}
}
.m-promo-teaser--wide
.m-promo-teaser__caption
> .m-promo-teaser__caption__headline {
margin-bottom: 0.7rem;
}
.m-promo-teaser--wide .m-promo-teaser__caption p {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-promo-teaser--wide .m-promo-teaser__caption .m-button,
.m-promo-teaser--wide .m-promo-teaser__caption .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .m-promo-teaser--wide .m-promo-teaser__caption li > a,
.m-promo-teaser--wide
.m-promo-teaser__caption
.m-chatbot__panel
.wc-app
button,
.m-chatbot__panel
.wc-app
.m-promo-teaser--wide
.m-promo-teaser__caption
button {
position: absolute;
bottom: 2.8rem;
left: 1.4rem;
}
}
.m-search-field {
position: relative;
}
.m-search-field > input,
.m-search-field > input.ng-touched.ng-invalid {
background: transparent;
padding-left: 3.4rem;
border: 0;
border-bottom: 0.1rem solid currentColor;
box-shadow: none;
color: inherit;
font-size: 2rem;
}
.m-search-field > input:hover,
.m-search-field > input:focus {
border-color: transparent transparent currentColor;
outline: 0;
}
.m-search-field > input.ng-touched.ng-invalid {
border-color: transparent transparent #c52223;
color: #c52223;
}
.m-search-field > [class*="ico-"] {
position: absolute;
top: 50%;
left: 0;
font-size: 2.2rem;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-search-field .ico-spinner {
position: absolute;
margin-top: 0;
line-height: 0;
-ms-transform-origin: center top;
transform-origin: center top;
animation: rotate 2s infinite;
}
@supports (-ms-accelerator: true) {
.m-search-field .ico-spinner {
animation: none !important;
}
}
.m-search-field .ico-spinner:before {
height: 0;
line-height: 0;
}
.m-search-field > button {
position: absolute;
top: 50%;
right: 0;
margin-top: 0.2rem;
color: inherit;
background: transparent;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: color 0.2s;
}
.m-search-field > button:hover,
.m-search-field > button:focus {
color: #f08100;
}
.m-search-field.m-search-field--large {
margin: 0 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-search-field.m-search-field--large {
margin: 0 2.8rem;
}
}
@media only screen and (min-width: 1024px) {
.m-search-field.m-search-field--large {
margin: 0;
}
}
.m-search-field.m-search-field--large > input {
padding-left: 0;
}
@media only screen and (min-width: 568px) {
.m-search-field.m-search-field--large > input {
font-size: 2.2rem;
}
}
@media only screen and (min-width: 768px) {
.m-search-field.m-search-field--large > input {
font-size: 3.2rem;
}
}
.m-search-field.m-search-field--large [class*="ico-"] {
right: 0;
left: auto;
font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
.m-search-field.m-search-field--large [class*="ico-"] {
font-size: 3.2rem;
}
}
.m-search-field.m-search-field--large > button {
right: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-search-field.m-search-field--large > button {
right: 0;
}
}
.m-search-field.m-search-field--light > input {
border-bottom-color: #fff;
color: #fff;
}
.m-search-field.m-search-field--light > input:hover,
.m-search-field.m-search-field--light > input:focus {
border-color: transparent transparent #fff;
}
.m-search-field.m-search-field--light > input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.m-search-field.m-search-field--light > input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.m-search-field.m-search-field--light > input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.m-search-field.m-search-field--light > input:-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.m-search-field.m-search-field--light [class*="ico-"] {
color: rgba(255, 255, 255, 0.8);
}
.m-search-field.m-search-field--light > button {
color: #fff;
}
.m-search-field__suggest {
color: #2c2b2b;
position: relative;
}
.m-search-field__suggest > ul {
background: #fff;
box-shadow: 0 0.2rem 0.5rem rgba(44, 43, 43, 0.2);
overflow: auto;
max-height: 22rem;
padding: 1rem 0;
position: absolute;
width: 100%;
}
.m-search-field__suggest > ul > li {
padding: 0.5rem 2rem;
cursor: pointer;
}
.m-search-field__suggest > ul > li.active,
.m-search-field__suggest > ul > li:hover {
background: #f2f2f2;
}
.m-search-field__suggest .hit {
font-weight: 500;
}
.m-search-field__results {
margin-top: 5.6rem;
}
.m-search-field__results > h4 {
margin: 0 2.8rem 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-search-field__results > h4 {
margin: 0 1.4rem 1.4rem;
}
}
@media only screen and (min-width: 1024px) {
.m-search-field__results > h4 {
margin: 0 0 1.4rem;
}
}
.m-search-field__results .m-box h4 {
margin-bottom: 0;
}
.m-search-field__results .m-box p {
line-height: 2.4rem;
margin: 1.4rem 0;
}
.m-search-field__results .m-box .hit,
.m-search-field__results .m-box .hit_title {
font-weight: 500;
}
.m-search-field__results .m-box > div:first-child > hr {
display: none;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.m-sitemap .l-grid__col--4-12 {
margin-bottom: 0 !important;
}
.m-sitemap__head {
color: #f4ac00;
font-size: 2.2rem;
font-weight: 500;
border-bottom: 0.2rem solid #e2e2e2;
padding-bottom: 0.7rem;
margin: 2.8rem 0;
}
.m-sitemap__list {
line-height: 2.4rem;
}
.m-sitemap__list a {
display: block;
color: #f4ac00;
margin-bottom: 1.2rem;
}
.m-sitemap__list a:hover,
.m-sitemap__list a:focus {
color: #f08100;
}
.m-sitemap__list > li {
margin-bottom: 2.8rem;
}
.m-sitemap__list > li > a {
background: #f2f2f2;
padding: 0.7rem 1.4rem;
}
.m-sitemap__list > li:first-child a {
margin-top: 0;
}
.m-sitemap__list > li > ul li {
padding-left: 1.4rem;
}
.m-sitemap__list > li > ul li a {
padding-left: 0;
font-weight: 300;
}
.m-social-link {
display: inline-block;
margin: 1.4rem 1.4rem 0;
width: 4rem;
vertical-align: middle;
}
.m-social-link > a {
display: block;
transition: transform 0.2s;
}
.m-social-link > a:hover {
transform: scale3d(1.15, 1.15, 1.15);
}
.m-star-rating > div > i {
color: #f4ac00;
font-size: 3.2rem;
}
.m-survey__section {
background: #f2f2f2;
margin-bottom: 0.2rem;
padding: 2.8rem 1.4rem;
}
@media only screen and (min-width: 768px) {
.m-survey__section {
padding: 2.8rem;
}
}
.m-survey__section.m-survey__section--dark {
background: #595a59;
}
.m-survey__section textarea {
background: #fff;
}
.m-survey__star {
fill: #fff;
stroke: #bfc0bf;
transition: all 0.2s;
}
.m-survey__star.m-survey__star--error {
stroke: #c52223;
}
.highlighted .m-survey__star {
fill: #f4ac00;
stroke: #f4ac00;
}
.m-survey__row {
padding: 2.1rem 0;
}
@media only screen and (min-width: 568px) {
.m-survey__row {
display: -ms-flexbox;
display: flex;
min-height: 7rem;
}
}
.m-survey__question {
line-height: 2.4rem;
padding-bottom: 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-survey__question {
-ms-flex: 3 3 40%;
flex: 3 3 40%;
padding: 0 1.8rem 0 0;
text-align: right;
}
}
@media only screen and (min-width: 568px) {
.m-survey__radios {
-ms-flex: 3 3 40%;
flex: 3 3 40%;
}
}
@media only screen and (min-width: 1024px) {
.m-survey__radios {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.m-survey__radios > div:first-child {
display: -ms-flexbox;
display: flex;
margin-bottom: 0.4rem;
position: relative;
-ms-flex-pack: justify;
justify-content: space-between;
}
.m-survey__radios > div:first-child.has-rule:before {
content: "";
height: 0.2rem;
width: 100%;
left: 0;
top: 1.4rem;
background: #bfc0bf;
position: absolute;
}
.m-survey__radio {
display: block;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
text-align: center;
}
.m-survey__radio label {
border: #f2f2f2 solid;
border-width: 0 0.5rem;
cursor: pointer;
display: inline-block;
}
.m-survey__radio label:before {
position: static;
}
.m-survey__radio label:hover:before {
box-shadow: 0 0 0 0.1rem #f4ac00;
}
.m-survey__buttons > div:first-child {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 568px) {
.m-survey__buttons {
-ms-flex: 3 3 40%;
flex: 3 3 40%;
}
}
@media only screen and (min-width: 1024px) {
.m-survey__buttons {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.m-survey__button label {
background: #fff;
color: #f4ac00;
display: block;
font-size: 1.5rem;
font-weight: 500;
margin-right: 0.2rem;
padding: 1rem 5rem;
transition: all 0.2s;
}
@media only screen and (min-width: 1024px) {
.m-survey__button label {
padding: 1rem 6rem;
}
}
.m-survey__button input:checked + label {
background: #f4ac00;
color: #fff;
}
.m-survey__button:first-child label {
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
}
.m-survey__button:last-child label {
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
margin-right: 0;
}
.m-survey__label {
display: none;
padding-left: 1.8rem;
}
@media only screen and (min-width: 768px) {
.m-survey__label {
display: block;
-ms-flex: 0 0 15rem;
flex: 0 0 15rem;
position: relative;
}
.m-survey__label > div {
background: #fff;
border: 0.1rem solid #f4ac00;
color: #f4ac00;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.2;
padding: 0.6rem 1rem;
position: absolute;
text-align: center;
width: 14.2rem;
}
.m-survey__label > div:before {
position: absolute;
border: 0.6rem solid transparent;
content: "";
left: auto;
border-left: 0;
top: 50%;
bottom: auto;
right: 100%;
margin-top: -0.6rem;
margin-right: 0;
border-right-color: #f4ac00;
}
.m-survey__label > div:after {
position: absolute;
border: 0.5rem solid transparent;
content: "";
left: auto;
border-left: 0;
top: 50%;
bottom: auto;
right: 100%;
margin-top: -0.5rem;
margin-right: 0;
border-right-color: #fff;
}
}
.m-survey__label.m-survey__label--error > div {
border-color: #c52223;
color: #c52223;
}
.m-survey__label.m-survey__label--error > div:before {
border-right-color: #c52223;
}
.m-survey__desc {
display: -ms-flexbox;
display: flex;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.2;
padding: 0 0.4rem;
}
.m-survey__desc > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.m-survey__faded.ng-scope {
display: block !important;
}
.m-tab {
width: 100%;
}
.m-tab > div {
padding: 2.8rem;
color: #2c2b2b;
background: #fff;
text-align: center;
}
.m-tab > div:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 768px) {
.m-tab > div {
display: -ms-flexbox;
display: flex;
}
}
.m-tab > div > div {
margin-bottom: 2.8rem;
padding-bottom: 2.8rem;
border-bottom: 0.2rem solid #f2f2f2;
}
@media only screen and (min-width: 768px) {
.m-tab > div > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0;
padding-bottom: 0;
border-right: 0.2rem solid #f2f2f2;
border-bottom: none;
}
}
.m-tab > div > div:last-child {
border-right: none;
border-bottom: none;
}
.m-tab > div h3 {
margin-bottom: 0.7rem;
font-size: 1.8rem;
}
.m-tab > div address {
margin-bottom: 0.7rem;
}
.m-tab > div small {
display: block;
margin-bottom: 2.1rem;
font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
.m-tab.m-tab--foursquare > div {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.m-tab.m-tab--foursquare > div > div {
margin-bottom: 0;
padding: 2.8rem 0 0;
}
.m-tab.m-tab--foursquare > div > div:nth-child(1),
.m-tab.m-tab--foursquare > div > div:nth-child(2) {
border-bottom: 0.2rem solid #f2f2f2;
padding-bottom: 2.8rem;
padding-top: 0;
}
.m-tab.m-tab--foursquare > div > div:nth-child(odd) {
border-right: 0.2rem solid #f2f2f2;
padding-right: 0.9rem;
}
.m-tab.m-tab--foursquare > div > div:nth-child(even) {
border-right: none;
padding-left: 0.9rem;
}
}
.m-tab-nav {
width: 100%;
margin-bottom: 1.4rem;
text-align: center;
}
.m-tab-nav ul {
margin-bottom: -0.7rem;
}
@media only screen and (min-width: 768px) {
.m-tab-nav ul {
margin-bottom: 0;
}
}
.m-tab-nav ul li {
display: inline-block;
margin: 0 1.4rem 1.4rem;
}
@media only screen and (min-width: 568px) {
.m-tab-nav ul li {
margin: 0 2.8rem 1.4rem;
}
}
.m-tab-nav ul li.selected {
position: relative;
}
@media only screen and (min-width: 360px) {
.m-tab-nav ul li.selected:after {
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: -5rem;
border-bottom-color: #fff;
}
}
@media only screen and (min-width: 768px) {
.m-tab-nav ul li.selected:after {
position: absolute;
border: 1.3rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1.3rem;
margin-bottom: -5.6rem;
border-bottom-color: #fff;
}
}
.m-tab-nav ul li.selected > a {
border-bottom: 0;
}
.m-tab-nav ul li > a {
border-bottom: 0.2rem solid #fff;
margin-bottom: 0.7rem;
padding-bottom: 0.7rem;
color: #fff;
font-size: 1.5rem;
}
@media only screen and (min-width: 568px) {
.m-tab-nav ul li > a {
font-size: 1.8rem;
}
}
.m-tab-nav--buttons {
margin-bottom: 0;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--buttons ul {
margin: 0 -0.9rem;
display: -ms-flexbox;
display: flex;
}
}
.m-tab-nav--buttons ul li {
margin: 0 0 2.8rem;
width: 100%;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--buttons ul li {
width: auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 0.9rem 3.6rem;
}
}
.m-tab-nav--buttons ul li > a {
border-bottom: 0;
display: block;
font-size: 1.5rem;
padding: 1.4rem 1rem;
}
.m-tab-nav--buttons ul li.selected:after {
content: none;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--buttons ul li.selected:after {
content: "";
margin-bottom: -8.4rem;
}
}
.m-tab-nav--buttons ul li:not(.selected) > a {
color: #2c2b2b;
}
.m-tab-nav--corporate {
text-align: left;
}
@media only screen and (min-width: 768px) {
.m-tab-nav--corporate {
position: absolute;
right: 0;
left: 0;
margin-top: -5.6rem;
background: #fff;
height: 5rem;
}
}
.m-tab-nav--corporate ul {
width: 960px;
margin: 0 auto;
position: relative;
top: 2.1rem;
}
.m-tab-nav--corporate ul li {
display: block;
margin: 0;
margin-bottom: 1.4rem;
font-size: 1.5rem;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--corporate ul li {
display: inline-block;
margin-right: 1.4rem;
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.m-tab-nav--corporate ul li {
margin-right: 0;
font-size: 1.8rem;
}
}
@media only screen and (min-width: 360px) {
.m-tab-nav--corporate ul li.selected:after {
content: none;
}
}
@media only screen and (min-width: 768px) {
.m-tab-nav--corporate ul li.selected:after {
content: none;
}
}
.m-tab-nav--corporate ul li.selected > a {
border-bottom: none;
}
@media only screen and (min-width: 768px) {
.m-tab-nav--corporate ul li.selected > a {
background: #f2f2f2;
}
}
.m-tab-nav--corporate ul li > a {
border-bottom: 0;
color: #f4ac00;
}
@media only screen and (min-width: 768px) {
.m-tab-nav--corporate ul li > a {
position: relative;
top: -0.7rem;
padding: 1.4rem;
}
}
.m-tab-nav--cyber {
margin: 0 0 2rem;
padding-top: 2.8rem;
height: 100%;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber {
padding-right: 6rem;
}
}
.m-tab-nav--cyber > ul {
border-bottom: 0.2rem solid #f4ac00;
height: 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber > ul {
width: auto;
display: block;
border-bottom: 0;
border-right: 0.2rem solid #f4ac00;
}
}
.m-tab-nav--cyber > ul > li {
-ms-flex: 1 1 33.33333%;
flex: 1 1 33.33333%;
display: block;
position: relative;
margin: 0;
text-align: center;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber > ul > li {
text-align: right;
}
}
.m-tab-nav--cyber > ul > li:after {
content: "";
background: #2c2b2b;
border: 0.2rem solid #f4ac00;
border-bottom-width: 0;
border-right-width: 0;
height: 0;
margin-bottom: 0;
margin-left: 0;
width: 0;
top: auto;
bottom: -0.2rem;
left: 50%;
right: auto;
position: absolute;
-ms-transform: rotate(225deg);
transform: rotate(225deg);
transition: all 0.2s;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber > ul > li:after {
margin-right: -0.2rem;
top: 50%;
left: auto;
right: 0;
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
}
.m-tab-nav--cyber > ul > li > a {
display: block;
border-bottom: 0;
margin-bottom: 0;
font-size: 1.8rem;
padding: 0 1rem 1rem;
transition: color 0.2s;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber > ul > li > a {
padding: 1rem 4rem 1rem 0;
}
}
.m-tab-nav--cyber > ul > li.selected:after {
border: 0.2rem solid #f4ac00;
border-bottom-width: 0;
border-right-width: 0;
top: auto;
left: 50%;
bottom: -1.1rem;
right: auto;
height: 2rem;
margin-bottom: 0;
margin-left: -1rem;
width: 2rem;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--cyber > ul > li.selected:after {
margin-top: -1rem;
margin-left: 0;
top: 50%;
left: auto;
right: -1rem;
}
}
.m-tab-nav--cyber > ul > li.selected > a {
color: #f4ac00;
}
.m-tab-nav--square {
background: #f2f2f2;
max-width: calc(1200px + 10rem);
margin: 0 auto;
padding: 0 1.4rem;
position: relative;
z-index: 5;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--square {
background: transparent;
padding: 0 5rem;
}
}
.m-tab-nav--square > button {
background: #fff;
border: 0.2rem solid #f4ac00;
color: #f4ac00;
width: calc(1 / 3 * 100% - 2 / 3 * 1.8rem);
font-size: 1.8rem;
font-weight: 500;
vertical-align: top;
position: relative;
padding: 0;
margin-left: 1.8rem;
margin-top: 1.8rem;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--square > button {
margin-top: 0;
width: calc(1 / 6 * 100% - 5 / 6 * 1.8rem);
}
}
.m-tab-nav--square > button:first-child,
.m-tab-nav--square > button:nth-child(4) {
margin-left: 0;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--square > button:nth-child(4) {
margin-left: 1.8rem;
}
}
.m-tab-nav--square > button.m-tab-nav--active {
background: #f4ac00;
color: #fff;
}
@media only screen and (min-width: 568px) {
.m-tab-nav--square > button.m-tab-nav--active:after {
position: absolute;
border: 1.5rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1.5rem;
margin-top: 0;
border-top-color: #f4ac00;
}
}
.m-tab-nav--square > button > span {
display: block;
padding-top: 100%;
position: relative;
}
.m-tab-nav--square > button > span > span {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
padding: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.m-tab-nav--square > button > span > span > svg {
display: block;
margin: 0 auto;
width: 3rem;
height: 3rem;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
@media only screen and (min-width: 768px) {
.m-tab-nav--square > button > span > span > svg {
width: 5rem;
height: 5rem;
}
}
.m-tab-nav--square > button > span > span > span {
display: none;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
@media only screen and (min-width: 1024px) {
.m-tab-nav--square > button > span > span > span {
display: block;
}
}
.m-table-disq__table > img {
width: 100%;
}
.m-table-disq__table > img.desktop {
display: none;
}
@media only screen and (min-width: 568px) {
.m-table-disq__table > img.desktop {
display: inline;
}
}
@media only screen and (min-width: 568px) {
.m-table-disq__table > img.mobile {
display: none;
}
}
.m-table-disq__info {
margin-top: 2.8rem;
}
@media only screen and (min-width: 1024px) {
.m-table-disq__info {
display: table;
table-layout: fixed;
}
}
.m-table-disq__info > div {
margin-bottom: 2.8rem;
text-align: center;
}
@media only screen and (min-width: 1024px) {
.m-table-disq__info > div {
display: table-cell;
width: 33.3333333333%;
padding: 0 0.9rem;
vertical-align: top;
margin-bottom: 0;
}
}
.m-table-disq__info > div:first-child {
padding-left: 0;
}
.m-table-disq__info > div:last-child {
padding-right: 0;
}
.m-table-disq__info > div blockquote {
text-align: center;
}
.m-table-disq__info > div > a {
max-width: 100%;
}
.m-table-disq__info > div > a > img {
width: 100%;
}
.m-tag-list__tag {
margin-right: 0.3rem;
margin-bottom: 0.7rem;
padding: 1rem 1.4rem;
color: #f4ac00;
font-size: 1.5rem;
font-weight: 500;
transition: background 0.2s;
}
.m-tag-list__tag.active {
color: #595a59;
}
.m-tag-list__tag:hover {
background: #e8e8e8;
}
.m-topscroll {
bottom: -11.2rem;
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
right: 2.8rem;
background: #fff;
border-radius: 0.3rem;
color: #f08100;
padding: 0.7rem 1.4rem;
position: fixed;
z-index: 1000000;
opacity: 0;
cursor: pointer;
transition: all 0.5s;
}
.m-topscroll > i {
vertical-align: -0.2rem;
}
.m-topscroll.is-visible {
opacity: 1;
transform: translate3d(0, -14rem, 0);
}
.m-video-chat__icon-box {
background: #fff url("assets/images/video-chat.svg") no-repeat center 65%;
height: 12.5rem;
margin: -1rem 0 0.4rem;
}
@media only screen and (min-width: 768px) {
.m-video-chat__icon-box {
width: 90%;
}
}
.m-video-chat__status-box {
background: #fff;
padding: 1.4rem;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.m-video-chat__status-box {
width: 90%;
}
}
.m-video-chat__status {
background: #c52223;
border-radius: 50%;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 0.5rem;
}
.m-video-chat__status.m-video-chat__status--online {
background: #5fb900;
}
.l-benefit-placement {
position: relative;
}
.l-benefit-placement.l-benefit-placement--tall {
padding: 2.8rem 0;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement.l-benefit-placement--tall {
padding: 4.2rem 0;
}
}
.l-benefit-placement .l-richtext {
margin-bottom: 2.8rem;
}
.l-benefit-placement .m-button--light:hover,
.l-benefit-placement .m-tab-nav--buttons ul li:not(.selected) > a:hover,
.m-tab-nav--buttons ul .l-benefit-placement li:not(.selected) > a:hover {
background: #fafafa;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__list {
position: relative;
padding-right: 33.3333333333%;
}
}
.l-benefit-placement__list > div > .l-benefit-placement__list__headline {
margin-bottom: 2.1rem;
font-size: 2rem;
}
.l-benefit-placement__list .m-list--ordered,
.l-benefit-placement__list .l-richtext ol,
.l-richtext .l-benefit-placement__list ol {
margin-bottom: 2.8rem;
}
.l-benefit-placement__list .m-list--ordered:last-child,
.l-benefit-placement__list .l-richtext ol:last-child,
.l-richtext .l-benefit-placement__list ol:last-child {
margin-bottom: 0;
}
.l-benefit-placement__list .m-list--ordered li,
.l-benefit-placement__list .l-richtext ol li,
.l-richtext .l-benefit-placement__list ol li {
position: relative;
margin-bottom: 2.8rem;
padding-top: 4.2rem;
padding-left: 0;
text-align: center;
}
.l-benefit-placement__list .m-list--ordered li:last-child,
.l-benefit-placement__list .l-richtext ol li:last-child,
.l-richtext .l-benefit-placement__list ol li:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__list .m-list--ordered li,
.l-benefit-placement__list .l-richtext ol li,
.l-richtext .l-benefit-placement__list ol li {
padding-top: 0;
padding-left: 7rem;
text-align: left;
}
}
.l-benefit-placement__list .m-list--ordered li:before,
.l-benefit-placement__list .l-richtext ol li:before,
.l-richtext .l-benefit-placement__list ol li:before {
position: absolute;
top: 0;
left: 50%;
width: 5.6rem;
height: 5.6rem;
border: 0.3rem solid #f4ac00;
border-radius: 50%;
font-size: 3.6rem;
font-weight: 300;
line-height: 4.9rem;
text-align: center;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__list .m-list--ordered li:before,
.l-benefit-placement__list .l-richtext ol li:before,
.l-richtext .l-benefit-placement__list ol li:before {
top: 50%;
left: 0;
border: none;
border-radius: 0;
font-size: 7rem;
text-align: left;
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
}
.l-benefit-placement__list .m-list--ordered li > strong,
.l-benefit-placement__list .l-richtext ol li > strong,
.l-richtext .l-benefit-placement__list ol li > strong {
display: block;
margin-top: 2.8rem;
margin-bottom: 0.7rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__list .m-list--ordered li > strong,
.l-benefit-placement__list .l-richtext ol li > strong,
.l-richtext .l-benefit-placement__list ol li > strong {
margin-bottom: 0;
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__list--wide {
padding-right: 25%;
}
}
.l-benefit-placement__sidebar {
display: none;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__sidebar {
position: absolute;
top: 0;
bottom: 0;
left: 69.6666666667%;
display: block;
width: 30.3333333333%;
}
.l-benefit-placement__sidebar.l-benefit-placement__sidebar--border {
border-left: 0.2rem solid #f2f2f2;
}
.l-benefit-placement__sidebar > div {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding-right: 2.8rem;
padding-left: 2.8rem;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.l-benefit-placement__sidebar > div > img {
display: block;
max-width: 100%;
margin: 0 auto;
margin-bottom: 1.4rem;
}
.l-benefit-placement__sidebar > div > p {
color: #595a59;
font-size: 1.5rem;
line-height: 2.1rem;
text-align: center;
}
}
.l-benefit-placement__image {
position: absolute;
top: -2.8rem;
right: 0;
bottom: -4.2rem;
left: 66.6666666667%;
display: none;
overflow: hidden;
min-height: 100%;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__image {
display: block;
}
}
.l-benefit-placement__image > img {
display: none;
}
.l-benefit-placement__signet {
position: absolute;
right: -2.8rem;
bottom: 5.6rem;
display: none;
max-width: 20%;
}
@media only screen and (min-width: 768px) {
.l-benefit-placement__signet {
display: block;
}
}
.l-branch-selection {
text-align: center;
}
.l-branch-selection > h4 {
font-size: 2.2rem;
}
.l-branch-selection > .m-button,
.m-tab-nav--buttons ul li.l-branch-selection > a,
.m-chatbot__panel .wc-app .l-branch-selection > button {
margin-top: 0;
margin-right: 0;
margin-bottom: 0.7rem;
}
@media only screen and (min-width: 768px) {
.l-branch-selection > .m-button,
.m-tab-nav--buttons ul li.l-branch-selection > a,
.m-chatbot__panel .wc-app .l-branch-selection > button {
margin-right: 0.7rem;
}
}
.l-branch-selection > .m-button:first-of-type,
.m-tab-nav--buttons ul li.l-branch-selection > a:first-of-type,
.m-chatbot__panel .wc-app .l-branch-selection > button:first-of-type {
margin-top: 1.4rem;
}
.l-branding-header {
box-shadow: 0 0 1rem rgba(89, 90, 89, 0.5);
position: fixed;
top: 0;
width: 100%;
z-index: 10000001;
}
.l-branding-header > div {
height: 8rem;
}
.l-branding-header__back {
display: block;
float: left;
font-size: 3rem;
padding: 2.2rem;
}
.l-branding-header__logo {
position: absolute;
display: table;
margin-left: 7rem;
height: 8rem;
width: 30%;
transition: margin 0.5s;
}
.l-branding-header__logo > div {
padding: 1rem 0;
height: 8rem;
display: table-cell;
vertical-align: middle;
}
.l-branding-header__logo > div > img {
max-height: 100%;
}
@media only screen and (min-width: 768px) {
.l-branding-header__logo {
margin: 0 35%;
text-align: center;
}
}
.l-branding-header__text {
display: table;
float: right;
font-size: 1.2rem;
height: 100%;
line-height: 1.6rem;
padding-right: 1.4rem;
text-align: right;
width: 50%;
transition: width 0.5s;
}
@media only screen and (min-width: 568px) {
.l-branding-header__text {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media only screen and (min-width: 768px) {
.l-branding-header__text {
font-size: 1.8rem;
line-height: 2.4rem;
padding-right: 2.8rem;
width: 30%;
}
}
.l-branding-header__text > span {
display: table-cell;
height: 8rem;
text-align: right;
vertical-align: middle;
}
.l-broker-search {
position: relative;
height: 100vh;
overflow: hidden;
}
.l-broker-search > h2 {
position: relative;
top: 1.4rem;
left: 0;
padding-left: 1.4rem;
padding-right: 5rem;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: 500;
line-height: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-broker-search > h2 {
display: none;
}
}
.l-broker-search .angular-google-map {
position: absolute;
z-index: 1;
top: 8.4rem;
right: 0;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
.l-broker-search .angular-google-map {
top: 0;
}
}
.l-broker-search .angular-google-map > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.l-broker-search .m-broker-search-teaser__form input {
background: #f2f2f2;
box-shadow: inset 0 0 0.6rem rgba(44, 43, 43, 0.2);
}
.l-broker-search .m-broker-search-teaser__form input + button {
right: 0.7rem;
}
.l-broker-search .gm-bundled-control {
display: none;
}
@media only screen and (min-width: 568px) {
.l-broker-search .gm-bundled-control {
display: block;
}
}
.l-broker-search__search {
position: absolute;
z-index: 2;
top: 9.8rem;
right: 1.4rem;
left: 1.4rem;
background: rgba(255, 255, 255, 0.9);
text-align: left;
}
.l-broker-search__search:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 768px) {
.l-broker-search__search {
padding-top: 2.1rem;
}
}
@media only screen and (min-width: 1024px) {
.l-broker-search__search {
top: 2.8rem;
right: auto;
width: 40rem;
}
}
.l-broker-search__search > p {
display: none;
}
@media only screen and (min-width: 768px) {
.l-broker-search__search > p {
display: block;
}
}
.l-broker-search__search > h2 {
display: none;
font-family: "Roboto", sans-serif;
font-size: 2.2rem;
font-weight: 500;
line-height: 2.8rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-broker-search__search > h2 {
display: block;
}
}
.l-broker-search__search .m-search-field i {
cursor: pointer;
transition: color 0.2s;
}
.l-broker-search__search .m-search-field i.ico-crosshair {
color: #f4ac00;
}
.l-broker-search__search .m-search-field i.ico-crosshair:hover,
.l-broker-search__search .m-search-field i.ico-crosshair:focus {
color: #f08100;
}
.l-broker-search__search .m-form__validation-message {
margin-top: 2.1rem;
margin-bottom: 0.7rem;
}
.l-broker-search__results {
position: absolute;
z-index: 2;
top: 15.4rem;
right: 1.4rem;
bottom: 2.8rem;
left: 1.4rem;
overflow: auto;
padding: 1.4rem 0;
background: rgba(255, 255, 255, 0.9);
text-align: left;
-webkit-overflow-scrolling: touch;
animation: expand 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-broker-search__results {
top: 30.8rem;
width: 50%;
padding: 2.1rem 0 2.8rem;
}
}
@media only screen and (min-width: 1024px) {
.l-broker-search__results {
top: 29.4rem;
right: auto;
width: 40rem;
}
}
.l-broker-search__results.hidden {
display: none;
}
@media only screen and (min-width: 1024px) {
.l-broker-search__results.hidden {
display: block;
}
}
.l-broker-search__results > ul > li {
padding: 0.7rem 1.4rem 0.7rem;
cursor: pointer;
}
.l-broker-search__results > ul > li:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 768px) {
.l-broker-search__results > ul > li {
padding: 0.7rem 2.8rem 1.4rem 1.4rem;
}
}
.l-broker-search__results > ul > li.active {
background: #f2f2f2;
}
.l-broker-search__results > ul > li > div {
position: relative;
}
.l-broker-search__results > ul > li > div address {
display: block;
width: 80%;
margin-left: 20%;
padding-left: 1.8rem;
font-size: 1.5rem;
font-style: normal;
line-height: 1.82rem;
word-break: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
}
@media only screen and (min-width: 768px) {
.l-broker-search__results > ul > li > div address {
font-size: 1.6rem;
line-height: 2.1rem;
}
}
.l-broker-search__results > ul > li > div strong {
display: block;
color: #f4ac00;
}
.l-broker-search__results > ul > li > div .l-broker-search__result-badge {
position: relative;
float: left;
display: block;
width: 20%;
padding-bottom: 20%;
border-radius: 50%;
color: #fff;
background: #f4ac00;
font-size: 1.5rem;
font-weight: 500;
line-height: 0;
}
.l-broker-search__results
> ul
> li
> div
.l-broker-search__result-badge
> span {
position: absolute;
top: 50%;
left: 50%;
line-height: 1.2;
text-align: center;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.l-broker-search__result {
position: fixed;
z-index: 999;
top: 100%;
left: 0;
width: 100%;
max-height: 100vh;
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1024px) {
.l-broker-search__result {
top: 30.8rem !important;
left: 42.8rem;
width: auto;
}
}
.l-broker-search__result.collapsed {
top: 100%;
margin-top: -5.6rem;
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 768px) {
.l-broker-search__result.collapsed {
margin-top: -9rem;
}
}
@media only screen and (min-width: 1024px) {
.l-broker-search__result.collapsed {
top: auto;
margin-top: 0;
}
}
.l-broker-search__result.collapsed > header {
width: auto;
}
.l-broker-search__result.collapsed > header h3 {
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.l-broker-search__result.collapsed > header > span {
top: 6rem;
}
.l-broker-search__result > header {
position: relative;
width: 100%;
margin-top: -1rem;
margin-bottom: 0;
background: transparent;
}
.l-broker-search__result > header i {
position: relative;
top: 0.5rem;
}
.l-broker-search__result > header h3 {
overflow: hidden;
width: 80%;
color: #f4ac00;
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
font-weight: 500;
text-align: left;
cursor: pointer;
transition: width 0.5s;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > header h3 {
width: 80%;
padding-bottom: 2.8rem;
padding-left: 1.4rem;
color: #2c2b2b;
font-size: 3rem;
line-height: 4.2rem;
}
}
@media only screen and (min-width: 1024px) {
.l-broker-search__result > header h3 {
padding-right: 2.8rem;
padding-bottom: 0;
padding-left: 0;
cursor: default;
}
}
@media only screen and (min-width: 1200px) {
.l-broker-search__result > header h3 {
padding-bottom: 1.4rem;
}
}
.l-broker-search__result > header span {
position: absolute;
top: 1.4rem;
right: -1.4rem;
width: 7rem;
height: 7rem;
border-radius: 50%;
color: #fff;
background: #f4ac00;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.1rem;
transition: top 0.5s;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > header span {
right: -2.8rem;
}
}
.l-broker-search__result > header span > em {
display: block;
margin-top: 1.6rem;
font-size: 2.2rem;
font-weight: 300;
font-style: normal;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > header span > em {
margin-top: 3rem;
font-size: 3.6rem;
}
}
.l-broker-search__result > header span > a {
color: #fff;
font-size: 3.2rem;
line-height: 7rem;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > header span > a {
font-size: 4rem;
line-height: 7.6rem;
}
}
.l-broker-search__result > div {
text-align: left;
}
.l-broker-search__result > div:after {
clear: both;
display: table;
content: "";
}
.l-broker-search__result > div strong {
display: block;
padding-right: 1.4rem;
line-height: 2.24rem;
}
.l-broker-search__result > div img {
height: 100%;
}
.l-broker-search__result > div address,
.l-broker-search__result > div aside {
width: 100%;
min-width: 20rem;
margin-bottom: 7rem;
padding-right: 2.8rem;
font-style: normal;
line-height: 2.24rem;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div address,
.l-broker-search__result > div aside {
float: left;
width: 50% !important;
margin-bottom: 0;
line-height: 2.8rem;
}
}
@media only screen and (min-width: 1200px) {
.l-broker-search__result > div address,
.l-broker-search__result > div aside {
margin-top: 0;
}
}
.l-broker-search__result > div aside {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 7rem;
margin-bottom: 0;
padding: 1.4rem 1.4rem;
background: #f2f2f2;
}
.l-broker-search__result > div aside:after {
clear: both;
display: table;
content: "";
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div aside {
position: relative;
float: left;
width: 50%;
height: auto;
padding: 0;
background: transparent;
}
}
.l-broker-search__result > div aside > .m-button,
.l-broker-search__result > div .m-chatbot__panel .wc-app aside > button,
.m-chatbot__panel .wc-app .l-broker-search__result > div aside > button {
float: left;
display: block;
width: 49%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div aside > .m-button,
.l-broker-search__result > div .m-chatbot__panel .wc-app aside > button,
.m-chatbot__panel .wc-app .l-broker-search__result > div aside > button {
width: 100%;
margin-bottom: 1.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div aside > .m-button.phone-button,
.l-broker-search__result
> div
.m-chatbot__panel
.wc-app
aside
> button.phone-button,
.m-chatbot__panel
.wc-app
.l-broker-search__result
> div
aside
> button.phone-button {
display: none;
}
}
.l-broker-search__result > div aside > .m-button.callback-button,
.l-broker-search__result
> div
.m-chatbot__panel
.wc-app
aside
> button.callback-button,
.m-chatbot__panel
.wc-app
.l-broker-search__result
> div
aside
> button.callback-button {
display: none;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div aside > .m-button.callback-button,
.l-broker-search__result
> div
.m-chatbot__panel
.wc-app
aside
> button.callback-button,
.m-chatbot__panel
.wc-app
.l-broker-search__result
> div
aside
> button.callback-button {
display: inline-block;
}
}
.l-broker-search__result > div aside > .m-button:first-child,
.l-broker-search__result
> div
.m-chatbot__panel
.wc-app
aside
> button:first-child,
.m-chatbot__panel
.wc-app
.l-broker-search__result
> div
aside
> button:first-child {
margin-right: 2%;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result > div aside > .m-button:first-child,
.l-broker-search__result
> div
.m-chatbot__panel
.wc-app
aside
> button:first-child,
.m-chatbot__panel
.wc-app
.l-broker-search__result
> div
aside
> button:first-child {
margin-right: 0;
}
}
.l-broker-search__result-window {
position: relative;
top: 0 !important;
left: 0;
display: none;
width: 100%;
color: #2c2b2b;
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
-ms-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1024px) {
.l-broker-search__result-window {
display: block;
}
}
.l-broker-search__result-window .l-broker-search__result__close-button {
top: -1.4rem;
right: -2.8rem;
}
.l-broker-search__result-window > div {
margin-bottom: 5.6rem;
}
.l-broker-search__result-window > div:after {
clear: both;
display: table;
content: "";
}
.l-broker-search__result-window > div > .m-button,
.m-chatbot__panel .wc-app .l-broker-search__result-window > div > button {
float: right;
margin-right: -0.7rem;
}
.l-broker-search__result-window > div > .m-button > i,
.m-chatbot__panel .wc-app .l-broker-search__result-window > div > button > i {
display: block;
float: left;
font-size: 2.2rem;
line-height: 0;
margin-top: -0.1rem;
}
.l-broker-search__result-window > div > address {
float: left;
width: 56%;
font-style: normal;
}
.l-broker-search__result-window > div > address strong {
display: block;
color: #f4ac00;
line-height: 2.52rem;
}
.l-broker-search__result-window > aside {
position: absolute;
right: -2.8rem;
bottom: -8.4rem;
left: -2.8rem;
padding: 1.4rem;
background: #f2f2f2;
}
.l-broker-search__result-window > aside > .m-button,
.m-chatbot__panel .wc-app .l-broker-search__result-window > aside > button {
width: 48%;
white-space: nowrap;
}
.l-broker-search__result-window > aside > .m-button:first-child,
.m-chatbot__panel
.wc-app
.l-broker-search__result-window
> aside
> button:first-child {
margin-right: 2%;
}
.l-broker-search__window {
position: absolute;
min-width: 48rem;
max-width: 52rem;
padding: 1.4rem 2.8rem 2.8rem;
background: #fff;
box-shadow: 0 0 1rem rgba(44, 43, 43, 0.2);
transform: translate3d(-50%, -100%, 0) !important;
}
.l-broker-search__window:after {
position: absolute;
top: 100%;
left: 50%;
content: "";
position: absolute;
border: 1rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -1rem;
margin-top: 0;
border-top-color: #f2f2f2;
}
.l-broker-search__window > img:first-child {
display: none;
}
.l-broker-search__result__close-button {
position: absolute;
top: 0.4rem;
right: 0;
color: #f4ac00;
background: transparent;
transition: color 0.2s;
}
@media only screen and (min-width: 768px) {
.l-broker-search__result__close-button {
top: 1.6rem;
right: 0.7rem;
font-size: 2.6rem;
}
}
.l-broker-search__result__close-button:hover {
color: #f08100;
}
.l-broker-search__cluster > div {
width: 54px !important;
color: #fff !important;
line-height: 54px !important;
}
@keyframes expand {
from {
max-height: 0;
}
to {
max-height: 100vh;
}
}
.l-buildprotect-stage {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100vh;
max-height: 94rem;
background: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.l-buildprotect-stage {
position: fixed;
}
}
.l-buildprotect-stage > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 100vw;
max-width: 1440px;
min-height: 330px;
width: 100%;
margin: 0 auto;
background: transparent;
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage > div {
position: relative;
background-repeat: no-repeat;
background-position: center 35%;
background-size: cover;
}
}
.l-buildprotect-stage .l-buildprotect-stage__images {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.l-buildprotect-stage .m-contact-bar {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.l-buildprotect-stage__mobile {
position: absolute;
top: 0;
left: 0;
width: auto;
height: 100vh;
object-fit: cover;
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage__mobile {
display: none;
}
}
.l-buildprotect-stage__barbara {
position: absolute;
bottom: 0;
display: none;
transform: translate3d(-3%, 0, 0);
transition: transform 1s 0.3s;
}
.l-buildprotect-stage__barbara,
.l-initialized-add .l-buildprotect-stage__barbara,
.l-initialized.l-initialized-add .l-buildprotect-stage__barbara {
transform: translate3d(0%, 0, 0);
}
.l-initialized .l-buildprotect-stage__barbara {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage__barbara {
display: block;
width: 100vw;
height: auto;
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) {
.l-buildprotect-stage__barbara {
bottom: -15rem;
}
}
@media only screen and (min-width: 1024px) {
.l-buildprotect-stage__barbara {
bottom: -20rem;
left: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.l-buildprotect-stage__barbara {
left: 0;
width: 100%;
bottom: -35rem;
}
}
.l-buildprotect-stage__text {
position: absolute;
bottom: 12%;
text-align: center;
left: 2%;
right: 2%;
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage__text {
left: auto;
right: 14%;
}
}
@media only screen and (min-width: 768px) {
.l-buildprotect-stage__text {
right: 10%;
text-align: left;
bottom: 35%;
max-width: 45rem;
}
}
@media only screen and (min-width: 1024px) {
.l-buildprotect-stage__text {
max-width: 50rem;
}
}
@media only screen and (min-width: 1200px) {
.l-buildprotect-stage__text {
max-width: 60rem;
right: 20%;
}
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage__text .m-button,
.l-buildprotect-stage__text .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-buildprotect-stage__text li > a,
.l-buildprotect-stage__text .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-buildprotect-stage__text button {
padding: 1rem 3rem;
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1200px) {
.l-buildprotect-stage__text .m-button,
.l-buildprotect-stage__text .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-buildprotect-stage__text li > a,
.l-buildprotect-stage__text .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-buildprotect-stage__text button {
padding: 2rem 6rem;
font-size: 2.2rem;
}
}
.l-buildprotect-stage__text .m-button--flagged {
font-size: 1.8rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 0.5s ease-out;
}
.l-buildprotect-stage__text .m-button--flagged,
.l-initialized-add .l-buildprotect-stage__text .m-button--flagged,
.l-initialized.l-initialized-add
.l-buildprotect-stage__text
.m-button--flagged {
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.l-initialized .l-buildprotect-stage__text .m-button--flagged {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-buildprotect-stage__text .m-button--flagged {
font-size: 2.2rem;
}
}
.l-buildprotect-stage__headline {
font-size: 2.6rem;
line-height: 1.1;
color: #f4ac00;
margin-bottom: 0.5rem;
text-transform: uppercase;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 1.3s;
}
.l-buildprotect-stage__headline,
.l-initialized-add .l-buildprotect-stage__headline,
.l-initialized.l-initialized-add .l-buildprotect-stage__headline {
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-buildprotect-stage__headline {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.l-buildprotect-stage__headline {
text-align: left;
font-size: 4.2rem;
margin-bottom: 1.4rem;
}
}
@media only screen and (min-width: 1200px) {
.l-buildprotect-stage__headline {
font-size: 5.4rem;
}
}
.l-buildprotect-stage__subline {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 1.4rem;
color: #fff;
margin-bottom: 0.7rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 0.7s;
}
.l-buildprotect-stage__subline,
.l-initialized-add .l-buildprotect-stage__subline,
.l-initialized.l-initialized-add .l-buildprotect-stage__subline {
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-buildprotect-stage__subline {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.l-buildprotect-stage__subline {
font-size: 2.8rem;
}
}
.l-broker-bc__header {
background-color: #f2f2f2;
background-image: url(assets/images/vhv_vermittler-vk-bg.jpg);
background-size: cover;
padding-left: 1.4rem;
padding-right: 1.4rem;
min-height: 0 !important;
}
.l-broker-bc__header:after {
background-color: rgba(44, 43, 43, 0.6);
}
.l-broker-bc__header p:before {
content: none;
}
.l-broker-bc__broker-stage-image {
display: none;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__broker-stage-image {
bottom: -4.2rem;
display: block;
margin-right: 30%;
max-width: 260px;
position: absolute;
right: -180px;
}
.l-broker-bc__broker-stage-image > img {
display: block;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.l-broker-bc__broker-stage-image {
bottom: -4.2rem;
max-width: 300px;
}
}
@media only screen and (min-width: 1024px) {
.l-broker-bc__broker-stage-image {
margin-right: 0;
right: 11rem;
}
}
.l-broker-bc__broker-image {
border: 0.3rem solid #fff;
border-radius: 50%;
margin: 0 auto;
height: 11rem;
overflow: hidden;
width: 11rem;
}
.l-broker-bc__broker-image > img {
display: block;
width: 100%;
}
.l-broker-bc__broker-image.l-broker-bc__broker-image--successor,
.l-broker-bc__broker-image.l-broker-bc__broker-image--footer {
background-color: rgba(44, 43, 43, 0.1);
border: 0;
float: left;
height: 25vw;
margin: 0 2.8rem 0 0;
max-width: 16rem;
max-height: 16rem;
width: 25vw;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__broker-image.l-broker-bc__broker-image--successor,
.l-broker-bc__broker-image.l-broker-bc__broker-image--footer {
margin-bottom: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-broker-bc__broker-image.l-broker-bc__broker-image--successor,
.l-broker-bc__broker-image.l-broker-bc__broker-image--footer {
margin-bottom: 0;
}
}
h1.l-broker-bc__head {
margin: 0.7rem 0;
padding: 0;
}
.l-broker-bc__subhead {
font-size: 1.8rem;
font-weight: 300;
line-height: 2.8rem;
}
.l-broker-bc__contact-info.l-broker-bc__contact-info--image {
margin-left: 2.8rem;
padding-left: 25vw;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__contact-info.l-broker-bc__contact-info--image {
padding-left: 16rem;
}
}
.l-broker-bc__head-ctas {
font-size: 0;
margin-bottom: 0 !important;
margin: 0 -1.5rem;
}
.l-broker-bc__head-cta {
color: #fff;
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
max-width: 10.2rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-broker-bc__head-cta {
font-size: 1.8rem;
line-height: 2.4rem;
max-width: 13rem;
}
}
.l-broker-bc__head-cta:hover .l-broker-bc__head-cta-button {
background-color: #f08100;
box-shadow: 0 0 0 0.2rem #f08100;
}
.l-broker-bc__head-cta-button {
background: #f4ac00;
border-radius: 50%;
box-shadow: 0 0 0 0 #f08100;
color: #fff;
display: block;
height: 6rem;
margin: 1.4rem auto 0.7rem;
width: 6rem;
transition: all 0.2s;
}
.l-broker-bc__head-cta-button > i {
font-size: 2.8rem;
line-height: 7rem;
}
.l-broker-bc__header--stage {
color: #2c2b2b;
}
.l-broker-bc__header--stage .l-broker-bc__broker-image {
background-color: rgba(44, 43, 43, 0.1);
border: 0;
height: 125px;
width: 125px;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__header--stage {
text-align: left;
}
.l-broker-bc__header--stage .l-broker-bc__broker-image {
display: none;
}
.l-broker-bc__header--stage .l-broker-bc__subhead {
max-width: 60%;
}
}
@media only screen and (min-width: 768px) {
.l-broker-bc__header--stage {
padding-top: 5.6rem;
padding-bottom: 4.2rem;
}
.l-broker-bc__header--stage > div {
min-height: 20rem;
}
}
.l-broker-bc__header--stage:after {
content: none;
}
.l-broker-bc__header--stage .l-broker-bc__head-cta {
color: #2c2b2b;
}
p.l-broker-bc__phone {
font-size: 2.2rem;
font-weight: 500;
margin-bottom: 0;
}
@media only screen and (min-width: 568px) {
p.l-broker-bc__phone {
font-size: 3.2rem;
margin: 2.8rem 0 0.7rem;
}
}
p.l-broker-bc__phone > i {
float: left;
margin-right: 0.7rem;
padding-bottom: 2.8rem;
vertical-align: -0.3rem;
}
@media only screen and (min-width: 568px) {
p.l-broker-bc__phone > i {
margin-right: 1.4rem;
}
}
p.l-broker-bc__phone + p {
font-size: 1.5rem;
line-height: 2rem;
}
@media only screen and (min-width: 768px) {
p.l-broker-bc__phone + p {
font-size: 1.8rem;
line-height: 2.4rem;
}
}
@media only screen and (min-width: 568px) {
.l-broker-bc__service-hours {
border-left: 0.2rem solid #e2e2e2;
padding-left: 2.8rem;
}
}
@media only screen and (min-width: 568px) {
.l-broker-bc__service-hours.l-broker-bc__service-hours--successor.l-broker-bc__service-hours--image {
border-left: 0;
border-top: 0.2rem solid #e2e2e2;
padding-left: 0;
padding-top: 1.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-broker-bc__service-hours.l-broker-bc__service-hours--successor.l-broker-bc__service-hours--image {
border-left: 0.2rem solid #e2e2e2;
border-top: 0;
padding-left: 2.8rem;
padding-top: 0;
}
}
.l-broker-bc__opening {
font-size: 1.5rem;
line-height: 2rem;
width: auto;
}
.l-broker-bc__opening td:last-child {
padding-left: 1.8rem;
text-align: right;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.l-broker-bc__opening {
font-size: 1.8rem;
line-height: 2.4rem;
}
}
.l-broker-bc__address {
background: #fff;
padding: 1.4rem 1.4rem 0.7rem;
position: relative;
width: 100%;
z-index: 10;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__address {
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
min-width: 280px;
padding: 2.8rem;
width: 48%;
}
}
.l-broker-bc__address > p {
margin-bottom: 1.4rem;
}
.l-broker-bc__address address {
margin-bottom: 1.4rem;
}
.l-broker-bc__address img {
display: block;
}
.l-broker-bc__contact-section {
background-position: center center;
background-size: cover;
min-height: 350px;
position: relative;
}
@media only screen and (max-width: 567px) {
.l-broker-bc__contact-section {
padding: 0;
}
}
.l-broker-bc__contact-section > div {
position: relative;
}
@media only screen and (min-width: 768px) {
.l-broker-bc__linklist {
border-left: 0.2rem solid #e2e2e2;
padding-left: 2.8rem;
}
}
.l-broker-bc__zip-search input {
font-size: 2.2rem;
text-align: center;
width: 78%;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__zip-search input {
width: 25rem;
}
}
.l-broker-bc__zip-search .m-button,
.l-broker-bc__zip-search .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-broker-bc__zip-search li > a,
.l-broker-bc__zip-search .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-broker-bc__zip-search button {
width: 20%;
height: 5.3rem;
font-size: 1.8rem;
}
@media only screen and (min-width: 568px) {
.l-broker-bc__zip-search .m-button,
.l-broker-bc__zip-search .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-broker-bc__zip-search li > a,
.l-broker-bc__zip-search .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-broker-bc__zip-search button {
width: 5.3rem;
}
}
.l-broker-bc__zip-search .m-button > i,
.l-broker-bc__zip-search .m-tab-nav--buttons ul li > a > i,
.m-tab-nav--buttons ul .l-broker-bc__zip-search li > a > i,
.l-broker-bc__zip-search .m-chatbot__panel .wc-app button > i,
.m-chatbot__panel .wc-app .l-broker-bc__zip-search button > i {
margin-right: 0.2rem;
}
.l-carousel-stage {
background: #f4ac00;
position: relative;
top: 0;
right: 0;
left: 0;
overflow: hidden;
height: 100vh;
max-height: 94rem;
padding: 5.8rem 0;
transition: padding-top 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-carousel-stage {
padding: 0rem 0 8.6rem;
position: fixed;
left: 0;
right: 0;
top: 0;
}
}
.l-carousel-stage > div {
height: 100%;
overflow: hidden;
}
.l-carousel-stage .flex-direction-nav {
display: none;
z-index: 20;
}
@media only screen and (min-width: 568px) {
.l-carousel-stage .flex-direction-nav {
display: block;
}
}
@media only screen and (min-width: 1024px) {
.l-carousel-stage .flex-prev,
.l-carousel-stage .flex-next {
width: 9rem;
height: 9rem;
line-height: 9rem;
font-size: 4rem;
}
}
.l-carousel-stage__subline {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2rem;
font-weight: 800;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 0.4rem;
}
@media only screen and (min-width: 568px) {
.l-carousel-stage__subline {
font-size: 2.2rem;
}
}
@media only screen and (min-width: 768px) {
.l-carousel-stage__subline {
margin-bottom: 0.8rem;
font-size: 3.2rem;
}
}
.l-carousel-stage__head {
font-size: 3.4rem;
line-height: 1.1;
text-transform: uppercase;
}
@media only screen and (min-width: 568px) {
.l-carousel-stage__head {
font-size: 4.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-carousel-stage__head {
font-size: 7rem;
}
}
.l-carousel-stage__head:after {
animation: blink 1.2s infinite;
background: #2c2b2b;
content: "\a0";
display: inline-block;
opacity: 0.6;
width: 0.3rem;
margin-left: 0.3rem;
}
.l-carousel-stage__slides {
height: 100%;
}
.l-carousel-stage__slide {
height: 100%;
}
.l-carousel-stage__slide-bg {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
background-position: center center;
background-size: cover;
padding: 0 10%;
}
.l-carousel-stage__slide-bg:after {
position: absolute;
display: block;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(244, 172, 0, 0.8);
content: "";
}
.l-carousel-stage__slide-content {
text-align: center;
z-index: 4;
}
.l-carousel-stage__slide-content .m-button--flagged {
margin: 2.8rem auto !important;
overflow: visible;
}
.l-carousel-stage__slide-content .m-button--flagged .m-button__flag {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
.l-carousel-stage__slide-content .m-button--flagged .m-button__flag {
padding: 0.7rem 1.4rem 1.4rem;
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.l-carousel-stage__slide-content .m-button--flagged .m-button__flag strong {
display: block;
font-size: 3.2rem;
}
}
.l-carousel-stage__slide-content .m-button--flagged .m-button,
.l-carousel-stage__slide-content
.m-button--flagged
.m-tab-nav--buttons
ul
li
> a,
.m-tab-nav--buttons
ul
.l-carousel-stage__slide-content
.m-button--flagged
li
> a,
.l-carousel-stage__slide-content
.m-button--flagged
.m-chatbot__panel
.wc-app
button,
.m-chatbot__panel
.wc-app
.l-carousel-stage__slide-content
.m-button--flagged
button {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
font-size: 2.2rem;
}
.l-carousel-stage__progress {
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 0.6rem;
z-index: 10;
}
.l-carousel-stage__progress .l-carousel-stage__progress-inner {
content: "";
background: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
transition: width 6s 1s linear;
}
.flex-active-slide
.l-carousel-stage__progress
.l-carousel-stage__progress-inner.is-initialized {
width: 100%;
transition-delay: 0s;
}
@keyframes blink {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90% {
opacity: 1;
}
}
.l-chatbot-stage__head {
text-transform: uppercase;
font-size: 4rem;
margin: 2.8rem 0;
}
@media only screen and (min-width: 1024px) {
.l-chatbot-stage__head {
font-size: 5.6rem;
line-height: 6.2rem;
margin: 4.2rem 0;
}
}
.l-chatbot-stage__head:after {
display: block;
margin: 3rem auto;
width: 8rem;
height: 0.8rem;
background: #2c2b2b;
content: "";
}
.l-chatbot-stage__avatar {
border: 0.5rem solid #fff;
border-radius: 50%;
background: white;
width: 14rem;
height: 14rem;
margin: 0 auto 2.8rem;
overflow: hidden;
position: relative;
}
.l-chatbot-stage__avatar > img {
width: 165%;
max-width: none;
position: absolute;
left: 50%;
top: 52%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.l-chatbot-stage__copy {
font-size: 1.8rem;
font-weight: 500;
line-height: 2.4rem;
margin: 0 auto 2.8rem;
max-width: 60rem;
}
@media only screen and (min-width: 768px) {
.l-chatbot-stage__copy {
font-size: 2.2rem;
line-height: 3.2rem;
}
}
.l-cyber__header {
position: absolute;
background: transparent;
z-index: 100000010;
}
.l-cyber__header .l-header__nav {
top: 0.7rem;
}
@media only screen and (min-width: 768px) {
.l-cyber__header .l-header__nav {
top: 2.4rem;
}
}
@media only screen and (min-width: 1200px) {
.l-cyber__header .l-header__nav {
top: 0.7rem;
}
}
.l-cyber__stage {
background-position: center center;
background-size: cover;
padding: 8rem 0 0;
}
.l-cyber__stage .l-cyber__topline {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
margin-bottom: 0;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.l-cyber__stage .l-cyber__topline {
font-size: 3.2rem;
}
}
.l-cyber__stage h1 {
color: #f4ac00;
text-transform: uppercase;
font-size: 12vw;
}
@media only screen and (min-width: 568px) {
.l-cyber__stage h1 {
font-size: 7rem;
}
}
@media only screen and (min-width: 768px) {
.l-cyber__stage h1 {
font-size: 8rem;
}
}
.l-cyber__stage p {
padding-top: 0;
max-width: 100%;
}
.l-cyber__stage p:before {
content: none;
}
.l-cyber__circle-wrapper {
padding-bottom: 100%;
position: relative;
}
.l-cyber__circle {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 0.2rem solid #e2e2e2;
border-radius: 50%;
text-align: center;
}
.l-content__section--dark .l-cyber__circle {
border-color: #595a59;
}
.l-cyber__circle-icon {
color: #f4ac00;
display: block;
line-height: 1;
margin: 15% auto 0rem;
max-width: 32%;
}
.l-cyber__circle-icon > svg {
max-width: 100%;
}
@media only screen and (min-width: 360px) {
.l-cyber__circle-icon {
margin: 15% auto 0.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-cyber__circle-icon {
margin: 15% auto 0.5rem;
max-width: 25%;
max-height: 40%;
}
}
@media only screen and (min-width: 1024px) {
.l-cyber__circle-icon {
margin: 16% auto 1rem;
max-width: 25%;
}
}
.l-cyber__circle-counter {
color: #f4ac00;
font-size: 5vw;
font-weight: 500;
line-height: 1.2;
}
@media only screen and (min-width: 568px) {
.l-cyber__circle-counter {
font-size: 3.2rem;
}
}
.l-cyber__circle-title {
display: none;
font-size: 1.8rem;
line-height: 2.4rem;
padding: 0.2rem 7%;
}
@media only screen and (min-width: 768px) {
.l-cyber__circle-title {
display: block;
}
}
.l-cyber__circle-title--mobile {
font-size: 1.2rem;
line-height: 1.3;
margin-top: 1rem;
text-align: center;
}
@media only screen and (min-width: 480px) {
.l-cyber__circle-title--mobile {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 568px) {
.l-cyber__circle-title--mobile {
font-size: 1.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-cyber__circle-title--mobile {
display: none;
}
}
.l-cyber__custom-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.l-cyber__custom-grid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.l-cyber__custom-grid > div {
-ms-flex: 0 1 50%;
flex: 0 1 50%;
padding: 1rem;
-ms-flex-order: 3;
order: 3;
}
@media only screen and (min-width: 568px) {
.l-cyber__custom-grid > div {
-ms-flex-preferred-size: 210px;
flex-basis: 210px;
}
}
@media only screen and (min-width: 768px) {
.l-cyber__custom-grid > div {
-ms-flex-preferred-size: 22.5%;
flex-basis: 22.5%;
}
}
.l-cyber__custom-grid > div:nth-child(1) {
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 768px) {
.l-cyber__custom-grid > div:nth-child(1) {
-ms-flex-order: 1;
order: 1;
}
}
.l-cyber__custom-grid > div:nth-child(2) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 568px) {
.l-cyber__custom-grid > div:nth-child(2) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media only screen and (min-width: 768px) {
.l-cyber__custom-grid > div:nth-child(2) {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
-ms-flex-order: 2;
order: 2;
}
}
.l-cyber__custom-grid > div .l-cyber__circle-icon {
margin: 3% auto -0.7rem;
max-width: 28%;
}
@media only screen and (min-width: 360px) {
.l-cyber__custom-grid > div .l-cyber__circle-icon {
margin: 15% auto 0.4rem;
max-width: 32%;
}
}
.l-cyber__custom-grid > div .l-cyber__circle-title {
display: block !important;
font-size: 1.2rem;
line-height: 1.3;
}
@media only screen and (min-width: 480px) {
.l-cyber__custom-grid > div .l-cyber__circle-title {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1024px) {
.l-cyber__custom-grid > div .l-cyber__circle-title {
font-size: 1.8rem;
}
}
.l-cyber__icon-text {
text-align: center;
margin-bottom: 2rem;
}
.l-cyber__icon-text > svg {
color: #f4ac00;
max-height: 60px;
}
.l-cyber__tab-icon {
color: #f4ac00;
font-size: 4rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.l-cyber__tab-icon > svg {
max-width: 40px;
max-height: 40px;
}
.l-cyber__calc {
text-align: center;
position: relative;
}
.l-cyber__calc > .l-cyber__calc-question-wrapper {
opacity: 0;
position: absolute;
right: 0;
left: 0;
transition: opacity 0.5s;
}
.l-cyber__calc > .l-cyber__calc-question-wrapper.visible {
z-index: 10;
opacity: 1;
}
.l-cyber__calc-slide {
background: #f4ac00;
padding: 2rem;
color: #fff;
overflow: hidden;
}
.l-cyber__calc-questions {
font-size: 2.6rem;
line-height: 1.3;
margin: 2.8rem auto;
min-height: 14rem;
max-width: 50rem;
position: relative;
}
@media only screen and (min-width: 480px) {
.l-cyber__calc-questions {
font-size: 2.6rem;
}
}
@media only screen and (min-width: 568px) {
.l-cyber__calc-questions {
min-height: 18rem;
font-size: 3.2rem;
}
}
.l-cyber__calc-question {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
transition: all 0.5s;
}
.l-cyber__calc-question.prev {
opacity: 0;
-ms-transform: translateX(-8rem);
transform: translateX(-8rem);
}
.l-cyber__calc-question.next {
opacity: 0;
-ms-transform: translateX(8rem);
transform: translateX(8rem);
}
.l-cyber__calc-result {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s;
}
.l-cyber__calc-result.visible {
opacity: 1;
visibility: visible;
}
.l-cyber__calc-result-title {
font-size: 2.4rem;
margin: 1.4rem 0;
}
@media only screen and (min-width: 480px) {
.l-cyber__calc-result-title {
font-size: 2.6rem;
}
}
@media only screen and (min-width: 568px) {
.l-cyber__calc-result-title {
font-size: 3.2rem;
margin: 2.8rem 0;
}
}
.l-cyber__calc-dots > span {
display: inline-block;
width: 2rem;
height: 2rem;
border: 0.2rem solid #fff;
border-radius: 50%;
background-color: transparent;
margin: 2.8rem 0.5rem 0;
transition: background 0.2s;
}
.l-cyber__calc-dots > span.active {
background-color: #fff;
}
.l-flying-stage {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100vh;
max-height: 94rem;
background: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.l-flying-stage {
position: fixed;
}
}
.l-flying-stage > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 1440px;
min-height: 330px;
width: 100%;
margin: 0 auto;
position: relative;
transition: opacity 1s 0s;
}
.l-flying-stage > div,
.l-initialized-add .l-flying-stage > div,
.l-initialized.l-initialized-add .l-flying-stage > div {
opacity: 0;
}
.l-initialized .l-flying-stage > div {
opacity: 1;
}
@media screen and (orientation: portrait) {
.l-flying-stage > div {
background: url("assets/images/flying-stage/background-cars.jpg") no-repeat;
background-position: right -41vw bottom -4vh;
background-size: 280%;
}
}
@media only screen and (min-width: 568px) and (orientation: landscape) and (min-height: 480px) {
.l-flying-stage > div {
background: url("assets/images/flying-stage/background-cars.jpg") no-repeat;
background-position: right bottom -4vh;
background-size: 130%;
}
}
@media only screen and (min-width: 568px) and (orientation: portrait) {
.l-flying-stage > div {
background-position: right -16vw bottom;
background-size: auto;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
.l-flying-stage > div {
background-position: right bottom -7vh;
background-size: 1200px;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage > div {
background-size: auto;
background-position: right bottom;
}
}
.l-flying-stage .l-flying-stage__images {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.l-flying-stage .m-contact-bar {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.l-flying-stage.l-flying-stage--landing {
max-height: none;
height: auto;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing {
position: relative;
}
}
.l-flying-stage.l-flying-stage--landing > div {
height: 90vh;
max-height: 760px;
max-width: 1200px;
}
@media screen and (orientation: portrait) {
.l-flying-stage.l-flying-stage--landing > div {
min-height: 153vw;
}
}
@media only screen and (orientation: portrait) and (min-width: 568px) {
.l-flying-stage.l-flying-stage--landing > div {
max-height: 900px;
min-height: 0;
}
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing > div {
max-height: 900px;
}
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
.l-flying-stage.l-flying-stage--landing > div {
min-height: 0;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
.l-flying-stage.l-flying-stage--landing > div {
background-position: right bottom;
}
}
.l-flying-stage.l-flying-stage--landing > div:before,
.l-flying-stage.l-flying-stage--landing > div:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
}
.l-flying-stage.l-flying-stage--landing > div:before {
top: 0;
width: 100%;
background: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 568px) {
.l-flying-stage.l-flying-stage--landing > div:before {
width: 200px;
background: linear-gradient(to left, rgba(0, 0, 0, 0), #000 50%);
}
}
.l-flying-stage.l-flying-stage--landing > div:after {
right: 0;
height: 30%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 50%);
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
.l-flying-stage.l-flying-stage--landing > div:after {
height: 50%;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage.l-flying-stage--landing > div:after {
height: 50%;
}
}
.l-flying-stage.l-flying-stage--landing .l-benefit-placement__sidebar {
display: block !important;
max-width: 200px;
margin: 2.8rem auto 0;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-benefit-placement__sidebar {
max-width: none;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__car {
bottom: 400px;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__car {
bottom: 470px;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__til {
bottom: 10%;
width: 520px;
}
@media only screen and (min-width: 768px) and (min-height: 841px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__til {
bottom: 20%;
}
}
.l-flying-stage.l-flying-stage--landing > div .l-flying-stage__signet {
display: none;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing > div .l-flying-stage__signet {
display: block;
bottom: 15%;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__description {
color: #fff;
padding: 0 1.4rem 2.8rem;
line-height: 1.4;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__description {
padding: 5.6rem 2.8rem;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__description > div {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.m-list,
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.m-doorpage-teaser__info
ol:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ol:not(.m-doorpage-teaser__info__sub-nav),
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.m-doorpage-teaser__info
ul:not(.m-doorpage-teaser__info__sub-nav),
.m-doorpage-teaser__info
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ul:not(.m-doorpage-teaser__info__sub-nav),
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.l-richtext
ol,
.l-richtext
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ol,
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.l-richtext
ul,
.l-richtext
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ul,
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.l-richtext--checked-lists
ol,
.l-richtext--checked-lists
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ol,
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
.l-richtext--checked-lists
ul,
.l-richtext--checked-lists
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
> div
ul {
position: relative;
padding-right: 33.3333333333%;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__description > div p {
font-size: 2.2rem;
margin-bottom: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__description > div p {
font-size: 3.2rem;
margin-bottom: 5.6rem;
}
}
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
.l-flying-stage__signet {
position: static;
display: block;
max-width: 200px;
margin: 0 auto 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing
.l-flying-stage__description
.l-flying-stage__signet {
display: none;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__signet {
display: none;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__signet {
display: block;
}
}
@media only screen and (min-width: 1200px) and (orientation: landscape) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__signet {
left: 13rem;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__text {
bottom: 5%;
right: 1.4rem;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__text {
left: auto;
}
}
@media only screen and (min-width: 768px) and (min-height: 480px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__text {
right: 2.8rem;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__text {
max-width: 61rem;
}
}
@media only screen and (min-width: 1024px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__text {
right: 4rem;
max-width: 71rem;
}
}
@media only screen and (min-width: 768px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__headline {
font-size: 6rem;
}
}
@media only screen and (min-width: 1024px) {
.l-flying-stage.l-flying-stage--landing .l-flying-stage__headline {
font-size: 7rem;
}
}
.l-flying-stage.l-flying-stage--landing .l-flying-stage__subline {
font-family: "Roboto", sans-serif;
font-size: 2.2rem;
font-weight: 500;
text-transform: none;
}
.l-flying-stage.l-flying-stage--landing .l-static-stage-car__cta {
-ms-transform: none;
transform: none;
position: static;
}
.l-flying-stage__car {
display: none;
position: absolute;
right: 0;
bottom: 105vw;
-ms-transform-origin: right 700px;
transform-origin: right 700px;
transition: transform 0.4s 1.8s ease-out, opacity 0.4s 1.8s;
}
@media (orientation: portrait) {
.l-flying-stage__car {
display: block;
}
}
.l-flying-stage__car,
.l-initialized-add .l-flying-stage__car,
.l-initialized.l-initialized-add .l-flying-stage__car {
opacity: 0;
transform: translate3d(300px, 160px, 0) rotate(8deg);
}
.l-initialized .l-flying-stage__car {
transform: translate3d(100px, 60px, 0) rotate(-3deg);
opacity: 1;
}
@media only screen and (min-width: 568px) {
.l-flying-stage__car {
bottom: 300px;
width: auto;
}
.l-flying-stage__car,
.l-initialized-add .l-flying-stage__car,
.l-initialized.l-initialized-add .l-flying-stage__car {
transform: translate3d(300px, 120px, 0) rotate(5deg);
}
.l-initialized .l-flying-stage__car {
transform: translate3d(0, 0, 0) rotate(-3deg);
}
}
@media only screen and (min-width: 568px) and (orientation: portrait) {
.l-flying-stage__car {
bottom: 460px;
right: -15vw;
}
}
@media only screen and (min-width: 768px) {
.l-flying-stage__car {
bottom: 350px;
width: 46%;
}
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
.l-flying-stage__car {
bottom: 470px;
width: auto;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 480px) {
.l-flying-stage__car {
display: block;
width: 400px;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage__car {
bottom: 470px;
width: auto;
}
}
.l-flying-stage__til {
position: absolute;
bottom: 0;
left: -10%;
display: none;
transition: transform 1s 0.3s, opacity 1s 0.3s;
}
.l-flying-stage__til,
.l-initialized-add .l-flying-stage__til,
.l-initialized.l-initialized-add .l-flying-stage__til {
opacity: 0;
transform: translate3d(-3%, 0, 0);
}
.l-initialized .l-flying-stage__til {
opacity: 1;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-flying-stage__til {
display: block;
width: 57%;
height: 80%;
}
}
@media only screen and (min-width: 568px) and (orientation: portrait) {
.l-flying-stage__til {
background: url("assets/images/flying-stage/til.png") no-repeat center
bottom;
background-size: contain;
}
}
@media only screen and (min-width: 568px) and (min-height: 480px) and (orientation: landscape) {
.l-flying-stage__til {
background: url("assets/images/flying-stage/til.png") no-repeat center
bottom;
background-size: contain;
}
}
@media only screen and (min-width: 568px) and (min-height: 480px) and (orientation: portrait) {
.l-flying-stage__til {
left: -17%;
}
}
@media only screen and (min-width: 1200px) {
.l-flying-stage__til {
left: -7%;
}
}
@media only screen and (min-width: 1200px) and (orientation: landscape) {
.l-flying-stage__til {
width: 674px;
left: -5%;
}
}
@media only screen and (min-width: 1200px) {
.l-flying-stage__til {
left: 6%;
}
}
.l-flying-stage__signet {
z-index: 1;
position: absolute;
max-width: 26vw;
right: 2rem;
top: 8rem;
}
.l-flying-stage__signet,
.l-initialized-add .l-flying-stage__signet,
.l-initialized.l-initialized-add .l-flying-stage__signet {
opacity: 0;
}
.l-initialized .l-flying-stage__signet {
opacity: 1;
}
@media only screen and (min-width: 768px) {
.l-flying-stage__signet {
display: block;
top: auto;
left: 2.8rem;
bottom: 8%;
margin-bottom: 0.7rem;
max-width: 20%;
transition: opacity 1s 0.3s;
}
}
@media only screen and (min-width: 1024px) {
.l-flying-stage__signet {
bottom: 20px;
left: 5%;
max-width: 20rem;
}
}
@media only screen and (min-width: 1024px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage__signet {
bottom: 8%;
}
}
@media only screen and (min-width: 1200px) {
.l-flying-stage__signet {
left: 15%;
}
}
.l-flying-stage__text {
position: absolute;
bottom: 10%;
text-align: center;
left: 5%;
right: 5%;
}
@media only screen and (min-width: 568px) {
.l-flying-stage__text {
right: 14%;
}
}
@media only screen and (min-width: 568px) and (orientation: landscape) {
.l-flying-stage__text {
right: 33%;
}
}
@media only screen and (min-width: 568px) and (min-height: 480px) {
.l-flying-stage__text {
left: auto;
}
}
@media only screen and (min-width: 568px) and (min-height: 841px) {
.l-flying-stage__text {
max-width: 400px;
}
}
@media only screen and (min-width: 768px) {
.l-flying-stage__text {
bottom: 20px;
max-width: 450px;
}
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
.l-flying-stage__text {
bottom: 8%;
max-width: 55rem;
right: 5%;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
.l-flying-stage__text {
right: 80px;
}
}
@media only screen and (min-width: 768px) and (orientation: landscape) and (min-height: 841px) {
.l-flying-stage__text {
max-width: 55rem;
bottom: 8%;
}
}
@media only screen and (min-width: 768px) and (min-height: 480px) {
.l-flying-stage__text {
right: 130px;
}
}
.l-flying-stage__text .m-button--flagged {
font-size: 1.8rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 0.5s 2.6s ease-out, opacity 0.5s 2.6s;
}
.l-flying-stage__text .m-button--flagged,
.l-initialized-add .l-flying-stage__text .m-button--flagged,
.l-initialized.l-initialized-add .l-flying-stage__text .m-button--flagged {
opacity: 0;
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.l-initialized .l-flying-stage__text .m-button--flagged {
opacity: 1;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-flying-stage__text .m-button--flagged {
font-size: 2.2rem;
}
}
.l-flying-stage__headline {
font-size: 12vw;
line-height: 1.1;
color: #f4ac00;
margin-bottom: 1.4rem;
text-transform: uppercase;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 1.3s, opacity 1s 1.3s;
}
.l-flying-stage__headline,
.l-initialized-add .l-flying-stage__headline,
.l-initialized.l-initialized-add .l-flying-stage__headline {
opacity: 0;
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-flying-stage__headline {
opacity: 1;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-flying-stage__headline {
font-size: 5rem;
}
}
@media only screen and (min-width: 768px) {
.l-flying-stage__headline {
font-size: 6rem;
margin-bottom: 1.4rem;
}
}
@media only screen and (min-width: 768px) and (min-height: 841px) {
.l-flying-stage__headline {
margin-bottom: 2.8rem;
font-size: 7rem;
}
}
.l-flying-stage__subline {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 2.2rem;
text-transform: uppercase;
color: #fff;
margin-bottom: 0.7rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 0.7s, opacity 1s 0.7s;
}
.l-flying-stage__subline,
.l-initialized-add .l-flying-stage__subline,
.l-initialized.l-initialized-add .l-flying-stage__subline {
opacity: 0;
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-flying-stage__subline {
opacity: 1;
-ms-transform: none;
transform: none;
}
.l-footer {
position: relative;
z-index: 99999;
padding: 2.8rem 1.4rem;
background: #595a59;
}
@media only screen and (min-width: 1024px) {
.l-footer {
padding: 2.8rem 0;
}
}
.l-footer > div {
max-width: 1680px;
margin-right: auto;
margin-left: auto;
color: #fff;
}
@media only screen and (min-width: 768px) {
.l-footer > div {
padding: 0 2.8rem;
}
}
.l-footer a {
color: #fff;
font-weight: 300;
cursor: pointer;
}
.l-footer h5 {
margin-bottom: 1.4rem;
}
.l-footer__certificates {
overflow: auto;
margin-bottom: 2.8rem;
white-space: nowrap;
}
@media only screen and (min-width: 1024px) {
.l-footer__certificates {
overflow: hidden;
}
}
.l-footer__certificates > div {
position: relative;
float: left;
margin-bottom: 1.4rem;
width: 100%;
padding: 0 0.9rem;
}
@media only screen and (min-width: 568px) {
.l-footer__certificates > div {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.l-footer__certificates > div {
width: 25%;
margin-bottom: 0;
}
}
.l-footer__certificates > div > div:first-child {
position: relative;
height: 16.8rem;
background: #4c4c4c;
}
.l-footer__certificates > div > div:first-child > img,
.l-footer__certificates > div > div:first-child > div,
.l-footer__certificates > div > div:first-child > a {
position: absolute;
top: 50%;
left: 50%;
max-width: 90%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.l-footer__certificates > div > div:first-child > img {
height: 14rem;
}
.l-footer__certificates > div > div:last-child {
margin-top: 0.4rem;
padding: 1.4rem;
background: #444;
font-weight: 500;
text-align: center;
}
.l-footer__certificates > div > div:last-child > i {
position: relative;
top: 0.2rem;
margin-right: 0.4rem;
}
.l-footer__nav {
margin-bottom: 2.8rem;
padding-top: 2.8rem;
border-top: 0.3rem solid #4c4c4c;
}
.l-footer__nav h5 {
margin-bottom: 0.35rem;
font-size: 1.8rem;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.l-footer__nav h5 {
margin-bottom: 1.4rem;
cursor: default;
}
}
.l-footer__nav h5 > i {
position: relative;
top: 0.2rem;
margin-right: 0.4rem;
font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
.l-footer__nav h5 > i {
display: none;
}
}
.l-footer__nav a:hover {
border-bottom: 0.1rem solid #fff;
}
.l-footer__nav ul > li {
padding-left: 2.4rem;
line-height: 3.22rem;
}
@media only screen and (min-width: 768px) {
.l-footer__nav ul > li {
line-height: 2.8rem;
padding-left: 0;
}
}
.l-footer__nav > div > div {
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 1024px) {
.l-footer__nav > div > div {
margin-bottom: 0;
}
}
.l-footer__windup {
padding-top: 1.4rem;
border-top: 0.3rem solid #4c4c4c;
}
.l-footer__windup:after {
clear: both;
display: table;
content: "";
}
.l-footer__windup a:hover {
border-bottom: 0.1rem solid #fff;
}
.l-footer__windup > .float-left {
float: none;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-footer__windup > .float-left {
float: left;
margin-bottom: 0;
}
}
.l-footer__windup > .float-right {
float: none;
}
@media only screen and (min-width: 768px) {
.l-footer__windup > .float-right {
float: right;
}
}
.l-footer__windup--minimal {
padding-top: 0;
border-top: 0;
}
.l-footer--landing {
padding: 1.4rem !important;
}
.l-footer--landing.l-footer--landing-dark {
background: #000;
}
.l-footer--landing > div {
padding: 0;
}
.l-footer__windup--landing {
font-size: 1.5rem;
}
.l-footer__windup--landing a {
color: #f4ac00;
}
.l-footer__windup--landing a:hover,
.l-footer__windup--landing a:focus {
border-bottom: 0.1rem solid #f4ac00;
}
.l-footer__bottom-line {
background: #fff;
font-size: 1.5rem;
padding: 1.4rem !important;
}
.l-footer__bottom-line > div {
max-width: none;
}
.l-kfz-stage {
background: #f4ac00;
height: 500px;
height: 100vh;
max-height: 94rem;
padding: 5.8rem 0;
position: relative;
transition: padding-top 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-kfz-stage {
padding: 10rem 0 8.6rem;
position: fixed;
left: 0;
right: 0;
top: 0;
}
}
.l-kfz-stage > div {
height: 100%;
overflow: hidden;
}
.l-kfz-stage > div > div {
height: 100%;
margin-right: auto;
margin-left: auto;
max-width: 960px;
position: relative;
}
.l-kfz-stage .m-contact-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.l-kfz-stage__slide {
display: table;
height: 100%;
opacity: 0;
position: absolute;
text-align: center;
visibility: hidden;
-ms-transform: translateY(100%);
transform: translateY(100%);
transition: transform 0.5s, opacity 0.2s;
width: 100%;
}
.l-kfz-stage__slide.l-kfz-stage__slide--start {
-ms-transform: none;
transform: none;
}
.l-kfz-stage__slide.l-kfz-stage__slide--prev {
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.l-kfz-stage__slide.l-kfz-stage__slide--active {
opacity: 1;
visibility: visible;
-ms-transform: none;
transform: none;
}
.l-kfz-stage__slide-inner {
display: table-cell;
padding: 0 3% 0;
vertical-align: middle;
width: 100%;
}
.l-kfz-stage__up-button {
cursor: pointer;
font-size: 5rem;
margin: 0 auto;
width: 5rem;
-ms-transform: none;
transform: none;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.l-kfz-stage__up-button:hover {
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.l-kfz-stage__button {
margin: 0 auto;
opacity: 0;
transition: opacity 0.8s 4.3s;
}
.l-kfz-stage__slide--active .l-kfz-stage__button {
opacity: 1;
}
.l-kfz-stage__button .m-button,
.l-kfz-stage__button .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-kfz-stage__button li > a,
.l-kfz-stage__button .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-kfz-stage__button button {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
text-transform: uppercase;
}
.l-kfz-stage__up-button {
font-size: 4rem;
margin-bottom: 5%;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.l-kfz-stage__slide--form {
font-size: 2.2rem;
line-height: 1.6;
}
@media only screen and (min-width: 480px) {
.l-kfz-stage__slide--form {
font-size: 3.2rem;
line-height: 2;
}
}
.l-kfz-stage__slide--form legend {
text-align: center;
}
.l-kfz-stage__slide--form .m-button,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a,
.l-kfz-stage__slide--form .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--form button {
margin-top: 2.8rem;
opacity: 1;
-ms-transform: none;
transform: none;
transition: transform 0.5s 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44),
opacity 0.5s 0.5s, color 0.2s;
}
.l-kfz-stage__slide--form .m-button:focus,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a:focus,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a:focus,
.l-kfz-stage__slide--form .m-chatbot__panel .wc-app button:focus,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--form button:focus,
.l-kfz-stage__slide--form .m-button:hover,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a:hover,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a:hover,
.l-kfz-stage__slide--form .m-chatbot__panel .wc-app button:hover,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--form button:hover {
background: #fff;
color: #f08100;
}
.l-kfz-stage__slide--form .m-button:disabled,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a:disabled,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a:disabled,
.l-kfz-stage__slide--form .m-chatbot__panel .wc-app button:disabled,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--form button:disabled {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}
.l-kfz-stage__slide--form .m-button > i,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a > i,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a > i,
.l-kfz-stage__slide--form .m-chatbot__panel .wc-app button > i,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--form button > i {
position: relative;
}
.l-kfz-stage__slide--form .m-button.calculating > i:before,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a.calculating > i:before,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a.calculating > i:before,
.l-kfz-stage__slide--form
.m-chatbot__panel
.wc-app
button.calculating
> i:before,
.m-chatbot__panel
.wc-app
.l-kfz-stage__slide--form
button.calculating
> i:before {
position: relative;
z-index: 1;
}
.l-kfz-stage__slide--form .m-button.calculating > i:after,
.l-kfz-stage__slide--form .m-tab-nav--buttons ul li > a.calculating > i:after,
.m-tab-nav--buttons ul .l-kfz-stage__slide--form li > a.calculating > i:after,
.l-kfz-stage__slide--form
.m-chatbot__panel
.wc-app
button.calculating
> i:after,
.m-chatbot__panel
.wc-app
.l-kfz-stage__slide--form
button.calculating
> i:after {
animation: calculator 1.2s steps(1) infinite;
background: #f08100;
content: "";
display: block;
height: 0.5rem;
left: 25%;
position: absolute;
top: 45%;
width: 0.5rem;
z-index: 0;
}
.l-kfz-stage__form-element {
display: block;
opacity: 0;
visibility: hidden;
-ms-transform: scale(0.9);
transform: scale(0.9);
-ms-transform-origin: center top;
transform-origin: center top;
transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
}
.l-kfz-stage__form-element.l-kfz-stage__form--visible {
opacity: 1;
visibility: visible;
-ms-transform: none;
transform: none;
}
.l-kfz-stage__form-field,
.l-kfz-stage__form-select.m-fancy-select {
background: transparent;
border-bottom: 0.08em solid #fff;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: inherit;
line-height: 1.4;
padding: 0;
vertical-align: baseline;
}
.l-kfz-stage__form-field:focus,
.l-kfz-stage__form-select.m-fancy-select:focus {
outline: none;
}
.l-kfz-stage__form-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4);
}
.l-kfz-stage__form-field::-moz-placeholder {
color: #fff;
}
.l-kfz-stage__form-field:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.l-kfz-stage__form-field.ng-touched.ng-invalid {
border-color: #c52223;
color: #c52223;
}
.l-kfz-stage__form-select.m-fancy-select {
display: inline-block;
width: auto;
}
.l-kfz-stage__form-select.m-fancy-select > li {
color: #fff;
font-weight: 300;
overflow: visible;
padding-right: 1em;
}
.l-kfz-stage__form-select.m-fancy-select > li > i {
color: #fff;
font-size: 0.6em;
right: 0;
}
.l-kfz-stage__form-select.m-fancy-select .m-fancy-select__option-list {
min-width: 100%;
width: auto;
}
.l-kfz-stage__form-select.m-fancy-select
.m-fancy-select__option-list
> ul
> li {
background: #fff;
color: #f4ac00;
font-size: 1.8rem;
line-height: 2.4rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
white-space: nowrap;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__form-select.m-fancy-select
.m-fancy-select__option-list
> ul
> li {
font-size: 2.2rem;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
}
.l-kfz-stage__form-select.m-fancy-select
.m-fancy-select__option-list
> ul
> li:hover {
background: #f2f2f2;
}
.l-kfz-stage__slide--results [class*="l-grid__col"] {
margin-bottom: 0.2rem;
}
.l-kfz-stage__slide--results .m-button,
.l-kfz-stage__slide--results .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-kfz-stage__slide--results li > a,
.l-kfz-stage__slide--results .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--results button {
margin-top: 0.7rem;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__slide--results .m-button,
.l-kfz-stage__slide--results .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-kfz-stage__slide--results li > a,
.l-kfz-stage__slide--results .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-kfz-stage__slide--results button {
margin-top: 1.4rem;
}
}
.l-kfz-stage__result-wrapper {
background: #fff;
display: table;
width: 100%;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__result-wrapper {
display: block;
}
}
.l-kfz-stage__result-head {
background: #fff;
display: table-cell;
font-weight: 500;
padding: 1.4rem 0 0 1.4rem;
text-align: left;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__result-head {
padding: 1.4rem;
display: block;
border-bottom: 0.4rem #f4ac00 solid;
text-align: center;
}
}
.l-kfz-stage__result {
background: #fff;
color: #f4ac00;
display: table-cell;
padding: 0.7rem 1.4rem;
text-align: right;
}
.l-kfz-stage__result > span {
display: block;
}
.l-kfz-stage__result > span:first-child {
font-weight: 300;
font-size: 3.2rem;
}
@media only screen and (min-width: 480px) {
.l-kfz-stage__result {
font-weight: 500;
}
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__result {
display: block;
padding: 2.8rem 1.4rem;
text-align: center;
}
}
.l-kfz-stage__footer-links {
margin-top: 0;
font-size: 1.5rem;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__footer-links > li {
display: inline-block;
margin: 0 1rem;
}
}
.l-kfz-stage__footer-links > li > a {
color: #fff !important;
cursor: pointer;
}
.l-kfz-stage__footer-links > li > a:hover,
.l-kfz-stage__footer-links > li > a:focus {
text-decoration: underline;
}
.l-kfz-stage__error-msg {
color: #c52223;
font-size: 1.5rem;
line-height: 2rem;
margin-top: 2rem;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__error-msg {
font-size: 1.8rem;
line-height: 2.8rem;
margin-top: 2.8rem;
}
}
.l-kfz-stage__slide--active #stopwatch {
cursor: pointer;
width: 35%;
height: 35vh;
min-width: 220px;
min-height: 393px;
position: relative;
fill: #2c2b2b;
}
.l-kfz-stage__slide--active #stopwatch #stopwatch-inner-circle {
fill: #f4ac00;
-ms-transform-origin: 716px 421px;
transform-origin: 716px 421px;
}
.l-kfz-stage__slide--active #stopwatch #stopwatch-circle {
animation: circlescale 0.5s cubic-bezier(0.87, 0, 0.19, 1.44) 0s 1 both;
-ms-transform-origin: 136px 184px;
transform-origin: 136px 184px;
}
.l-kfz-stage__slide--active #stopwatch #pointerwrapper {
animation: scale 0.5s cubic-bezier(0.87, 0, 0.19, 1.44) 0.3s 1 both;
-ms-transform-origin: 136px 184px;
transform-origin: 136px 184px;
}
.l-kfz-stage__slide--active #stopwatch #button-left {
animation: buttonleft 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.1s 1 both;
-ms-transform-origin: 136px 184px;
transform-origin: 136px 184px;
}
.l-kfz-stage__slide--active #stopwatch #button-center {
animation: buttoncenter 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.9s 1 both;
-ms-transform-origin: 136px 184px;
transform-origin: 136px 184px;
}
.l-kfz-stage__slide--active #stopwatch #button-right {
animation: buttonright 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.3s 1 both;
-ms-transform-origin: 136px 184px;
transform-origin: 136px 184px;
}
.l-kfz-stage__slide--active #stopwatch #pointer {
animation: pointer 1s ease-in-out 2s 1 both;
-ms-transform-origin: 138px 184px;
transform-origin: 138px 184px;
}
.l-kfz-stage__slide--active .l-kfz-stage__stopwatch {
position: relative;
}
.l-kfz-stage__slide--active .l-kfz-stage__watch-head {
cursor: pointer;
position: absolute;
top: 47%;
width: 100%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
animation: headline 0.5s cubic-bezier(0.87, 0, 0.19, 1.44) 3.6s 1 both;
}
.ie9 .l-kfz-stage__slide--active .l-kfz-stage__watch-head {
top: 35%;
}
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner {
background: #f4ac00;
display: inline-block;
padding: 2% 2% 2.2%;
}
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h2 {
font-size: 2.2rem;
line-height: 1;
margin: 0 0 1%;
text-transform: uppercase;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h2 {
font-size: 3.2rem;
}
}
@media only screen and (min-width: 768px) {
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h2 {
font-size: 4rem;
}
}
@media only screen and (min-width: 1024px) {
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h2 {
font-size: 4.8rem;
}
}
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h3 {
font-size: 1.8rem;
margin: 0;
}
@media only screen and (min-width: 568px) {
.l-kfz-stage__slide--active
.l-kfz-stage__watch-head
.l-kfz-stage__watch-head-inner
> h3 {
font-size: 2.2rem;
}
}
@keyframes calculator {
0% {
left: 0.5rem;
top: 0.9rem;
}
12.5% {
left: 1.5rem;
top: 1.4rem;
}
25% {
left: 1rem;
top: 0.9rem;
}
37.5% {
left: 0.5rem;
top: 1.9rem;
}
50% {
left: 1rem;
top: 1.4rem;
}
62.5% {
left: 1.5rem;
top: 0.9rem;
}
75% {
left: 0.5rem;
top: 1.4rem;
}
87.5% {
left: 1.5rem;
top: 1.9rem;
}
}
@keyframes buttoncenter {
0% {
transform: translate(0px, 100px) scale(0);
}
100% {
transform: none;
}
}
@keyframes buttonright {
0% {
transform: translate(-54px, 84px) scale(0);
}
100% {
transform: none;
}
}
@keyframes buttonleft {
0% {
transform: translate(54px, 84px) scale(0);
}
100% {
transform: none;
}
}
@keyframes scale {
0% {
transform: scale(0);
}
100% {
transform: none;
}
}
@keyframes headline {
0% {
transform: translateY(-50%) scale(0);
}
100% {
transform: translateY(-50%) scale(1);
}
}
@keyframes circlescale {
0% {
opacity: 0.5;
transform: scale(0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes pointer {
0% {
transform: rotate(-42deg);
}
100% {
transform: rotate(354deg);
}
}
.l-landing__tiles {
margin-bottom: -1.8rem;
}
.l-landing__tiles > div {
margin-bottom: 1.8rem;
}
.l-landing__tile {
background-color: #fff;
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
display: block;
text-align: center;
padding: 2rem;
}
.l-landing__tile .m-tooltip {
cursor: pointer;
}
.l-landing__tile img {
display: block;
max-height: 150px;
margin: 0 auto;
}
.l-landing__tile.l-landing__tile--medium {
background: #f2f2f2;
box-shadow: none;
}
.l-landing__tile.l-landing__tile--medium .l-landing__tile-img-wrapper {
padding: 2rem;
}
.l-landing__tiles-intro {
text-align: center;
margin-bottom: 2.8rem;
}
.l-landing__tile-head {
font-weight: 500;
margin-bottom: 1.4rem;
}
.l-landing__tile-img {
display: table;
table-layout: fixed;
width: 100%;
}
.l-landing__tile-img-wrapper {
background: #fff;
display: table-cell;
vertical-align: middle;
}
.l-landing__tile-note {
color: #bfc0bf;
font-size: 1.5rem;
line-height: 2rem;
margin-top: 1rem;
text-align: center;
}
.l-landing__contact-img {
background: #fff;
width: 19rem;
height: 19rem;
max-width: 30vw;
max-height: 30vw;
overflow: hidden;
border-radius: 50%;
float: left;
display: none;
}
.l-landing__contact-img > img {
display: block;
height: 95%;
margin: 5% auto 0;
}
@media only screen and (min-width: 480px) {
.l-landing__contact-img {
display: block;
}
}
@media only screen and (min-width: 568px) {
.l-landing__contact-img {
max-width: 20vw;
max-height: 20vw;
}
}
@media only screen and (min-width: 768px) {
.l-landing__contact-img {
margin: 0 1.8rem 0 0;
max-width: none;
max-height: none;
}
}
.l-landing__contact-img--broker {
border-radius: 0;
width: 100%;
text-align: center;
background: transparent;
margin-bottom: 2.8rem;
border-radius: 50%;
border: 8px solid #fff;
background: #595a59;
}
.l-landing__contact-img--broker img {
margin: 0;
height: auto;
max-width: 100%;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.l-landing__contact-img--broker {
width: 190px;
text-align: left;
margin-bottom: 0;
}
}
@media only screen and (min-width: 568px) {
.l-landing__contact-img--broker {
max-width: none;
max-height: none;
}
}
.l-landing__contact-img--broker--with-logo {
position: relative;
height: 100%;
background: transparent;
border-radius: 0;
border: none;
}
@media only screen and (min-width: 768px) {
.l-landing__contact-img--broker--with-logo {
background: #fff;
}
}
.l-landing__contact-img--broker--with-logo img {
border-radius: 0;
border: none;
}
@media only screen and (min-width: 768px) {
.l-landing__contact-img--broker--with-logo img {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 480px) {
.l-landing__contact-text {
padding-left: 33vw;
}
}
@media only screen and (min-width: 568px) {
.l-landing__contact-text {
padding-left: 23vw;
}
}
@media only screen and (min-width: 768px) {
.l-landing__contact-text {
padding-left: 21.8rem;
}
}
.l-landing__contact-text--broker {
padding-left: 0;
text-align: center;
}
@media only screen and (min-width: 568px) {
.l-landing__contact-text--broker {
margin-bottom: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-landing__contact-text--broker {
text-align: left;
margin-bottom: 0;
padding-left: 21.8rem;
}
}
.l-landing__contact-text--no-image {
padding-left: 0;
}
@media only screen and (min-width: 568px) {
.l-landing__contact-text--no-image {
padding-left: 0;
}
}
@media only screen and (min-width: 768px) {
.l-landing__contact-text--no-image {
padding-left: 0;
}
}
.l-landing__contact-headline {
font-size: 1.8rem;
line-height: 2.4rem;
margin-top: 1.4rem;
margin-bottom: 2.8rem;
}
@media only screen and (min-width: 568px) {
.l-landing__contact-headline {
font-size: 2.2rem;
line-height: 2.8rem;
}
}
a.l-landing__contact-tel[href] {
font-size: 3.2rem;
font-weight: 300;
line-height: 1;
color: #f4ac00;
}
a.l-landing__contact-tel[href]:before {
content: none;
}
@media only screen and (min-width: 480px) {
a.l-landing__contact-tel[href]:before {
top: 0.6rem;
margin-right: 0.6rem;
}
}
@media only screen and (min-width: 568px) {
a.l-landing__contact-tel[href]:before {
top: 0.9rem;
margin-right: 0.9rem;
}
}
@media only screen and (min-width: 1024px) {
a.l-landing__contact-tel[href] {
font-size: 4.8rem;
}
}
.l-landing__contact-subline {
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 500;
}
.l-landing__contact-broker-name {
font-size: 1.8rem;
line-height: 2.4rem;
}
.l-landing__contact-cta {
background: #fff;
padding: 2rem;
color: #2c2b2b;
}
.l-landing__contact-cta .m-button,
.l-landing__contact-cta .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-landing__contact-cta li > a,
.l-landing__contact-cta .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-landing__contact-cta button {
margin: 2.8rem 0 0;
width: 100%;
display: block;
}
@media only screen and (min-width: 568px) {
.l-landing__contact-cta {
margin-top: 2.8rem;
}
}
@media only screen and (min-width: 768px) {
.l-landing__contact-cta {
margin-top: 0;
}
}
.l-landing__contact-list {
border-top: 2px #e2e2e2 solid;
padding-top: 2.8rem;
}
.l-landing__contact-list ul {
margin: 1.4rem 0 0;
}
@media only screen and (min-width: 768px) {
.l-landing__contact-list {
height: 100%;
border-top: 0;
padding-top: 0;
border-left: 2px #e2e2e2 solid;
padding-left: 2.8rem;
}
}
.l-landingseo__header h1 {
line-height: 1.15;
margin-bottom: 2.8rem;
}
.l-landingseo__header .m-button,
.l-landingseo__header .m-tab-nav--buttons ul li > a,
.m-tab-nav--buttons ul .l-landingseo__header li > a,
.l-landingseo__header .m-chatbot__panel .wc-app button,
.m-chatbot__panel .wc-app .l-landingseo__header button {
box-shadow: 0.1rem 0.1rem 0.5rem rgba(44, 43, 43, 0.3);
overflow: visible;
}
.l-landingseo__content-head {
font-family: "Roboto", sans-serif;
font-weight: 500;
margin-bottom: 2.8rem;
}
.l-landingseo__list {
list-style: none;
counter-reset: num;
}
.l-landingseo__list > li {
margin-top: 5.6rem;
}
@media only screen and (min-width: 480px) {
.l-landingseo__list > li {
position: relative;
padding-left: 8rem;
}
}
.l-landingseo__list > li p {
margin-top: 1.4rem;
}
.l-landingseo__list > li:before {
color: #f4ac00;
content: counter(num);
counter-increment: num;
display: block;
font-size: 6rem;
line-height: 1;
}
@media only screen and (min-width: 480px) {
.l-landingseo__list > li:before {
position: absolute;
top: 0;
left: 0;
}
}
.l-landingseo__infobox {
background: #fff;
padding: 2rem;
}
.l-landingseo__infobox h3 {
margin-bottom: 1.4rem !important;
}
.l-landingseo__infobox h3:not(:first-child) {
margin-top: 2.8rem;
}
.l-landingseo__infobox i {
vertical-align: -0.15em;
}
.l-landingseo__infobox .l-landingseo__telephone {
font-weight: 500;
color: #f4ac00;
font-size: 3.2rem;
}
.l-landingseo__infobox .l-landingseo__availability {
font-size: 1.5rem;
font-weight: 500;
color: #bfc0bf;
}
.l-lp-hhd__stage {
background: #000;
color: #fff;
display: -ms-flexbox;
display: flex;
height: 100vh;
max-height: 900px;
text-align: center;
padding-top: 8rem;
position: relative;
}
@media only screen and (min-width: 1024px) {
.l-lp-hhd__stage {
padding-top: 8%;
}
}
.l-lp-hhd__stage > div {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 5vw 2rem;
position: relative;
}
.l-lp-hhd__stage > div:before {
background: no-repeat;
background-image: url(../landingpage/hhd/buehne/testimonials-stage_mobile.jpg);
background-position: center bottom;
background-size: 100vmin;
opacity: 0;
transform: scale3d(0.95, 0.95, 0.95);
-ms-transform-origin: center bottom;
transform-origin: center bottom;
transition: opacity 2s, transform 2s, background-image 0.25s;
content: "";
bottom: 0;
top: 0;
right: 0;
left: 0;
position: absolute;
}
@media only screen and (min-width: 568px) {
.l-lp-hhd__stage > div:before {
background-size: contain;
background-image: url(../landingpage/hhd/buehne/testimonials-stage.jpg);
}
}
.l-initialized .l-lp-hhd__stage > div:before {
opacity: 1;
-ms-transform: none;
transform: none;
}
.l-lp-hhd__stage:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 10rem;
background: linear-gradient(to top, #000, transparent 100%);
z-index: 0;
}
@media only screen and (min-width: 568px) {
.l-lp-hhd__stage:after {
content: none;
}
}
.l-lp-hhd__stage-top {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
@media only screen and (min-width: 1024px) {
.l-lp-hhd__stage-top {
-ms-transform: translateY(-12%);
transform: translateY(-12%);
}
}
.l-lp-hhd__stage-top h1,
.l-lp-hhd__stage-top h2 {
opacity: 0;
}
.l-initialized .l-lp-hhd__stage-top h1,
.l-initialized .l-lp-hhd__stage-top h2 {
opacity: 1;
}
.l-lp-hhd__stage-top h1 {
color: #f4ac00;
font-size: 7rem;
line-height: 0.9;
margin-bottom: 1.4rem;
text-transform: uppercase;
transition: opacity 2s 0.3s;
}
@media only screen and (min-width: 768px) {
.l-lp-hhd__stage-top h1 {
font-size: 9rem;
}
}
@media only screen and (min-width: 1024px) {
.l-lp-hhd__stage-top h1 {
font-size: 12rem;
}
}
.l-lp-hhd__stage-top h2 {
transition: opacity 2s 1s;
}
.l-lp-hhd__stage-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
.l-lp-hhd__stage-bottom > p,
.l-lp-hhd__stage-bottom > div {
opacity: 0;
transition: opacity 1s 1.8s, transform 1s 1.8s;
transform: translate3d(0, 30%, 0);
}
.l-initialized .l-lp-hhd__stage-bottom > p,
.l-initialized .l-lp-hhd__stage-bottom > div {
-ms-transform: none;
transform: none;
opacity: 1;
}
.l-lp-hhd__stage-bottom p {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
line-height: 1.2;
margin: 0 auto;
padding: 0;
max-width: 43rem;
text-shadow: 0 0 2rem #000;
transition-delay: 2.2s;
}
@media only screen and (min-width: 568px) {
.l-lp-hhd__stage-bottom p {
margin: 2rem auto 4rem;
}
}
.l-lp-hhd__stage-bottom p:before {
content: none;
}
.l-content__section > div > .l-lp-hhd__headline {
font-size: 3.4rem;
line-height: 1.2;
margin: 2em 0 2.8rem;
}
@media only screen and (min-width: 568px) {
.l-content__section > div > .l-lp-hhd__headline {
font-size: 4.8rem;
}
}
.l-content__section > div > .l-lp-hhd__headline + p {
font-size: 2rem;
line-height: 1.4;
margin-bottom: 5.6rem;
}
@media only screen and (min-width: 568px) {
.l-content__section > div > .l-lp-hhd__headline + p {
font-size: 2.2rem;
}
}
.l-lp-hhd__tab-text {
margin-bottom: 4.2rem;
}
@media only screen and (min-width: 768px) {
.l-lp-hhd__tab-text {
width: 50%;
}
}
.l-lp-hhd__tab-text h3 {
font-size: 3.2rem;
line-height: 3.6rem;
}
.l-lp-hhd__tab-text p {
font-size: 2.2rem;
line-height: 3.2rem;
}
.l-lp-hhd__slider {
margin: -0.5rem;
}
.l-lp-hhd__slider .slick-track {
display: -ms-flexbox !important;
display: flex !important;
}
.l-lp-hhd__slider .slick-slide {
display: -ms-flexbox !important;
display: flex !important;
height: auto !important;
}
.l-lp-hhd__slider .slick-slide > div {
display: -ms-flexbox;
display: flex;
}
.l-lp-hhd__slide {
background: #fff;
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
margin: 0.5rem;
padding: 2.1rem 1.4rem;
}
@media only screen and (min-width: 568px) {
.l-lp-hhd__slide {
padding: 2.8rem;
}
}
.l-lp-hhd__slide.l-lp-hhd__slide--flex {
display: -ms-flexbox;
display: flex;
}
.l-lp-hhd__slide.l-lp-hhd__slide--flex > div {
-ms-flex: 0 1 70%;
flex: 0 1 70%;
}
.l-lp-hhd__slide.l-lp-hhd__slide--flex > div:first-child {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
margin-right: 1.8rem;
}
.l-lp-hhd__slide.l-lp-hhd__slide--flex img {
display: block;
box-shadow: 0.1rem 0.1rem 0.3rem rgba(44, 43, 43, 0.2);
}
@media only screen and (max-width: 567px) {
.l-lp-hhd__slide h4 + p {
font-size: 1.5rem;
line-height: 2rem;
}
}
.l-lp-hhd__grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-lp-hhd__grid > div {
margin-bottom: 5.6rem !important;
}
.l-lp-hhd__grid > div > div {
display: -ms-flexbox;
display: flex;
}
.l-lp-hhd__grid > div > div:not(.l-lp-hhd__slide) {
-ms-flex-direction: column;
flex-direction: column;
}
.l-lp-hhd__grid > div > div > div {
-ms-flex: 0 0 9rem;
flex: 0 0 9rem;
}
.l-lp-hhd__grid > div > div > p {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.l-lp-hhd__icon-head {
display: -ms-flexbox;
display: flex;
margin-bottom: 1.4rem;
-ms-flex-align: center;
align-items: center;
}
.l-lp-hhd__icon-head > svg {
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
margin-right: 2rem;
}
.l-magazine-masonry__item {
display: none;
padding-bottom: 1.4rem;
}
.l-magazine-masonry__item.l-magazine-masonry__item--visible {
display: list-item;
}
.l-magazine-masonry__item > div {
background: #f2f2f2;
padding: 0.7rem 1.4rem 1.4rem;
}
.l-content__section--medium .l-magazine-masonry__item > div {
background-color: #fff;
}
.l-magazine-masonry__item > div > header {
font-size: 1.5rem;
font-weight: 500;
}
.l-magazine-masonry__item > div > header > time {
display: inline-block;
margin-right: 0.4rem;
margin-bottom: -2.8rem;
}
.l-magazine-masonry__item > div > header > .l-magazine-masonry__item__tag {
margin-right: 0.4rem;
}
@media only screen and (min-width: 768px) {
.l-magazine-masonry__item > div > header > .l-magazine-masonry__item__tag {
margin-bottom: 0.7rem;
display: inline-block;
}
}
.l-magazine-masonry__item > div > header h3 {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-weight: 800;
font-size: 2.2rem;
}
.l-magazine-masonry__item > div > p {
font-size: 1.5rem;
line-height: 2rem;
}
.l-magazine-masonry__item > a {
display: block;
width: 100%;
overflow: hidden;
font-size: 0;
line-height: 0;
}
.l-magazine-masonry__item > a > img {
width: 100%;
}
.l-magazine-masonry__item__title {
display: block;
}
.l-posterwall-stage {
background: #f4ac00;
position: relative;
top: 0;
right: 0;
left: 0;
overflow: hidden;
height: 100vh;
max-height: 94rem;
padding: 5.8rem 0;
transition: padding-top 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-posterwall-stage {
padding: 10rem 0 8.6rem;
position: fixed;
left: 0;
right: 0;
top: 0;
}
}
.l-posterwall-stage > div {
height: 100%;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.l-posterwall-stage__head {
font-size: 3.4rem;
margin-bottom: 2.8rem;
margin-top: 2.8rem;
text-align: center;
text-transform: uppercase;
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__head {
margin-top: 0;
margin-bottom: 5.6rem;
font-size: 4.8rem;
}
}
@media screen and (max-height: 940px) {
.l-posterwall-stage__head {
margin-bottom: 5vh;
}
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
.l-posterwall-stage__head {
font-size: 3.2rem;
margin-bottom: 1.4rem;
}
}
.l-posterwall-stage__wrapper {
max-height: 100%;
padding-bottom: 7vh;
width: 100%;
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__wrapper {
padding-top: 10%;
}
}
@media only screen and (min-width: 768px) {
.l-posterwall-stage__wrapper {
padding-top: 4rem;
}
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
.l-posterwall-stage__wrapper {
padding-top: 0;
}
}
@media screen and (max-height: 940px) {
.l-posterwall-stage__wrapper {
padding-top: 2vh;
}
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__posters {
margin: 0 2vw;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
}
.l-posterwall-stage__poster-wrapper:not(:first-child) {
display: none;
}
.initializhed .l-posterwall-stage__poster-wrapper:not(:first-child) {
display: block;
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__poster-wrapper {
display: block !important;
-ms-flex: 1 1 33.3333%;
flex: 1 1 33.3333%;
max-width: 480px;
}
}
@media only screen and (min-width: 568px) and (max-height: 940px) {
.l-posterwall-stage__poster-wrapper {
max-width: calc(80vh - 250px);
}
}
@media only screen and (max-width: 800px) and (orientation: landscape) {
.l-posterwall-stage__poster-wrapper {
max-width: 200px;
}
}
.l-posterwall-stage__poster {
margin: 0.3rem 10% 0.9rem;
position: relative;
perspective: 1000px;
width: 80%;
min-height: calc(100% - 1.2rem);
}
.l-posterwall-stage__poster > img {
display: block;
opacity: 0;
}
.l-posterwall-stage__poster-front,
.l-posterwall-stage__poster-back {
box-shadow: 0 0 0.6rem rgba(44, 43, 43, 0.4);
transition: transform 0.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.l-posterwall-stage__poster-front {
background: #2c2b2b;
}
.l-posterwall-stage__poster-front > img {
display: block;
min-width: 14rem;
min-height: 16rem;
}
@media only screen and (min-width: 1024px) {
.l-posterwall-stage__poster-front > img {
min-width: 25rem;
min-height: 30rem;
}
}
.flipped .l-posterwall-stage__poster-front {
pointer-events: none;
transform: rotateY(-180deg);
}
.l-posterwall-stage__poster-back {
background: #fff;
pointer-events: none;
overflow: hidden;
padding: 10%;
color: #2c2b2b;
line-height: 1.35;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
transform: rotateY(180deg);
}
.flipped .l-posterwall-stage__poster-back {
pointer-events: auto;
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__poster-back {
font-size: 1.2rem;
}
.l-posterwall-stage__poster-back h3 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.l-posterwall-stage__poster-back {
font-size: 1.5rem;
}
.l-posterwall-stage__poster-back h3 {
font-size: 1.8rem;
}
}
@media only screen and (min-width: 1024px) {
.l-posterwall-stage__poster-back {
font-size: 1.8rem;
}
.l-posterwall-stage__poster-back h3 {
font-size: 2.2rem;
}
}
.l-posterwall-stage__cta {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 7% 8%;
}
.l-posterwall-stage__cta > .m-button,
.m-tab-nav--buttons ul li.l-posterwall-stage__cta > a,
.m-chatbot__panel .wc-app .l-posterwall-stage__cta > button {
display: block;
line-height: 1.2;
padding-top: 0.8em;
padding-bottom: 0.8em;
}
@media only screen and (min-width: 568px) {
.l-posterwall-stage__cta > .m-button,
.m-tab-nav--buttons ul li.l-posterwall-stage__cta > a,
.m-chatbot__panel .wc-app .l-posterwall-stage__cta > button {
font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) {
.l-posterwall-stage__cta > .m-button,
.m-tab-nav--buttons ul li.l-posterwall-stage__cta > a,
.m-chatbot__panel .wc-app .l-posterwall-stage__cta > button {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1024px) {
.l-posterwall-stage__cta > .m-button,
.m-tab-nav--buttons ul li.l-posterwall-stage__cta > a,
.m-chatbot__panel .wc-app .l-posterwall-stage__cta > button {
font-size: 1.8rem;
}
}
.l-pvhbarbara-stage {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100vh;
max-height: 94rem;
background: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.l-pvhbarbara-stage {
position: fixed;
}
}
.l-pvhbarbara-stage > div {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 100vw;
max-width: 1440px;
min-height: 330px;
width: 100%;
margin: 0 auto;
background: transparent;
background-repeat: no-repeat;
background-position: center top;
background-size: 200%;
}
@media only screen and (min-width: 768px) {
.l-pvhbarbara-stage > div {
position: relative;
background-position: center 10%;
background-size: 100%;
}
}
@media only screen and (min-width: 1024px) {
.l-pvhbarbara-stage > div {
background-position: center -5rem;
background-size: 95%;
}
}
@media only screen and (min-width: 1024px) {
.l-pvhbarbara-stage > div {
background-position: center -10rem;
background-size: contain;
}
}
.l-pvhbarbara-stage .m-contact-bar {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.l-pvhbarbara-stage__text {
position: absolute;
bottom: 12%;
text-align: center;
left: 2%;
right: 2%;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.l-pvhbarbara-stage__text {
bottom: 5%;
max-width: 45rem;
}
}
@media only screen and (min-width: 1024px) {
.l-pvhbarbara-stage__text {
max-width: 80rem;
}
}
.l-pvhbarbara-stage__text .m-button-barbara {
font-size: 1.6rem;
width: auto;
}
@media only screen and (min-width: 568px) {
.l-pvhbarbara-stage__text .m-button-barbara {
padding: 1rem 3rem;
}
}
@media only screen and (min-width: 1200px) {
.l-pvhbarbara-stage__text .m-button-barbara {
padding: 2rem 6rem;
font-size: 2.2rem;
}
}
.l-pvhbarbara-stage__text .m-button--flagged {
font-size: 1.8rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 0.5s ease-out;
}
.l-pvhbarbara-stage__text .m-button--flagged,
.l-initialized-add .l-pvhbarbara-stage__text .m-button--flagged,
.l-initialized.l-initialized-add .l-pvhbarbara-stage__text .m-button--flagged {
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.l-initialized .l-pvhbarbara-stage__text .m-button--flagged {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 568px) {
.l-pvhbarbara-stage__text .m-button--flagged {
font-size: 2.2rem;
}
}
.l-pvhbarbara-stage__headline {
font-size: 5.4rem;
line-height: 1.1;
color: #f4ac00;
margin-bottom: 0.5rem;
text-transform: uppercase;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 1.3s;
}
.l-pvhbarbara-stage__headline,
.l-initialized-add .l-pvhbarbara-stage__headline,
.l-initialized.l-initialized-add .l-pvhbarbara-stage__headline {
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-pvhbarbara-stage__headline {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.l-pvhbarbara-stage__headline {
margin-bottom: 1.4rem;
}
}
@media only screen and (min-width: 1024px) {
.l-pvhbarbara-stage__headline {
font-size: 5.4rem;
}
}
@media only screen and (min-width: 1200px) {
.l-pvhbarbara-stage__headline {
font-size: 7.2rem;
}
}
.l-pvhbarbara-stage__subline {
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 1.8rem;
color: #fff;
margin-bottom: 0.7rem;
-ms-transform-origin: center top;
transform-origin: center top;
transition: transform 1s 0.7s;
}
.l-pvhbarbara-stage__subline,
.l-initialized-add .l-pvhbarbara-stage__subline,
.l-initialized.l-initialized-add .l-pvhbarbara-stage__subline {
transform: translate3d(0, -10px, 0);
}
.l-initialized .l-pvhbarbara-stage__subline {
-ms-transform: none;
transform: none;
}
@media only screen and (min-width: 768px) {
.l-pvhbarbara-stage__subline {
font-size: 2.8rem;
}
}
#js-quick-calculator {
overflow: visible;
}
.l-quick-calculator > h2 {
margin-bottom: 2.8rem;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 1.8rem;
font-weight: 500;
line-height: 2.8rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator > h2 {
font-size: 2.2rem;
}
}
.l-quick-calculator .l-grid,
.l-quick-calculator .m-datepicker,
.l-quick-calculator .m-form__group,
.l-quick-calculator .m-callout,
.l-quick-calculator .m-feature-list {
position: relative;
}
.l-content__header.l-content__header--corporate .l-quick-calculator {
margin-bottom: -5.6rem;
}
.l-quick-calculator__option {
width: 100%;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 568px) {
.l-quick-calculator__option {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__option {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1024px) {
.l-quick-calculator__option {
width: 20%;
margin-bottom: 0;
}
}
.l-quick-calculator__option > div {
position: relative;
padding: 1.4rem;
background: #3f3f3f;
text-align: center;
}
.l-quick-calculator__option > div input.ng-dirty.ng-invalid {
background: #f9e6e2;
}
.l-quick-calculator__option > div input::-webkit-input-placeholder {
color: #2c2b2b;
}
.l-quick-calculator__option > div input::-moz-placeholder {
color: #2c2b2b;
}
.l-quick-calculator__option > div input:-ms-input-placeholder {
color: #2c2b2b;
}
.l-quick-calculator__option > div input:-moz-placeholder {
color: #2c2b2b;
}
.l-quick-calculator__option > div > i {
display: block;
padding: 1.4rem 0;
color: #fff;
font-size: 3.6rem;
}
.l-quick-calculator__option > div > strong {
display: block;
margin-bottom: 1.4rem;
font-size: 1.6rem;
}
.l-quick-calculator__option > div > .m-fancy-select {
color: #2c2b2b;
}
.l-quick-calculator__option > div .with-icon {
overflow: hidden;
padding-right: 3.5rem;
white-space: nowrap;
text-overflow: ellipsis;
}
.l-quick-calculator__option > div .with-icon + i {
position: absolute;
right: 2.8rem;
bottom: 1.2rem;
color: #f4ac00;
font-size: 1.8rem;
cursor: pointer;
}
.l-quick-calculator__error-message {
position: relative;
overflow: hidden;
max-height: 0;
padding-right: 2.8rem;
padding-left: 2.8rem;
color: #fff;
background: #c52223;
transition: all 0.2s;
}
.l-quick-calculator__error-message p {
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
margin-top: 0;
}
.l-quick-calculator__error-message.visible {
overflow: visible;
max-height: 11.2rem;
margin-top: 2.4rem;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
.l-quick-calculator__error-message:after {
position: absolute;
top: 0;
left: 50%;
content: "";
position: absolute;
border: 1rem solid transparent;
content: "";
top: auto;
border-top: 0;
left: 50%;
bottom: 100%;
right: auto;
margin-left: -1rem;
margin-bottom: 0;
border-bottom-color: #c52223;
}
.l-quick-calculator__error-message .icon {
position: absolute;
margin-top: 1.3rem;
top: 50%;
left: 2.8rem;
height: 100%;
margin-right: 1.4rem;
font-size: 2.2rem;
vertical-align: middle;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.l-quick-calculator__error-message .message {
font-weight: 500;
padding-left: 2.8rem;
line-height: 2.1rem;
vertical-align: middle;
}
.l-quick-calculator__model-selection {
position: fixed;
z-index: 999999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
padding: 1.4rem;
background: #3f3f3f;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__model-selection {
position: absolute;
z-index: 99;
right: 0.7rem;
left: 0.7rem;
}
}
.l-quick-calculator__model-selection.visible {
display: block;
animation: fadeIn 0.2s;
}
.l-quick-calculator__model-selection
.l-quick-calculator__model-selection__profile {
margin-bottom: 1.4rem;
}
.l-quick-calculator__model-selection > div .m-box {
padding: 1.4rem 0 2.8rem;
color: #f4ac00;
cursor: pointer;
transition: color 0.2s;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__model-selection > div .m-box {
margin-bottom: 1.8rem !important;
}
}
.l-quick-calculator__model-selection > div .m-box:hover,
.l-quick-calculator__model-selection > div .m-box:focus {
color: #f08100;
}
.l-quick-calculator__model-selection > div .m-box > i {
display: block;
margin-bottom: 0.7rem;
font-size: 6rem;
}
.l-quick-calculator__model-selection > div .m-box > strong {
display: block;
}
.l-quick-calculator__result-button {
position: relative;
overflow: hidden;
height: 4.2rem;
text-align: center;
cursor: pointer;
margin-top: 1.4rem !important;
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-button {
margin-top: 2.8rem !important;
}
}
.l-quick-calculator__result-button:hover .m-spinner:after {
background: #db9a00;
}
.l-quick-calculator__result-button.calculating .label {
top: -7rem;
}
.l-quick-calculator__result-button.calculating .m-spinner {
opacity: 1;
}
.l-quick-calculator__result-button.transformed {
height: auto;
border-radius: 0;
cursor: default;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-button.transformed {
height: 35rem;
}
}
.l-quick-calculator__result-button.transformed:hover {
background: #f4ac00;
}
.l-quick-calculator__result-button.transformed .label {
top: -7rem;
opacity: 0;
}
.l-quick-calculator__result-button.transformed .m-spinner {
opacity: 0;
}
.l-quick-calculator__result-button.transformed
.l-quick-calculator__result-button__results {
top: 0;
opacity: 1;
}
.l-quick-calculator__result-button.transformation-finished {
overflow: visible;
}
.l-quick-calculator__result-button .label {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all 0.5s;
}
.l-quick-calculator__result-button .label > i {
position: relative;
top: 0.2rem;
}
.l-quick-calculator__result-button .m-spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -1.4rem;
margin-left: -1.4rem;
opacity: 0;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all 0.5s;
}
.l-quick-calculator__result-button__results {
position: relative;
top: 5.6rem;
padding: 1.4rem;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.l-quick-calculator__result-button__results .headline {
display: block;
margin-bottom: 1.4rem;
font-size: 2.2rem;
}
.l-quick-calculator__result-button__results .plan > div {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
color: #2c2b2b;
background: #fff;
}
.l-quick-calculator__result-button__results .plan > div > header {
margin-top: 0.7rem;
margin-bottom: 1.4rem;
padding-bottom: 1.4rem;
border-bottom: 0.3rem solid #f4ac00;
}
.l-quick-calculator__result-button__results .plan > div > header h4 {
font-size: 1.8rem;
}
.l-quick-calculator__result-button__results .plan > div > span {
display: block;
padding-top: 1.4rem;
color: #f4ac00;
font-size: 3.2rem;
text-align: center;
}
.l-quick-calculator__result-button__results .plan > div > span > span {
display: block;
margin-top: 0.7rem;
font-size: 1.5rem;
}
.l-quick-calculator__result-button__results .m-tooltip {
float: right;
margin-top: 0.7rem;
color: #fff;
text-decoration: underline;
}
.l-quick-calculator__result-button__results .close-button {
position: absolute;
top: 0;
right: -2.1rem;
padding: 0;
background: transparent;
font-size: 1.8rem;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.l-quick-calculator__form-box {
position: relative;
padding: 2rem;
background-color: #3f3f3f;
}
.l-quick-calculator__form-box [class*="l-grid__col"] {
margin-bottom: 0;
}
.l-quick-calculator__form-box label.boxstyle {
margin-bottom: 0.7rem;
}
.l-quick-calculator__form-box:after {
z-index: 2000;
position: absolute;
border: 2.5rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -2.5rem;
margin-top: 0;
border-top-color: #3f3f3f;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__form-box:after {
position: absolute;
border: 2.5rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -2.5rem;
margin-left: 0;
border-left-color: #3f3f3f;
}
}
.l-quick-calculator__form-box .extension {
display: block;
margin-top: 0.9rem;
}
.l-quick-calculator__form-box
.l-grid__col--s-3-12.l-grid__col--keep-width
+ .l-grid__col--s-3-12 {
padding-left: 0.9rem;
}
@media only screen and (min-width: 480px) {
.l-quick-calculator__form-box .l-grid__col--s-3-12.l-grid__col--keep-width {
padding-right: 0.4rem;
}
.l-quick-calculator__form-box
.l-grid__col--s-3-12.l-grid__col--keep-width
+ .l-grid__col--s-3-12 {
padding-right: 0.9rem;
padding-left: 0.4rem;
}
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__form-box {
display: table-cell;
width: 66.6666666667%;
vertical-align: middle;
}
.l-quick-calculator__table--titled .l-quick-calculator__form-box {
vertical-align: top;
}
.l-quick-calculator__form-box + .l-grid__col--s-3-12 {
padding-left: 0.9rem;
}
}
.l-quick-calculator__label {
margin-top: 0.9rem;
font-weight: 500;
}
@media only screen and (min-width: 568px) {
.l-quick-calculator__label {
text-align: right;
}
}
.l-quick-calculator__form-title {
font-weight: 500;
line-height: 2.4rem;
text-align: left;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__form-title {
margin-bottom: 1.4rem;
}
}
.l-quick-calculator__form-info {
text-align: center;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
}
.l-quick-calculator__form-info > i {
color: #f4ac00;
font-size: 1.8rem;
line-height: 0;
vertical-align: -0.4rem;
margin-right: 0.5rem;
}
.l-quick-calculator__checklabel.checkbox {
color: #fff;
min-height: 4.2rem;
}
.l-quick-calculator__result-box {
position: relative;
margin-top: 1.8rem;
padding: 2rem;
background-color: #2c2b2b;
background-clip: padding-box;
text-align: center;
transition: background-color 0.2s;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-box {
display: table-cell;
border-top: 0;
border-left: solid 1.8rem transparent;
vertical-align: middle;
width: 33.3333333333%;
}
.l-quick-calculator__table--titled .l-quick-calculator__result-box {
vertical-align: top;
}
}
.l-quick-calculator__result-box .m-tooltip > span {
display: block;
margin-top: 1.4rem;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
text-decoration: underline;
cursor: pointer;
}
.l-quick-calculator__result-box .m-spinner {
position: absolute;
top: 50%;
left: 50%;
width: 5rem;
height: 5rem;
margin: -2.5rem 0 0 -2.5rem;
transition: opacity 0.2s;
}
.l-quick-calculator__result-box .m-spinner:after {
background: #2c2b2b;
}
.l-quick-calculator__result-box .l-quick-calculator__result-content {
opacity: 0;
transition: opacity 0.2s;
}
.l-quick-calculator__result-box.transformation-finished .m-spinner {
opacity: 0;
}
.l-quick-calculator__result-box.transformation-finished
.l-quick-calculator__result-content {
opacity: 1;
}
.l-quick-calculator__result-box.transformation-finished.calculating .m-spinner {
opacity: 1;
}
.l-quick-calculator__result-box.transformation-finished.calculating
.l-quick-calculator__result-content {
opacity: 0.1;
}
.l-quick-calculator__result-title {
text-align: left;
font-weight: 500;
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-title {
margin-bottom: 4.2rem;
}
}
.l-quick-calculator__result-text {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-text {
margin-bottom: 0;
}
}
.l-quick-calculator__result-text > span {
display: block;
font-size: 4.8rem;
line-height: 1;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__result-text--large {
margin-bottom: 4rem;
}
}
.l-quick-calculator__subline {
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
margin-top: 2rem;
text-align: left;
}
.l-quick-calculator__nlf {
font-size: 2.2rem;
font-weight: 300;
line-height: 6rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-quick-calculator__nlf {
line-height: 7rem;
}
}
.l-quick-calculator__nlf input,
.l-quick-calculator__nlf .m-fancy-select {
font-size: 1.8rem;
line-height: 2rem;
}
.l-quick-calculator__nlf .m-fancy-select {
display: inline-block;
width: 24rem;
color: #2c2b2b;
vertical-align: -0.4rem;
}
.l-quick-calculator__table {
border-collapse: separate;
display: table;
table-layout: fixed;
width: 100%;
}
.l-content__header--landing-dark .l-quick-calculator {
max-width: none;
padding: 1.4rem;
background-color: #4c4c4c;
}
@media only screen and (min-width: 1024px) {
.l-content__header--landing-dark .l-quick-calculator {
max-width: 960px;
padding: 0 0 2.8rem;
background-color: transparent;
}
}
.l-content__header--landing-pri .l-quick-calculator {
padding: 0 1.4rem 2.8rem;
}
@media only screen and (min-width: 1024px) {
.l-content__header--landing-pri .l-quick-calculator {
padding: 0 0 2.8rem;
}
}
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__form-box {
background-color: #fff;
}
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__form-box:before {
z-index: 1999;
position: absolute;
border: 3rem solid transparent;
content: "";
bottom: auto;
border-bottom: 0;
top: 100%;
left: 50%;
right: auto;
margin-left: -3rem;
margin-top: 0;
border-top-color: #f4ac00;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__form-box:before {
position: absolute;
border: 3rem solid transparent;
content: "";
right: auto;
border-right: 0;
top: 50%;
left: 100%;
bottom: auto;
margin-top: -3rem;
margin-left: 0;
border-left-color: #f4ac00;
}
}
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__form-box:after {
border-top-color: #fff;
}
@media only screen and (min-width: 768px) {
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__form-box:after {
border-top-color: transparent;
border-left-color: #fff;
}
}
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__result-box {
background-color: #fff;
border-left-color: #f4ac00;
}
.l-content__header--landing-pri
.l-quick-calculator
.l-quick-calculator__result-box
.m-tooltip
> span {
color: #f4ac00;
}
.l-content__header--landing-pri .l-quick-calculator__option > div {
background: #fff;
}
.l-content__header--landing-pri .l-quick-calculator__option > div > i {
color: #f4ac00;
}
.l-content__header--landing-pri .l-quick-calculator__model-selection {
background: #fff;
}
.l-content__header--landing-pri .l-quick-calculator__result-button.m-button,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button {
overflow: hidden;
padding: 0;
}
.l-content__header--landing-pri
.l-quick-calculator__result-button.m-button.calculating,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button.calculating,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button.calculating,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button.calculating,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button.calculating,
.l-content__header--landing-pri
.l-quick-calculator__result-button.m-button.calculating:hover,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button.calculating:hover,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button.calculating:hover,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button.calculating:hover,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button.calculating:hover {
cursor: default;
background: #f08100;
}
.l-content__header--landing-pri
.l-quick-calculator__result-button.m-button.calculating
.m-spinner:after,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button.calculating
.m-spinner:after,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button.calculating
.m-spinner:after,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button.calculating
.m-spinner:after,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button.calculating
.m-spinner:after,
.l-content__header--landing-pri
.l-quick-calculator__result-button.m-button.calculating:hover
.m-spinner:after,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button.calculating:hover
.m-spinner:after,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button.calculating:hover
.m-spinner:after,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button.calculating:hover
.m-spinner:after,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button.calculating:hover
.m-spinner:after {
background: #f08100;
}
.l-content__header--landing-pri
.l-quick-calculator__result-button.m-button.transformed,
.l-content__header--landing-pri
.m-tab-nav--buttons
ul
li
> a.l-quick-calculator__result-button.transformed,
.m-tab-nav--buttons
ul
.l-content__header--landing-pri
li
> a.l-quick-calculator__result-button.transformed,
.l-content__header--landing-pri
.m-chatbot__panel
.wc-app
button.l-quick-calculator__result-button.transformed,
.m-chatbot__panel
.wc-app
.l-content__header--landing-pri
button.l-quick-calculator__result-button.transformed {
background: transparent;
}
.l-content__header--landing-pri .l-quick-calculator__result-button__results {
padding: 0;
}
.l-content__header--landing-pri .l-quick-calculator__checklabel.checkbox {
color: #2c2b2b;
}
.l-content__header--landing-pri rzslider .rz-bar {
background-color: #f2f2f2;
}
.l-content__header--landing-pri rzslider .rz-bar.rz-selection {
background-color: #f4ac00;
}
.l-content__header--landing-pri rzslider .rz-pointer {
border-color: #fff;
}
.l-content__header--landing-pri rzslider .rz-pointer:after {
border-top-color: #f4ac00;
}
.l-content__header--landing-pri rzslider .rz-bubble {
background-color: #f4ac00;
color: #fff;
}
.l-content__header--landing-pri rzslider .rz-bubble.rz-limit {
background-color: transparent;
color: #2c2b2b;
}
.l-responsive-table {
position: relative;
}
.l-responsive-table:after {
clear: both;
display: table;
content: "";
}
.l-responsive-table__head {
position: relative;
float: left;
width: 49%;
margin-right: 1%;
}
@media only screen and (min-width: 568px) {
.l-responsive-table__head {
width: 39%;
}
}
.l-responsive-table__body {
position: relative;
float: left;
overflow-x: auto;
width: 50%;
}
@media only screen and (min-width: 568px) {
.l-responsive-table__body {
width: 60%;
}
}
.l-responsive-table__body th,
.l-responsive-table__body td {
width: 48vw;
}
@media only screen and (min-width: 568px) {
.l-responsive-table__body th,
.l-responsive-table__body td {
width: 58vw;
}
}
.l-responsive-table__body div.nav-wrapper {
position: relative;
width: 100%;
top: -3.5rem;
}
.l-responsive-table__body div.nav-wrapper button {
position: absolute;
display: inline-block;
width: 4.2rem;
height: 4.2rem;
background: transparent;
min-height: 0;
margin: 0;
padding: 0;
text-align: center;
}
.l-responsive-table__body div.nav-wrapper button > i {
position: relative;
top: 0.3rem;
left: 0;
}
.l-responsive-table__prev-button {
z-index: 2;
top: 0.4rem;
left: -10%;
}
@media only screen and (min-width: 568px) {
.l-responsive-table__prev-button {
left: -2%;
}
}
.l-responsive-table__next-button {
z-index: 2;
top: 0.4rem;
right: -6%;
}
@media only screen and (min-width: 568px) {
.l-responsive-table__next-button {
right: -1%;
}
}
.l-richtext {
margin-bottom: 2.8rem;
}
.l-richtext:last-child {
margin-bottom: 0;
}
.l-richtext p {
margin-bottom: 2.8rem;
}
.l-richtext p:last-child {
margin-bottom: 0;
}
.l-richtext__table-wrapper {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.l-richtext--with-media-left:after {
clear: both;
display: table;
content: "";
}
.l-richtext--with-media-left figure {
max-width: 32rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-left figure {
float: left;
width: auto;
margin-right: 2.8rem;
margin-bottom: 0;
}
}
.l-richtext--with-media-left figure.desktop {
display: none;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-left figure.desktop {
display: block;
}
}
.l-richtext--with-media-left figure.mobile {
margin-top: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-left figure.mobile {
display: none;
}
}
.l-richtext--with-media-right:after {
clear: both;
display: table;
content: "";
}
.l-richtext--with-media-right figure {
max-width: 32rem;
margin-bottom: 1.4rem;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-right figure {
float: right;
width: auto;
margin-bottom: 0;
margin-left: 2.8rem;
}
}
.l-richtext--with-media-right figure.desktop {
display: none;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-right figure.desktop {
display: block;
}
}
.l-richtext--with-media-right figure.mobile {
margin-top: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-richtext--with-media-right figure.mobile {
display: none;
}
}
@media only screen and (min-width: 568px) {
.l-tabs.l-tabs--cyber {
display: -ms-flexbox;
display: flex;
}
}
.l-tabs.l-tabs--square {
margin-top: 5.6rem;
max-width: 100vw;
overflow: hidden;
}
.l-tabs__content--corporate {
margin-top: 1.4rem;
}
.l-tabs__content--corporate > tab > div {
top: 2.8rem;
margin-bottom: 2.8rem;
}
.l-tabs__content--cyber {
-ms-flex: 1;
flex: 1;
line-height: 2.4rem;
}
.l-tabs__content--cyber .l-grid__col--6-12,
.l-tabs__content--cyber .m-callout > div {
float: none;
margin-top: 2.8rem;
}
@media only screen and (min-width: 568px) {
.l-tabs__content--cyber .l-grid__col--6-12,
.l-tabs__content--cyber .m-callout > div {
float: left;
}
}
.l-tabs__content--cyber .l-grid__col--6-12:nth-child(2n + 1),
.l-tabs__content--cyber .m-callout > div:nth-child(2n + 1) {
clear: left;
}
.l-tabs__content--square {
background: #f2f2f2;
}
@media only screen and (min-width: 568px) {
.l-tabs__content--square {
margin-top: -6%;
}
}
@media only screen and (min-width: 1200px) {
.l-tabs__content--square {
margin-top: -9rem;
}
}
.l-tabs__content--square > tab > div {
display: -ms-flexbox;
display: flex;
padding-top: 6%;
}
@media only screen and (min-width: 568px) {
.l-tabs__content--square > tab > div {
padding-top: 14rem;
}
}
.l-tabs__content--square > tab > div > div {
width: 100%;
background-position: right 4% bottom;
background-repeat: no-repeat;
background-size: contain;
max-width: calc(1200px + 10rem);
margin: 0 auto;
padding: 0 1.4rem 12rem;
}
@media only screen and (min-width: 568px) {
.l-tabs__content--square > tab > div > div {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media only screen and (min-width: 1024px) {
.l-tabs__content--square > tab > div > div {
background-position: right 10% bottom;
}
}
@media (max-width: 767px) {
.l-tabs__content--square > tab > div > div {
background-image: none !important;
}
}
.l-tabs__content {
position: relative;
}
tab {
opacity: 0;
transition: opacity 0.5s;
}
tab > div {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.5s;
}
tab > div.selected {
opacity: 1;
z-index: 1;
}
.l-usp:after {
clear: both;
display: table;
content: "";
}
.l-usp > div {
position: relative;
}
.l-usp .l-richtext {
margin-bottom: 2.8rem;
}
@media only screen and (min-width: 768px) {
.l-usp__list {
width: 58.3333333333%;
}
}
.l-usp__list .m-list--ordered li,
.l-usp__list .l-richtext ol li,
.l-richtext .l-usp__list ol li {
position: relative;
margin-bottom: 1.4rem;
padding: 2.8rem;
background: #fff;
}
@media only screen and (min-width: 768px) {
.l-usp__list .m-list--ordered li,
.l-usp__list .l-richtext ol li,
.l-richtext .l-usp__list ol li {
padding: 2.8rem 11.2rem;
padding-right: 11.2rem;
font-size: 2.2rem;
}
}
.l-usp__list .m-list--ordered li:last-child:after,
.l-usp__list .l-richtext ol li:last-child:after,
.l-richtext .l-usp__list ol li:last-child:after {
display: none;
}
.l-usp__list .m-list--ordered li:before,
.l-usp__list .l-richtext ol li:before,
.l-richtext .l-usp__list ol li:before {
position: relative;
width: 100%;
margin-bottom: 2.8rem;
font-size: 3.2rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
.l-usp__list .m-list--ordered li:before,
.l-usp__list .l-richtext ol li:before,
.l-richtext .l-usp__list ol li:before {
position: absolute;
top: 50%;
left: 4.2rem;
margin-top: -1rem;
margin-bottom: 0;
font-family: "HelveticaNeue15", "Helvetica", "Arial", sans-serif;
font-size: 6rem;
font-weight: 300;
text-align: left;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.l-usp__list .m-list--ordered li:after,
.l-usp__list .l-richtext ol li:after,
.l-richtext .l-usp__list ol li:after {
position: absolute;
z-index: 1;
bottom: -2.1rem;
left: 50%;
width: 3.8rem;
height: 3.8rem;
border-right: 0.3rem solid #f2f2f2;
border-bottom: 0.3rem solid #f2f2f2;
background: #fff;
content: "";
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.l-usp__image {
position: absolute;
right: 0;
bottom: -5.6rem;
display: none;
}
@media only screen and (min-width: 768px) {
.l-usp__image {
right: 5.6rem;
display: block;
}
}
@media only screen and (min-width: 1024px) {
.l-usp__image {
width: 26rem;
}
}
.m-chatbot__panel {
position: fixed;
z-index: 1000000000;
bottom: 0;
right: 0;
left: 0;
top: 0;
background: white;
border-radius: 0.4rem;
box-shadow: 0 0 20px rgba(44, 43, 43, 0.3);
min-width: 290px;
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
-ms-transform-origin: 95% 115%;
transform-origin: 95% 115%;
transition: all 0.2s;
}
@media only screen and (min-width: 568px) {
.m-chatbot__panel {
bottom: 95px;
right: 25px;
height: 400px;
min-width: 400px;
left: auto;
top: auto;
}
}
@media only screen and (min-width: 768px) {
.m-chatbot__panel {
max-width: 700px;
height: 60vh;
width: 60vw;
}
}
.m-chatbot__panel.is-open {
opacity: 1;
-ms-transform: none;
transform: none;
transition: all 0.2s 0.1s;
}
.m-chatbot__panel .wc-chatview-panel {
overflow: visible;
}
.m-chatbot__panel .wc-message-callout {
display: none;
}
.m-chatbot__panel .wc-message-from {
display: none;
}
.m-chatbot__panel .wc-header {
background: #f4ac00;
border-radius: 0.4rem 0.4rem 0 0;
box-shadow: none;
height: auto;
font-size: 1.8rem;
padding: 14px 15px 14px 60px;
position: relative;
}
@media only screen and (min-width: 568px) {
.m-chatbot__panel .wc-header {
padding-left: 85px;
}
}
.m-chatbot__panel .wc-header:before,
.m-chatbot__panel .wc-header:after {
bottom: 4px;
left: 12px;
position: absolute;
content: "";
}
.m-chatbot__panel .wc-header:before {
background-color: #fff;
border-radius: 50%;
height: 40px;
width: 40px;
}
@media only screen and (min-width: 568px) {
.m-chatbot__panel .wc-header:before {
content: none;
}
}
.m-chatbot__panel .wc-header:after {
background: url(assets/images/chatbot-avatar.png) no-repeat center bottom;
background-size: contain;
border-bottom-left-radius: 19px;
border-bottom-right-radius: 19px;
height: 44px;
overflow: hidden;
width: 40px;
}
@media only screen and (min-width: 568px) {
.m-chatbot__panel .wc-header:after {
border-radius: 0;
bottom: 0;
height: 78px;
left: 20px;
width: 58px;
}
}
.m-chatbot__panel .wc-app {
font-family: inherit;
font-weight: 500;
line-height: 1.25;
}
.m-chatbot__panel .wc-app input {
font-size: 16px;
}
.m-chatbot__panel .wc-app button {
border: 0;
font-family: inherit;
line-height: 2rem;
padding: 0.7rem 1.4rem;
}
.m-chatbot__panel .format-markdown ul {
padding-left: 0;
list-style-position: inside;
list-style-type: none;
margin: 0.7rem 0;
}
.m-chatbot__panel .format-markdown ul:last-child {
margin-bottom: 0;
}
.m-chatbot__panel .format-markdown ul li {
margin-bottom: 0.7rem;
padding-left: 2.4rem;
text-indent: -2.4rem;
}
.m-chatbot__panel .format-markdown ul li:before {
top: 0;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 1.4rem;
border: 0.1rem solid #f4ac00;
background: #f4ac00;
content: "";
}
.m-chatbot__panel .wc-card {
border: 0;
width: auto;
}
.m-chatbot__panel .wc-card h2 {
line-height: inherit;
}
.m-chatbot__panel .wc-message-content {
background-color: #f2f2f2;
border-radius: 0 0.8rem 0.8rem 0.8rem;
box-shadow: none;
color: #2c2b2b;
font-weight: 300;
}
.m-chatbot__panel .wc-message-from-me .wc-message-content {
background-color: #fce6be;
border-radius: 0.8rem 0 0.8rem 0.8rem;
color: #2c2b2b;
}
.m-chatbot__panel .wc-console {
border: 0;
border-top: 0.2rem solid #f2f2f2;
border-radius: 0 0 0.4rem 0.4rem;
}
.m-chatbot__panel .wc-console .wc-upload {
display: none;
}
.m-chatbot__panel .wc-console .wc-textbox {
left: 18px;
}
.m-chatbot__panel .wc-console svg {
fill: #f4ac00;
}
.m-chatbot__panel .wc-console.has-text .wc-send svg {
fill: #f08100;
}
.m-chatbot__panel .wc-console textarea,
.m-chatbot__panel .wc-console input[type="text"] {
background: transparent;
box-shadow: none;
}
.m-chatbot__toggle {
position: fixed;
z-index: 100000001;
background: #f4ac00;
border-radius: 50%;
box-shadow: 0 0 20px rgba(44, 43, 43, 0.3);
color: #fff;
cursor: pointer;
text-align: center;
transition: all 0.2s 0.1s;
}
.m-chatbot__toggle.is-avatar {
height: 70px;
width: 70px;
right: 15px;
bottom: 5px;
}
@media only screen and (min-width: 568px) {
.m-chatbot__toggle.is-avatar {
bottom: 15px;
}
}
.m-chatbot__toggle.is-close {
width: 44px;
height: 44px;
right: 20px;
bottom: 10px;
box-shadow: none;
}
@media only screen and (min-width: 568px) {
.m-chatbot__toggle.is-close {
height: 60px;
width: 60px;
box-shadow: 0 0 20px rgba(44, 43, 43, 0.3);
top: auto;
right: 20px;
bottom: 20px;
}
}
.m-chatbot__toggle.is-close .m-chatbot__label {
-ms-transform: scale(0);
transform: scale(0);
transition: transform 0.2s;
}
.m-chatbot__toggle.is-close .m-chatbot__avatar {
-ms-transform: scale(0);
transform: scale(0);
transition: transform 0.2s 0.1s;
}
.m-chatbot__toggle.is-avatar .m-chatbot__close {
-ms-transform: scale(0);
transform: scale(0);
transition: transform 0.2s;
}
.m-chatbot__toggle .m-chatbot__avatar {
background: #fff;
border: 3px solid #f4ac00;
border-radius: 50%;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
transition: transform 0.2s;
width: 100%;
}
.m-chatbot__toggle .m-chatbot__avatar:before {
background: url(assets/images/chatbot-avatar.png) no-repeat center bottom;
background-size: contain;
border-radius: 0 0 32px 32px;
bottom: 0;
content: "";
width: 100%;
height: 108%;
left: 0;
display: block;
position: absolute;
}
.m-chatbot__toggle .m-chatbot__label {
border-radius: 0.4rem;
background: #f4ac00;
color: #fff;
font-size: 1.2rem;
line-height: 1.25;
padding: 0.7rem 1rem;
padding-right: 2rem;
position: absolute;
right: 80%;
top: 20%;
-ms-transform-origin: right center;
transform-origin: right center;
transition: all 0.2s 0.1s;
width: 90px;
}
.m-chatbot__toggle .m-chatbot__close {
background: #f4ac00;
border-radius: 50%;
display: none;
font-size: 4rem;
font-weight: 300;
line-height: 44px;
transition: transform 0.2s 0.1s;
}
@media only screen and (min-width: 568px) {
.m-chatbot__toggle .m-chatbot__close {
display: block;
line-height: 57px;
}
}
.m-chatbot__mobile-close {
background: #f4ac00;
color: #fff;
cursor: pointer;
font-size: 4rem;
font-weight: 300;
height: 50px;
line-height: 46px;
position: fixed;
right: 0px;
text-align: center;
top: 0px;
-ms-transform: scale(0);
transform: scale(0);
transition: transform 0.2s;
width: 50px;
z-index: 1000000001;
}
.m-chatbot__mobile-close.is-visible {
-ms-transform: none;
transform: none;
transition: transform 0.2s 0.2s;
}
@media only screen and (min-width: 568px) {
.m-chatbot__mobile-close {
display: none;
}
}