@charset "UTF-8";
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #000 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: 0 0;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: #fff
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: 0 0;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
background-repeat: repeat-x
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x
}
.select2-container--classic .select2-selection--multiple {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
@font-face {
font-family: LOOP_icons;
src: url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../fonts/iconfont/LOOP_icons.eot?v=1.6);
src: url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../fonts/iconfont/LOOP_icons.eot?v=1.6#iefix) format("eot"), url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../fonts/iconfont/LOOP_icons.woff?v=1.6) format("woff"), url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../fonts/iconfont/LOOP_icons.ttf?v=1.6) format("truetype"), url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../fonts/iconfont/LOOP_icons.svg?v=1.6#LOOP_icons) format("svg")
}
.faq__header-select-holder:after,
.filter-bar:after,
.form-checkbox__icon:before,
.icon--apple:before,
.icon--appliance-dishwashers:before,
.icon--appliance-fridge:before,
.icon--appliance-ovens:before,
.icon--appliance-refrigerators:before,
.icon--appliance-tumble-dryers:before,
.icon--appliance-washing-machines:before,
.icon--arrow-bottom:before,
.icon--arrow-left:before,
.icon--arrow-right:before,
.icon--arrow-top:before,
.icon--bell:before,
.icon--blog-rss:before,
.icon--burger:before,
.icon--certificate:before,
.icon--check:before,
.icon--chevron-down:before,
.icon--clock:before,
.icon--close:before,
.icon--clothes:before,
.icon--contact-location:before,
.icon--contact-mail:before,
.icon--contact-phone:before,
.icon--dishes:before,
.icon--dve:before,
.icon--energy:before,
.icon--facebook:before,
.icon--guide:before,
.icon--help:before,
.icon--instagram:before,
.icon--languages:before,
.icon--lock:before,
.icon--network:before,
.icon--play:before,
.icon--recipes:before,
.icon--search-filter:before,
.icon--search:before,
.icon--settings:before,
.icon--share:before,
.icon--statistic:before,
.icon--twitter:before,
.icon--water:before,
.icon--wizard:before,
.icon--youtube:before,
.quick-start__item__wrapper:after,
.share-button__icon:after,
.video-teaser__play:before {
font-family: LOOP_icons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none
}
.icon--apple:before {
content: ""
}
.icon--appliance-dishwashers:before {
content: ""
}
.icon--appliance-fridge:before {
content: ""
}
.icon--appliance-ovens:before {
content: ""
}
.icon--appliance-refrigerators:before {
content: ""
}
.icon--appliance-tumble-dryers:before {
content: ""
}
.icon--appliance-washing-machines:before {
content: ""
}
.icon--arrow-bottom:before {
content: ""
}
.icon--arrow-left:before {
content: ""
}
.icon--arrow-right:before {
content: ""
}
.icon--arrow-top:before {
content: ""
}
.icon--bell:before {
content: ""
}
.icon--blog-rss:before {
content: ""
}
.icon--burger:before {
content: ""
}
.icon--certificate:before {
content: ""
}
.icon--check:before {
content: ""
}
.icon--chevron-down:before {
content: ""
}
.icon--clock:before {
content: ""
}
.icon--close:before {
content: ""
}
.icon--clothes:before {
content: ""
}
.icon--contact-location:before {
content: ""
}
.icon--contact-mail:before {
content: ""
}
.icon--contact-phone:before {
content: ""
}
.icon--dishes:before {
content: ""
}
.icon--dve:before {
content: ""
}
.icon--energy:before {
content: ""
}
.icon--facebook:before {
content: ""
}
.icon--guide:before {
content: ""
}
.icon--help:before {
content: ""
}
.icon--instagram:before {
content: ""
}
.icon--languages:before {
content: ""
}
.icon--lock:before {
content: ""
}
.icon--network:before {
content: ""
}
.icon--play:before {
content: ""
}
.icon--recipes:before {
content: ""
}
.icon--search-filter:before {
content: ""
}
.icon--search:before {
content: ""
}
.icon--settings:before {
content: ""
}
.icon--share:before {
content: ""
}
.icon--statistic:before {
content: ""
}
.icon--twitter:before {
content: ""
}
.icon--water:before {
content: ""
}
.icon--wizard:before {
content: ""
}
.icon--youtube:before {
content: ""
}
.accordion {
position: relative;
overflow: hidden
}
.accordion::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 4px;
background-color: #fbfbfb;
z-index: 10
}
.accordion--light::after {
content: none
}
.accordion--light .accordion__item {
border-bottom-color: #fff;
border-bottom-width: 1px
}
.accordion--light .accordion__item:last-child {
border-bottom: 0
}
.accordion__item {
transition: background-color .3s, border-color .3s;
border-bottom: 2px solid #f0f2f3
}
.no-touchevents .accordion__item:hover {
background-color: #f0f2f3;
border-bottom-color: #fbfbfb
}
.accordion__item.is-open {
background-color: #f0f2f3;
border-bottom-color: #fbfbfb
}
.accordion__item.is-open>.accordion__header::before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.accordion__item.is-open>.accordion__header::after {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.accordion__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 15px;
padding-left: 55px;
cursor: pointer
}
.accordion__header::after,
.accordion__header::before {
content: "";
border-bottom: 2px solid #49b5e7;
width: 16px;
position: absolute;
top: 50%;
margin-left: -8px;
margin-top: -1px;
left: 25px;
transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1);
transition: transform .5s cubic-bezier(.77, 0, .175, 1);
transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1)
}
.accordion__header::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.accordion__headline {
padding-top: 3px;
margin: 0;
font-weight: 500
}
.accordion__content {
display: none;
padding-left: 15px
}
.accordion__text {
padding-right: 15px;
padding-bottom: 20px;
font-size: 14px;
line-height: 2
}
.accordion__feedback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
line-height: 1.2;
border-top: 1px solid #d8dbdc
}
.accordion__feedback__headline {
font-weight: 500;
margin: 0
}
.accordion__table {
padding-bottom: 1em
}
@media screen and (min-width:768px) {
.accordion__header {
min-height: 100px;
padding: 20px;
padding-left: 12.5%
}
.accordion__header::after,
.accordion__header::before {
left: 6.25%;
width: 20px;
margin-left: -10px
}
.accordion__header--small {
min-height: 80px
}
.accordion__content {
padding-left: 12.5%
}
.accordion__text {
padding-bottom: 40px;
padding-right: 9.09091%;
font-size: 16px
}
.accordion__feedback {
padding-top: 38px;
padding-bottom: 38px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.accordion__feedback__content {
margin-right: 70px
}
.accordion__table-body {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
column-gap: 20px
}
}
@media screen and (min-width:1024px) {
.accordion__header {
padding-left: 8.33333%
}
.accordion__header::after,
.accordion__header::before {
left: 4.16667%
}
.accordion__content {
padding-left: 8.33333%
}
}
.author-info__content:after,
.author-info__content:before,
.displace:after,
.displace:before,
.feature-list__item:after,
.feature-list__item:before,
.feedback__inner:after,
.feedback__inner:before,
.grid-teaser__row:after,
.grid-teaser__row:before,
.legal:after,
.legal:before,
.newsletter-signup__row:after,
.newsletter-signup__row:before,
.quick-start__list:after,
.quick-start__list:before,
.search__results__group__list:after,
.search__results__group__list:before,
.simple-text-container:after,
.simple-text-container:before,
.step-by-step__list:after,
.step-by-step__list:before,
.text-n-screen:after,
.text-n-screen:before,
.u-row:after,
.u-row:before {
content: "";
display: table
}
.author-info__content:after,
.displace:after,
.feature-list__item:after,
.feedback__inner:after,
.grid-teaser__row:after,
.legal:after,
.newsletter-signup__row:after,
.quick-start__list:after,
.search__results__group__list:after,
.simple-text-container:after,
.step-by-step__list:after,
.text-n-screen:after,
.u-row:after {
clear: both
}
.author-info__content,
.displace,
.feature-list__item,
.feedback__inner,
.grid-teaser__row,
.legal,
.newsletter-signup__row,
.quick-start__list,
.search__results__group__list,
.simple-text-container,
.step-by-step__list,
.text-n-screen,
.u-row {
zoom: 1
}
.author-info__details,
.blog__filter__holder,
.certification__content,
.certification__item,
.certification__list,
.contact__content,
.contact__sidebar,
.displace__content,
.displace__image-container,
.feature-list__content,
.feature-list__icon-holder,
.features__button,
.features__list,
.features__list--big,
.features__list--swiper,
.features__screen,
.features__text,
.feedback__actions,
.feedback__content,
.fieldinfo,
.fieldset,
.grid-teaser__header,
.grid-teaser__list,
.grid-teaser__swiper,
.hero-slider__content,
.hero-slider__item--start .hero-slider__content,
.icon-column__button,
.icon-column__item,
.icon-column__item__inner,
.icon-column__swiper,
.image-teaser,
.image-teaser--landscape,
.image-teaser--portrait,
.image-teaser--square,
.image-teaser--swiper,
.language-selector__item,
.legal__content,
.legal__sidebar,
.newsletter-signup__left,
.newsletter-signup__right,
.product__content,
.product__images,
.quick-start__header,
.quick-start__item,
.remote-control__content,
.remote-control__screen,
.search__form__holder,
.search__results__filter__holder,
.search__results__group__holder,
.search__results__item,
.search__results__item__content,
.search__results__item__image,
.security__stats,
.security__text,
.simple-text,
.step-by-step__image,
.step-by-step__text,
.styleguide__color--quarter,
.styleguide__color--third,
.styleguide__color__wrapper,
.styleguide__item,
.styleguide__item--copySmall .styleguide__item__content p,
.styleguide__item__content,
.styleguide__item__highlight,
.styleguide__item__legend,
.text-n-screen__content,
.text-n-screen__screen,
.video-gallery__holder,
.video-overlay__feedback,
.video-overlay__text {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
.features--wizard .features__list--right,
.features__list--left,
.features__list--right,
.features__list--swiper,
.features__screen,
.hero-slider__content,
.hero-slider__item--start .hero-slider__content,
.remote-control__content,
.remote-control__screen,
.styleguide__item__content,
.video-gallery__holder {
position: relative
}
.product__images {
position: relative
}
.text-n-screen__screen {
display: block !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
clear: both !important
}
@media screen and (max-width:1024px) {
.accordion .quick-start__header,
.accordion .styleguide__color--quarter,
.accordion .styleguide__color--third,
.accordion .styleguide__item--copySmall .styleguide__item__content p,
.accordion .styleguide__item__content,
.accordion .styleguide__item__highlight,
.accordion .styleguide__item__legend,
.styleguide__item--copySmall .styleguide__item__content .accordion p {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (max-width:1024px) {
.accordion .styleguide__item__content {
position: relative
}
}
@media screen and (max-width:1100px) {
.accordion .security__stats,
.accordion .security__stats .features__item,
.accordion .security__text,
.security__stats .accordion .features__item {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (max-width:768px) {
.accordion .grid-teaser__header,
.accordion .remote-control__content,
.accordion .security__stats .features__item,
.security__stats .accordion .features__item {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (max-width:768px) {
.accordion .remote-control__content {
position: relative
}
}
@media screen and (max-width:480px) {
.accordion .grid-teaser__swiper,
.accordion .quick-start__header,
.accordion .styleguide__color--quarter,
.accordion .styleguide__color--third {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:480px) {
.accordion .certification__content,
.accordion .certification__list,
.accordion .features__list--swiper,
.accordion .fieldset--quarter,
.accordion .icon-column__item__inner,
.accordion .search__form__holder,
.accordion .search__results__group__holder,
.accordion .search__results__item__content,
.accordion .search__results__item__image {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:480px) {
.accordion .features__list--swiper {
position: relative
}
}
@media screen and (min-width:768px) {
.accordion .author-info__details,
.accordion .displace__content,
.accordion .displace__image-container,
.accordion .feedback__actions,
.accordion .feedback__content,
.accordion .fieldset--half,
.accordion .fieldset--quarter,
.accordion .hero-image__content,
.accordion .hero-phones__content,
.accordion .hero-slider__item--start .hero-slider__content,
.accordion .hero-text__content,
.accordion .language-selector__item,
.accordion .newsletter-signup__left,
.accordion .newsletter-signup__right,
.accordion .tags,
.accordion .text-n-screen__content,
.accordion .text-n-screen__screen,
.hero-slider__item--start .accordion .hero-slider__content {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:768px) {
.accordion .hero-phones__content,
.accordion .hero-slider__item--start .hero-slider__content,
.hero-slider__item--start .accordion .hero-slider__content {
position: relative
}
}
@media screen and (min-width:1100px) {
.accordion .certification__item,
.accordion .contact__content,
.accordion .contact__form .fieldset--quarter,
.accordion .contact__sidebar,
.accordion .product__content,
.accordion .product__images,
.accordion .search__form__holder,
.accordion .search__results__group__holder,
.accordion .search__results__item__content,
.accordion .search__results__item__image,
.contact__form .accordion .fieldset--quarter {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:1100px) {
.accordion .contact__sidebar,
.accordion .product--reverse .product__content,
.product--reverse .accordion .product__content {
position: relative
}
}
@media screen and (min-width:1100px) {
.accordion .contact__sidebar+.contact__content,
.accordion .product__images {
position: relative
}
}
@media screen and (min-width:1024px) {
.accordion .twipad__row:after,
.accordion .twipad__row:before,
.accordion .video-overlay__content:after,
.accordion .video-overlay__content:before {
content: "";
display: table
}
.accordion .twipad__row:after,
.accordion .video-overlay__content:after {
clear: both
}
.accordion .twipad__row,
.accordion .video-overlay__content {
zoom: 1
}
}
@media screen and (min-width:1024px) {
.accordion .author-info__details,
.accordion .displace__content,
.accordion .displace__image-container,
.accordion .feature-list__content,
.accordion .feature-list__icon-holder,
.accordion .features__screen,
.accordion .features__text,
.accordion .hero-image__content,
.accordion .hero-phones__content,
.accordion .hero-slider__content,
.accordion .hero-text__content,
.accordion .icon-column__item,
.accordion .icon-column__item__inner,
.accordion .legal__content,
.accordion .legal__sidebar,
.accordion .newsletter-signup__left,
.accordion .newsletter-signup__right,
.accordion .quick-start__item,
.accordion .statement__content,
.accordion .step-by-step__image-holder,
.accordion .step-by-step__text,
.accordion .tags,
.accordion .text-block__content,
.accordion .text-n-screen__content,
.accordion .text-n-screen__screen,
.accordion .twipad__content,
.accordion .twipad__screen-holder,
.accordion .video-overlay__feedback,
.accordion .video-overlay__text {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:1024px) {
.accordion .features__screen,
.accordion .hero-slider__content,
.accordion .twipad__screen-holder {
position: relative
}
}
@media screen and (min-width:1280px) {
.accordion .author-info__details,
.accordion .displace__content,
.accordion .displace__image-container,
.accordion .feature-list__content,
.accordion .feature-list__icon-holder,
.accordion .feedback__actions,
.accordion .feedback__content,
.accordion .hero-image__content,
.accordion .hero-phones__content,
.accordion .hero-slider__content,
.accordion .hero-text__content,
.accordion .image-teaser-container--centered,
.accordion .language-selector__item,
.accordion .legal__content,
.accordion .legal__sidebar,
.accordion .newsletter-signup__left,
.accordion .newsletter-signup__right,
.accordion .product__content,
.accordion .product__images,
.accordion .simple-text,
.accordion .statement__content,
.accordion .step-by-step__image-holder,
.accordion .step-by-step__text,
.accordion .tags,
.accordion .text-block__content,
.accordion .text-n-screen__content,
.accordion .text-n-screen__screen,
.accordion .twipad__content,
.accordion .video-gallery__holder,
.accordion .video-overlay__feedback,
.accordion .video-overlay__text {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:1280px) {
.accordion .hero-phones__content,
.accordion .hero-slider__content,
.accordion .product--reverse .product__content,
.accordion .twipad__screen-holder,
.accordion .video-gallery__holder,
.product--reverse .accordion .product__content {
position: relative
}
}
@media screen and (min-width:1280px) {
.accordion .product__images {
position: relative
}
}
@media screen and (min-width:1600px) {
.accordion .displace__content,
.accordion .displace__image-container {
display: inline-block;
min-height: 1px;
float: left;
box-sizing: border-box;
vertical-align: top;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:1600px) {
.accordion .displace__image-container {
position: relative
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.accordion {
margin-right: 8.33333%
}
}
@media screen and (min-width:1280px) {
.accordion__header--small .accordion__headline {
font-size: 16px
}
.accordion__table-body {
-webkit-column-count: 3;
column-count: 3
}
}
.animate {
transition: opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1);
transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1)
}
.animate--short {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
.animate--down {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
.animate--down.is-animated {
-webkit-transform: none;
transform: none
}
.animate--up {
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
.animate--up.is-animated {
-webkit-transform: none;
transform: none
}
.animate--opacity {
opacity: 0
}
.animate--opacity.is-animated {
opacity: 1
}
.animate--delay-1 {
transition-delay: 50ms
}
.animate--delay-2 {
transition-delay: .1s
}
.animate--delay-3 {
transition-delay: .15s
}
.animate--delay-4 {
transition-delay: .2s
}
.animate--delay-5 {
transition-delay: .25s
}
.animate--delay-6 {
transition-delay: .3s
}
.animate--delay-7 {
transition-delay: .35s
}
.animate--delay-8 {
transition-delay: .4s
}
.animate--delay-9 {
transition-delay: .45s
}
.animate--delay-10 {
transition-delay: .5s
}
.animate--delay-11 {
transition-delay: .55s
}
.animate--delay-12 {
transition-delay: .6s
}
.animate--delay-13 {
transition-delay: .65s
}
.animate--delay-14 {
transition-delay: .7s
}
.animate--delay-15 {
transition-delay: .75s
}
.animate--delay-16 {
transition-delay: .8s
}
.animate--delay-17 {
transition-delay: .85s
}
.animate--delay-18 {
transition-delay: .9s
}
.animate--delay-19 {
transition-delay: .95s
}
.animate--delay-20 {
transition-delay: 1s
}
.app-download__item {
padding: 60px 0 55px;
border-bottom: 1px solid rgba(244, 244, 244, .2);
text-align: center
}
.app-download__item:last-child {
border-bottom: 0
}
.app-download__icon {
position: relative;
margin: 0 auto 25px
}
.app-download__icon--ios {
width: 61.9972px
}
.app-download__icon--ios::before {
padding-bottom: 116.21622%
}
.app-download__icon--android {
width: 82.1044px
}
.app-download__icon--android::before {
padding-bottom: 65.30612%
}
.app-download__icon--tv {
width: 119.8054px
}
.app-download__icon--tv::before {
padding-bottom: 72.02797%
}
.app-download__icon::before {
content: "";
display: block
}
.app-download__icon svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.app-download__icon path {
stroke: #fff
}
.app-download__headline {
margin-bottom: 1.875em
}
.app-download__text {
font-weight: 500;
font-size: 16px;
margin-top: -5px;
line-height: 1.5625
}
@media screen and (min-width:1024px) {
.app-download__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 70px 0 40px;
margin: 0 -30px
}
.app-download__item {
width: 33.333%;
padding: 0 20px;
border-bottom: 0;
position: relative
}
.app-download__item:not(:first-child)::before {
content: "";
position: absolute;
left: 0;
top: 25px;
bottom: 5px;
border-left: 1px solid rgba(244, 244, 244, .2)
}
.app-download__icon-holder {
overflow: hidden;
height: 108.914px
}
.app-download__icon--ios {
margin-top: 6.7024px
}
.app-download__icon--android {
margin-top: 25.134px
}
}
@media screen and (min-width:1280px) {
.app-download__icon-holder {
height: 130px
}
.app-download__icon--ios {
width: 74px
}
.app-download__icon--android {
width: 98px
}
.app-download__icon--tv {
width: 143px
}
.app-download__icon--ios {
margin-top: 8px
}
.app-download__icon--android {
margin-top: 30px
}
}
@media screen and (min-width:1440px) {
.app-download__container {
margin: 0
}
}
.author-info {
color: #fff;
font-size: 16px
}
.author-info__content {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px;
position: relative
}
[class*=no-gutter]>.author-info__content {
margin-left: 0 !important;
margin-right: 0 !important
}
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.author-info__content .author-info__content {
margin-left: -10px;
margin-right: -10px
}
}
.author-info__porthole {
width: 150px;
max-width: 158px;
margin: 0 auto 30px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.author-info__porthole::before {
content: "";
display: block;
padding-bottom: 100%
}
.author-info__details {
width: 100%;
text-align: center
}
.author-info__social {
color: currentColor;
font-weight: 700;
transition: color .3s;
display: block;
vertical-align: middle;
padding: 5px
}
.no-touchevents .author-info__social:hover {
color: #49b5e7
}
.author-info__social__icon {
width: 20px;
margin-right: 25px;
display: inline-block;
vertical-align: middle;
font-size: 20px
}
.author-info__social__icon::before {
display: block
}
.author-info__social__text {
vertical-align: middle
}
@media screen and (min-width:768px) {
.author-info__porthole {
position: absolute;
left: 0;
top: 0;
width: 20.83333%
}
.author-info__details {
text-align: left
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.author-info__details {
width: 75%;
margin-left: 25%
}
}
@media screen and (min-width:768px) {
.author-info__social {
display: inline-block
}
.author-info__social:not(:last-child) {
margin-right: 60px
}
}
@media screen and (min-width:1024px) {
.author-info__porthole {
margin-left: 8.33333%;
width: 12.5%;
-webkit-transform: translateY(-9.49367%);
transform: translateY(-9.49367%)
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.author-info__details {
width: 66.66667%;
margin-left: 25%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.author-info__details {
width: 58.33333%;
margin-left: 25%
}
}
.autocomplete-suggestions {
margin-left: 0;
padding: 10px 30px;
background: #fff;
width: 100%;
max-width: 430px !important;
max-height: 380px !important;
box-shadow: 0 20px 45px 1px rgba(0, 0, 0, .08);
transition: margin .15s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:480px) {
.autocomplete-suggestions {
margin-left: 100px;
padding: 20px 40px
}
.is-result .autocomplete-suggestions {
margin-left: 70px
}
}
@media screen and (min-width:1100px) {
.autocomplete-suggestions {
padding: 30px 60px
}
}
.autocomplete-suggestion {
font-family: Montserrat, sans-serif;
font-weight: 500;
color: #29333e;
cursor: pointer;
transition: color .15s cubic-bezier(.42, 0, .58, 1);
padding: 15px 0
}
.autocomplete-suggestion strong {
font-weight: 700;
transition: color .15s cubic-bezier(.42, 0, .58, 1)
}
.no-touchevents .autocomplete-suggestion:hover {
color: #49b5e7 !important
}
.no-touchevents .autocomplete-suggestion:hover strong {
color: #49b5e7 !important
}
.background--white {
background: #fff
}
.background--black {
background: #000
}
.background--grey {
background: grey
}
.background--lighter-grey {
background: #f5f6f7
}
.background--light-grey {
background: #fbfbfb
}
.background--dark-grey {
background: #f0f2f3
}
.background--dark {
background: #171e26
}
.background--text {
background: #597987
}
.background--text-dark {
background: #29333e
}
.background--text-darker {
background: #17222e
}
.background--primary {
background: #49b5e7
}
html {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
* {
-webkit-tap-highlight-color: transparent
}
body {
font-size: 16px;
line-height: 1.875em;
color: #597987;
font-family: Roboto, sans-serif;
font-weight: 400;
background: #fbfbfb;
position: relative;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media screen and (min-width:480px) {
body {
font-size: 18px;
line-height: 2em
}
}
body.is-locked .site__content {
position: fixed;
bottom: 0;
min-height: 100%;
width: 100%;
top: 0
}
::-moz-selection {
background: #171e26;
color: #fbfbfb
}
::selection {
background: #171e26;
color: #fbfbfb
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Montserrat, sans-serif;
color: #29333e;
font-weight: 700;
margin-top: 0;
margin-bottom: .8em
}
h1:last-child:not(:first-child),
h2:last-child:not(:first-child),
h3:last-child:not(:first-child),
h4:last-child:not(:first-child),
h5:last-child:not(:first-child),
h6:last-child:not(:first-child) {
margin-bottom: 0
}
.h1,
h1 {
line-height: 1.125em;
font-size: 40px;
margin-bottom: .8em
}
.h1:last-child:not(:first-child),
h1:last-child:not(:first-child) {
margin-bottom: 0
}
@media screen and (min-width:768px) {
.h1,
h1 {
font-size: 60px
}
}
@media screen and (min-width:1024px) {
.h1,
h1 {
font-size: 70px
}
}
@media screen and (min-width:1440px) {
.h1,
h1 {
font-size: 80px
}
}
.h2,
h2 {
line-height: 1.143em;
font-size: 30px;
margin-bottom: .8em
}
.h2:last-child:not(:first-child),
h2:last-child:not(:first-child) {
margin-bottom: 0
}
@media screen and (min-width:768px) {
.h2,
h2 {
font-size: 44px
}
}
@media screen and (min-width:1024px) {
.h2,
h2 {
font-size: 50px
}
}
@media screen and (min-width:1280px) {
.h2,
h2 {
font-size: 56px
}
}
.h3,
.image-teaser--swiper .image-teaser__title h4,
h3 {
line-height: 1.543em;
font-size: 20px
}
@media screen and (min-width:768px) {
.h3,
.image-teaser--swiper .image-teaser__title h4,
h3 {
font-size: 28px
}
}
@media screen and (min-width:1024px) {
.h3,
.image-teaser--swiper .image-teaser__title h4,
h3 {
font-size: 32px
}
}
@media screen and (min-width:1280px) {
.h3,
.image-teaser--swiper .image-teaser__title h4,
h3 {
font-size: 36px
}
}
.h4,
h4 {
line-height: 1.25em;
font-size: 15px
}
@media screen and (min-width:768px) {
.h4,
h4 {
font-size: 20px
}
}
@media screen and (min-width:1024px) {
.h4,
h4 {
font-size: 22px
}
}
@media screen and (min-width:1280px) {
.h4,
h4 {
font-size: 24px
}
}
.h5,
h5 {
line-height: 1.667em;
font-size: 14px
}
@media screen and (min-width:1024px) {
.h5,
h5 {
font-size: 16px
}
}
@media screen and (min-width:1280px) {
.h5,
h5 {
font-size: 18px
}
}
.h6,
h6 {
text-transform: uppercase;
color: #49b5e7;
font-size: 10px;
line-height: 2.083em;
letter-spacing: .6em;
margin-bottom: 4.5em
}
@media screen and (min-width:480px) {
.h6,
h6 {
font-size: 12px
}
}
.h6.noline:after,
h6.noline:after {
display: none
}
@media screen and (min-width:768px) {
.h6.noline\@tablet:after,
h6.noline\@tablet:after {
display: none
}
}
.h6.inline span,
h6.inline span {
width: 48px;
border-bottom: 2px solid currentColor;
position: relative;
content: '';
display: inline-block;
vertical-align: middle;
margin: 0 12px;
margin-top: -2px
}
@media screen and (min-width:480px) {
.h6.inline span,
h6.inline span {
width: 55px;
margin: 0 18px;
margin-top: -1px
}
}
@media screen and (min-width:480px) {
.h6.inline br,
h6.inline br {
display: none
}
}
.h6:after,
h6:after {
width: 48px;
border-bottom: 2px solid currentColor;
position: relative;
content: '';
display: inline-block;
vertical-align: middle;
margin: 0 14px;
margin-top: -2px
}
@media screen and (min-width:480px) {
.h6:after,
h6:after {
width: 55px;
margin: 0 23px;
margin-top: -1px
}
}
a {
color: #49b5e7;
text-decoration: none
}
li>a,
p>a {
text-decoration: underline
}
ol,
p,
table,
ul {
margin-top: 0;
margin-bottom: 1em
}
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
margin-bottom: 0
}
ol p,
ul p {
margin-bottom: 0
}
b,
strong {
font-weight: 700;
color: #29333e
}
em,
i {
font-style: normal
}
img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: top;
border: 0
}
input {
font-family: Roboto, sans-serif
}
@media screen and (max-width:600px) {
#wpadminbar {
position: fixed !important
}
}
@media screen and (max-width:782px) {
#wpadminbar {
margin-top: 0
}
}
.blog__filter {
background: #f0f2f3;
z-index: 2
}
.blog__filter__holder {
width: 100%;
position: relative
}
.blog__filter__icon {
color: #49b5e7;
display: inline-block;
position: absolute;
font-size: 22px;
padding: 14px 0
}
@media screen and (min-width:480px) {
.blog__filter__icon {
padding: 30px 0
}
}
.blog__filter__rss {
display: inline-block;
position: absolute;
right: 0;
top: 0;
background: #f0f2f3;
padding: 14px 0
}
@media screen and (min-width:480px) {
.blog__filter__rss {
padding: 30px 0;
padding-left: 40px
}
}
.blog__filter__rss:before {
content: '';
position: absolute;
left: 0;
top: 18px;
bottom: 18px;
border-left: 2px solid #d8dbdc;
display: block
}
@media screen and (min-width:480px) {
.blog__filter__rss:before {
top: 35px;
bottom: 35px
}
}
.blog__filter__rss a {
font-size: 14px;
font-family: Montserrat, sans-serif;
font-weight: 700;
color: #000;
text-transform: uppercase;
letter-spacing: .1em;
transition: color .2s linear
}
.blog__filter__rss a:hover {
color: #49b5e7
}
.blog__filter__rss a .icon {
color: #49b5e7;
margin-right: 10px;
margin-left: 20px
}
@media screen and (min-width:480px) {
.blog__filter__rss a .icon {
margin-right: 20px;
margin-left: 0
}
}
.blog__filter__rss a span {
display: none
}
@media screen and (min-width:480px) {
.blog__filter__rss a span {
display: inline-block
}
}
.blog__filter__list {
padding-left: 45px;
padding-right: 200px;
white-space: nowrap;
overflow: hidden
}
.blog__filter__item {
padding: 24px 15px;
text-transform: uppercase;
font-size: 12px;
font-family: Montserrat, sans-serif;
letter-spacing: .2em;
cursor: pointer;
line-height: 1em;
transition: color .15s cubic-bezier(.42, 0, .58, 1);
display: inline-block
}
@media screen and (min-width:480px) {
.blog__filter__item {
padding: 44px 24px
}
}
.blog__filter__item.is-active {
font-weight: 700;
color: #49b5e7
}
.no-touchevents .blog__filter__item:hover {
color: #49b5e7
}
.blog__list {
margin-top: 40px
}
@media screen and (min-width:480px) {
.blog__list {
margin-top: 80px
}
}
.blog__list__teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px
}
.blog__teaser {
display: block;
width: calc(100% - 20px);
margin: 0 10px 10px;
background-color: #fff;
transition: box-shadow .3s
}
.no-touchevents .blog__teaser:hover {
box-shadow: 0 19px 43px 0 rgba(0, 0, 0, .08)
}
.blog__teaser-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px
}
.blog__teaser-container--mobile-2x>:nth-child(n+3) {
display: none
}
.blog__teaser__content {
padding-top: 18px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 25px
}
.blog__teaser__superheadline {
margin-bottom: 15px;
line-height: 1.5;
font-size: 12px;
color: #49b5e7;
font-family: Montserrat, sans-serif;
letter-spacing: .1em
}
.blog__teaser__category {
display: block;
white-space: nowrap;
font-weight: 700
}
.blog__teaser__category--dividing::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 2px;
margin: 0 12px 0 16px;
background-color: #49b5e7
}
.blog__teaser__date {
white-space: nowrap
}
.blog__teaser__headline {
overflow: hidden;
max-height: 3.75em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
@media screen and (min-width:480px) {
.blog__teaser {
width: calc(50% - 10px)
}
}
@media screen and (min-width:768px) {
.blog__teaser {
width: calc(33.333% - 20px);
margin: 0 10px 20px
}
.blog__teaser-container {
margin: 0 -10px
}
.blog__teaser-container--mobile-2x>:nth-child(n+3) {
display: block
}
}
@media screen and (min-width:1024px) {
.blog__teaser__superheadline {
margin-bottom: 25px
}
.blog__teaser__category {
display: inline
}
.blog__teaser__category--dividing::after {
width: 30px
}
.blog__teaser__headline {
max-height: 2.5em
}
.blog__teaser__content {
padding-top: 7.95455%;
padding-left: 11.36364%;
padding-right: 11.36364%;
padding-bottom: 13.63636%
}
}
.bullet {
display: inline-block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
margin: 0 2px
}
.bullet.is-active::before,
.no-touchevents .bullet:hover::before {
box-shadow: inset 0 0 0 4px #17222e
}
.bullet.is-active::after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
.bullet::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -3px;
width: 6px;
height: 6px;
box-shadow: inset 0 0 0 1px #17222e;
border-radius: 50%;
transition: box-shadow .3s
}
.bullet::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 1px #49b5e7;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.bullet--light::before {
box-shadow: inset 0 0 0 1px #fff
}
.bullet--light.is-active::before,
.no-touchevents .bullet--light:hover::before {
box-shadow: inset 0 0 0 4px #fff
}
@media screen and (min-width:768px) {
.bullet {
width: 30px;
height: 30px
}
.bullet::before {
margin: -4px 0 0 -4px;
width: 8px;
height: 8px
}
}
.button {
font-size: 12px;
line-height: 1em;
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
position: relative;
vertical-align: middle;
white-space: nowrap;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: opacity .3s
}
@media screen and (min-width:480px) {
.button {
font-size: 14px
}
}
.button.is-disabled {
opacity: .5;
pointer-events: none !important;
cursor: default !important
}
.button.is-disabled * {
cursor: default !important;
pointer-events: none !important
}
.button__loading {
position: absolute;
right: 0;
color: #fff;
top: -13px;
opacity: 0
}
.button__loading--centered {
left: 0;
text-align: center
}
.button--animated {
border: 1px solid grey;
overflow: hidden;
text-align: center;
color: #49b5e7;
min-width: 258px;
padding: 16px 20px
}
@media screen and (min-width:480px) {
.button--animated {
min-width: 325px;
padding: 22px 30px
}
}
.button--animated .button__content {
transition: all .25s cubic-bezier(.23, 1, .32, 1);
position: relative;
display: block;
z-index: 1
}
.button--animated .button__hover {
transition: all .25s cubic-bezier(.23, 1, .32, 1);
content: attr(data-text);
position: absolute;
top: 50%;
left: 20px;
right: 20px;
-webkit-transform: translateY(30px);
transform: translateY(30px);
color: #fff;
opacity: 0;
display: block;
white-space: nowrap;
pointer-events: none
}
@media screen and (min-width:480px) {
.button--animated .button__hover {
left: 30px;
right: 30px
}
}
.button--animated:before {
transition: -webkit-transform .25s cubic-bezier(.23, 1, .32, 1);
transition: transform .25s cubic-bezier(.23, 1, .32, 1);
transition: transform .25s cubic-bezier(.23, 1, .32, 1), -webkit-transform .25s cubic-bezier(.23, 1, .32, 1);
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #49b5e7;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center
}
.button--animated.is-loading,
.no-touchevents .button--animated.is-hovered,
.no-touchevents .button--animated:hover:not(.is-disabled) {
border: 1px solid #49b5e7
}
.button--animated.is-loading:before,
.no-touchevents .button--animated.is-hovered:before,
.no-touchevents .button--animated:hover:not(.is-disabled):before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.button--animated.is-loading .button__content,
.no-touchevents .button--animated.is-hovered .button__content,
.no-touchevents .button--animated:hover:not(.is-disabled) .button__content {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 0;
pointer-events: none
}
.button--animated.is-loading .button__hover,
.no-touchevents .button--animated.is-hovered .button__hover,
.no-touchevents .button--animated:hover:not(.is-disabled) .button__hover {
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: auto
}
.button--animated.is-loading .button__loading {
opacity: 1;
background-color: #49b5e7
}
.button--animated.button--white {
color: #fff;
border-color: rgba(255, 255, 255, .5)
}
.button--animated.button--white:before {
background-color: #fff
}
.no-touchevents .button--animated.button--white.is-hovered,
.no-touchevents .button--animated.button--white:hover:not(.is-disabled) {
border: 1px solid #fff
}
.button--animated.button--white .button__hover {
color: #29333e
}
.button--animated.button--filled {
background-color: #49b5e7;
border: 0;
color: #fff;
padding-top: 17px;
padding-bottom: 17px
}
.button--animated.button--filled::before {
background-color: #fff
}
.no-touchevents .button--animated.button--filled.is-hovered,
.no-touchevents .button--animated.button--filled:hover:not([disabled=disabled]) {
border: 0
}
.button--animated.button--filled .button__hover {
color: #49b5e7
}
@media screen and (min-width:480px) {
.button--animated.button--filled {
padding-top: 23px;
padding-bottom: 23px
}
}
@media screen and (min-width:480px) {
.button--narrow {
min-width: 258px;
padding-top: 17px;
padding-bottom: 17px
}
}
.button--arrow {
color: #29333e;
transition: color .15s cubic-bezier(.42, 0, .58, 1), padding .15s cubic-bezier(.42, 0, .58, 1), -webkit-transform .15s cubic-bezier(.42, 0, .58, 1);
transition: color .15s cubic-bezier(.42, 0, .58, 1), padding .15s cubic-bezier(.42, 0, .58, 1), transform .15s cubic-bezier(.42, 0, .58, 1);
transition: color .15s cubic-bezier(.42, 0, .58, 1), padding .15s cubic-bezier(.42, 0, .58, 1), transform .15s cubic-bezier(.42, 0, .58, 1), -webkit-transform .15s cubic-bezier(.42, 0, .58, 1);
overflow: hidden
}
.button--arrow.button--white {
color: #fff
}
.button--arrow.button--white .icon {
color: #fff
}
.button--arrow.button--white.is-active .icon--arrow-right,
.button--arrow.button--white.is-hovered .icon--arrow-right,
.button--arrow.button--white:hover .icon--arrow-right {
color: #49b5e7
}
.button--arrow.is-active,
.button--arrow.is-hovered,
.button--arrow:hover {
color: #49b5e7;
padding-right: 50px
}
.button--arrow.is-active .icon--arrow-right:nth-child(1),
.button--arrow.is-hovered .icon--arrow-right:nth-child(1),
.button--arrow:hover .icon--arrow-right:nth-child(1) {
margin-left: -50px;
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
.button--arrow.is-active .icon--arrow-right:nth-child(2),
.button--arrow.is-hovered .icon--arrow-right:nth-child(2),
.button--arrow:hover .icon--arrow-right:nth-child(2) {
right: 0
}
.button--arrow .icon {
font-size: 24px;
color: #49b5e7;
vertical-align: middle;
display: inline-block
}
.button--arrow .icon--arrow-right:nth-child(1) {
transition: all .15s cubic-bezier(.42, 0, .58, 1);
padding-right: 25px
}
.button--arrow .icon--arrow-right:nth-child(2) {
position: absolute;
right: -26px;
transition: all .15s cubic-bezier(.42, 0, .58, 1)
}
.button--icon .button__content {
padding-left: 40px
}
.button--icon .button__hover {
padding-left: 40px
}
.button--icon .button__icon {
font-size: 1.785em;
line-height: 0;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width:480px) {
.button--icon .button__icon {
left: 0
}
}
.button--underline {
padding: 10px 18px;
transition: opacity .3s, color .3s
}
.button--underline.is-hovered::after,
.no-touchevents .button--underline:hover::after {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.button--underline::after {
content: "";
position: absolute;
left: 18px;
right: 18px;
bottom: 3px;
border-bottom: 2px solid #49b5e7;
opacity: 0;
-webkit-transform: translateY(3px);
transform: translateY(3px);
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.button--underline.is-loading {
color: transparent
}
.button--underline.is-loading .button__loading {
opacity: 1
}
.button--underline.is-loading .button__loading path {
fill: #49b5e7
}
.certification__content {
width: 100%;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 2px solid #30373e
}
@media screen and (min-width:480px) {
.certification__content {
padding-bottom: 70px;
margin-bottom: 70px
}
}
@media screen and (min-width:480px) and (min-width:480px) {
.certification__content {
width: 83.33333%;
margin-left: 8.33333%
}
}
.certification__icon {
font-size: 35px;
padding-top: .8em
}
@media screen and (min-width:480px) {
.certification__icon {
padding-top: 1em;
font-size: 55px
}
}
.certification__content:after,
.certification__list:after {
content: "";
display: table;
clear: both
}
.certification__list {
width: 100%
}
@media screen and (min-width:480px) and (min-width:480px) {
.certification__list {
width: 83.33333%;
margin-left: 8.33333%
}
}
.certification__item {
position: relative;
padding-left: 55px;
margin-bottom: 30px;
width: 100%
}
.certification__item:last-of-type {
margin-bottom: 0
}
@media screen and (min-width:1100px) {
.certification__item {
margin-bottom: 0
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.certification__item {
width: 50%
}
}
@media screen and (min-width:480px) {
.certification__item {
padding-left: 105px
}
}
.no-touchevents .certification__item:hover .certification__item__title h5 {
color: #49b5e7
}
.certification__item__title h5 {
margin-bottom: 10px;
transition: color .2s cubic-bezier(.42, 0, .58, 1)
}
.certification__item__download p {
font-size: 12px;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.6em
}
.certification__item__icon {
position: absolute;
top: 0;
left: 0
}
@media screen and (min-width:480px) {
.certification__item__icon {
left: 25px
}
}
.certification__item__icon svg {
width: 30px;
height: 30px
}
@media screen and (min-width:480px) {
.certification__item__icon svg {
width: 40px;
height: 40px
}
}
.contact__content {
width: 100%;
position: relative
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.contact__content {
width: 66.66667%
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.contact__sidebar+.contact__content {
width: 66.66667%;
right: 33.33333%;
left: auto
}
}
.contact__description {
margin-bottom: 3em
}
.contact__sidebar {
width: 100%;
position: relative;
margin-bottom: 3em
}
@media screen and (min-width:1100px) {
.contact__sidebar {
margin-bottom: 0
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.contact__sidebar {
width: 29.16667%;
margin-left: 4.16667%;
left: 66.66667%;
right: auto
}
}
.contact__submit {
float: right;
width: 100%
}
.contact__submit .button {
width: 100%;
outline: 0
}
@media screen and (min-width:768px) {
.contact__submit .button {
width: auto
}
}
@media screen and (min-width:768px) {
.contact__submit {
width: auto
}
}
.contact__captcha {
float: left;
margin-bottom: 2em
}
@media screen and (min-width:768px) {
.contact__captcha {
margin-bottom: 0
}
}
@media screen and (min-width:1100px) {
.contact__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.contact__form {
margin-left: -10px;
margin-right: -10px
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.contact__form .fieldset--quarter {
width: 25%
}
}
.contact input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
margin: 0
}
.contact .fieldset__checkbox-label {
position: relative;
padding-left: 20px;
text-transform: none;
letter-spacing: 0;
line-height: 1.3
}
.cookie {
display: none
}
.cookie__holder {
position: relative;
padding: 25px 0;
padding-top: 15px
}
@media screen and (min-width:768px) {
.cookie__holder {
padding: 25px 0
}
}
.cookie__title {
margin-bottom: .7em
}
@media screen and (min-width:1100px) {
.cookie__title {
position: absolute;
left: 0;
top: 0;
padding: 25px 0;
margin-bottom: 0
}
}
.cookie__title h6 {
margin-bottom: 0
}
@media screen and (min-width:768px) {
.cookie__submit {
position: absolute;
right: 0;
top: 0;
padding: 25px 0
}
}
.cookie__submit button {
width: 100% !important;
min-width: 0 !important;
outline: 0
}
@media screen and (min-width:768px) {
.cookie__submit button {
width: 170px
}
}
.cookie__text {
margin-bottom: 1em
}
@media screen and (min-width:1100px) {
.cookie__text {
padding-left: 220px
}
}
@media screen and (min-width:768px) {
.cookie__text {
padding-right: 220px;
margin-bottom: 0
}
}
.cookie__text p {
font-size: 14px;
line-height: 1.857em;
margin-bottom: 0
}
@media screen and (max-width:480px) {
.cookie__text p {
font-size: 12px
}
}
.displace {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px;
padding: 70px 0;
font-family: Montserrat, sans-serif
}
[class*=no-gutter]>.displace {
margin-left: 0 !important;
margin-right: 0 !important
}
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.displace .displace {
margin-left: -10px;
margin-right: -10px
}
}
.displace__content {
width: 100%;
padding-bottom: 40px
}
.displace__image-container {
width: 100%
}
.displace__image {
width: auto
}
@media screen and (min-width:768px) {
.displace {
padding: 100px 0 75px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.displace__content {
width: 83.33333%
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.displace__image-container {
width: 66.66667%
}
}
@media screen and (min-width:1024px) {
.displace {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.displace__content {
padding-top: 100px;
padding-bottom: 80px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.displace__content {
width: 50%;
margin-right: 4.16667%
}
}
@media screen and (min-width:1024px) {
.displace__image-container {
position: relative;
right: -30px;
bottom: -60px;
z-index: 10
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.displace__image-container {
width: 45.83333%
}
}
@media screen and (min-width:1280px) {
.displace__content {
padding-top: 100px;
padding-bottom: 100px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.displace__content {
width: 41.66667%;
margin-right: 8.33333%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.displace__image-container {
width: 50%
}
}
@media screen and (min-width:1440px) {
.displace__content {
padding-top: 160px;
padding-bottom: 120px
}
}
@media screen and (min-width:1600px) and (min-width:1600px) {
.displace__content {
width: 41.66667%;
margin-left: 8.33333%;
margin-right: 0
}
}
@media screen and (min-width:1600px) and (min-width:1600px) {
.displace__image-container {
width: 50%;
right: -8.33333%;
left: auto
}
}
.faq__header {
border-bottom: 3px solid #f0f2f3;
padding: 30px 0
}
.faq__header-text {
padding: 0;
margin: 0
}
.faq__header-text br {
display: none
}
.faq__header-select-holder {
display: inline-block;
position: relative;
margin-right: .2em
}
.faq__header-select-holder:after {
content: ""
}
.faq__header-select-holder::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 2px;
border-bottom: 3px solid #49b5e7;
pointer-events: none
}
.faq__header-select-holder::after {
font-size: 12px;
position: absolute;
right: 0;
top: 50%;
color: #49b5e7;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none
}
.faq__header-select {
padding-right: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: 0 0;
display: inline-block;
font-weight: 700;
color: #49b5e7;
font-family: Montserrat, sans-serif
}
.faq__header-select:focus {
outline: 0
}
.faq__content {
padding-top: 20px;
padding-bottom: 30px
}
@media screen and (min-width:768px) {
.faq__header {
padding: 55px 0
}
.faq__header br {
display: block
}
.faq__header-select-holder::after {
font-size: 16px
}
.faq__header-select {
padding-right: 30px
}
.faq__content {
padding-top: 60px;
padding-bottom: 80px
}
}
@media screen and (min-width:1024px) {
.faq__header-select-holder::after {
font-size: 18px
}
}
@media screen and (min-width:1280px) {
.faq__header-text {
padding: 0 30px
}
}
.feature-list__item {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.feature-list__item {
margin-left: 0 !important;
margin-right: 0 !important
}
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.feature-list__item .feature-list__item {
margin-left: -10px;
margin-right: -10px
}
}
.feature-list__item:not(:first-child) {
margin-top: 50px
}
.feature-list__icon-holder {
width: 16.66667%;
position: relative
}
.feature-list__icon {
max-width: 100%;
width: 50px;
margin: 0 auto;
position: relative;
top: -10px
}
.feature-list__icon::before {
content: "";
display: block;
padding-bottom: 100%
}
.feature-list__icon svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.feature-list__content {
width: 83.33333%
}
@media screen and (min-width:768px) {
.feature-list__item:not(:first-child) {
margin-top: 90px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.feature-list__icon-holder {
width: 12.5%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.feature-list__content {
width: 75%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.feature-list__icon-holder {
width: 8.33333%;
margin-left: 16.66667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.feature-list__content {
width: 50%
}
}
.features--screen .features__list--swiper {
visibility: visible;
position: relative;
top: 0
}
@media screen and (min-width:1024px) {
.features--screen .features__list--swiper {
visibility: hidden;
position: absolute;
top: -2000000px
}
}
.features--screen .features__list--left,
.features--screen .features__list--right {
display: none
}
@media screen and (min-width:1024px) {
.features--screen .features__list--left,
.features--screen .features__list--right {
display: block
}
}
.features__text {
width: 100%
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.features__text {
width: 33.33333%
}
}
.features__list {
width: 25%
}
.features__list:after {
content: "";
display: table;
clear: both
}
.features__list--big {
width: 100%;
padding-left: 70px;
padding-top: 10px
}
@media screen and (min-width:1280px) {
.features__list--big {
padding-left: 80px
}
}
.features__list--left {
left: 8.33333%;
right: auto
}
.features__list--right {
left: 16.66667%;
right: auto
}
.features__list--swiper {
width: 100%;
left: 0;
right: auto
}
@media screen and (min-width:480px) and (min-width:480px) {
.features__list--swiper {
width: 83.33333%;
left: 8.33333%;
right: auto
}
}
.features__item {
margin-bottom: 4em;
position: relative
}
.features__item:last-child {
margin-bottom: 0
}
.features__item__icon {
position: absolute;
left: -70px;
top: -5px;
opacity: 0;
transition: opacity .2s cubic-bezier(.455, .03, .515, .955)
}
.features__item__icon.is-active {
opacity: 1
}
.features__item__icon svg {
width: 37px;
height: 100%
}
.features__item__title {
position: relative;
display: inline-block;
vertical-align: top
}
.features__item__title .icon {
font-size: 28px;
line-height: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px);
vertical-align: middle;
margin-top: 2px
}
@media screen and (min-width:1280px) {
.features__item__title .icon {
font-size: 38px;
-webkit-transform: translateY(12px);
transform: translateY(12px)
}
}
.features__item--cursor {
cursor: pointer
}
.features__item--swiper {
padding-bottom: 1em;
margin-bottom: 0
}
.features__item--swiper .features__item__icon {
left: 0;
top: 0
}
.features__item--swiper .features__item__content,
.features__item--swiper .features__item__title {
padding-left: 70px
}
.features__screen {
width: 100%;
left: 0;
right: auto;
text-align: center;
padding: 0;
margin-bottom: 15px;
margin-top: -110px
}
@media screen and (min-width:768px) {
.features__screen {
margin-top: -160px
}
}
@media screen and (min-width:1024px) {
.features__screen {
padding: 0 40px;
margin-top: -170px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.features__screen {
width: 33.33333%;
left: 8.33333%;
right: auto
}
}
@media screen and (min-width:1280px) {
.features__screen {
margin-top: -205px
}
}
.features__screen__pagination {
margin-top: 3em;
display: block
}
@media screen and (min-width:1024px) {
.features__screen__pagination {
display: none
}
}
.features__screen__background {
max-width: 180px;
width: 100%;
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
top: 0;
z-index: 0;
opacity: .3;
pointer-events: none;
margin-top: -11px
}
@media screen and (min-width:480px) {
.features__screen__background {
max-width: 290px
}
}
@media screen and (min-width:1024px) {
.features__screen__background {
display: none
}
}
.features__screen__background__swiper {
width: 90%;
position: absolute;
top: 11%;
left: 5%;
overflow: visible
}
.features--wizard .features__screen {
margin-top: 50px
}
@media screen and (min-width:1024px) {
.features--wizard .features__screen {
margin-top: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.features--wizard .features__screen {
width: 33.33333%;
left: 0;
right: auto
}
}
.features--wizard .features__list--right {
left: 8.33333%;
right: auto
}
.features__button {
width: 100%
}
@media screen and (min-width:1024px) {
.features__button.features__button {
padding-left: 0;
padding-right: 0;
padding-top: 70px
}
.features__button .button {
min-width: 240px
}
}
@media screen and (min-width:1280px) {
.features__button .button {
min-width: 290px
}
}
.feedback {
padding-top: 70px;
padding-bottom: 50px;
border-top: 2px solid #d8dbdc
}
.feedback__inner {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.feedback__inner {
margin-left: 0 !important;
margin-right: 0 !important
}
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.feedback__inner .feedback__inner {
margin-left: -10px;
margin-right: -10px
}
}
.feedback__headline {
margin-bottom: .3em
}
.feedback__actions,
.feedback__content {
width: 100%
}
.feedback__content {
margin-bottom: 15px
}
.feedback__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.feedback__button {
min-width: 0;
width: 50%;
margin-right: 7px
}
.feedback__button:last-child {
margin-right: 0
}
@media screen and (min-width:768px) {
.feedback {
padding-top: 70px;
padding-bottom: 50px
}
.feedback__content {
margin-bottom: 0;
font-size: 16px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.feedback__content {
width: 50%
}
}
@media screen and (min-width:768px) {
.feedback__actions {
display: block
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.feedback__actions {
width: 50%
}
}
@media screen and (min-width:768px) {
.feedback__button {
width: auto;
min-width: 137px;
margin-right: 15px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.feedback__content {
width: 33.33333%;
margin-left: 16.66667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.feedback__actions {
width: 33.33333%
}
}
.filter-bar {
border-bottom: 2px solid #f0f2f3;
position: relative
}
.filter-bar:after {
content: ""
}
.filter-bar::after {
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 13px;
color: #49b5e7
}
.filter-bar__list {
display: none
}
.filter-bar__select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
border: 0;
margin: 0;
padding: 22px 30px 22px 0;
background: 0 0;
text-transform: uppercase;
color: #49b5e7;
font-size: 12px;
letter-spacing: .2em;
font-family: Montserrat, sans-serif
}
.filter-bar__select:focus {
outline: 0
}
@media screen and (min-width:768px) {
.filter-bar {
border-bottom-width: 3px
}
.filter-bar::after {
content: none
}
.filter-bar__select {
display: none
}
.filter-bar__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
margin-left: -10px
}
.filter-bar__link {
display: block;
padding: 22px 10px 18px;
text-decoration: none;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
color: rgba(23, 34, 46, .5);
letter-spacing: .1em;
font-size: 12px;
transition: color .3s
}
.filter-bar__link.is-active,
.no-touchevents .filter-bar__link:hover {
color: #49b5e7
}
}
@media screen and (min-width:1024px) {
.filter-bar__list {
margin-left: -20px
}
.filter-bar__link {
letter-spacing: .2em;
padding: 32px 20px 28px
}
}
.font--minimal {
font-size: 10px;
line-height: 1.167em
}
.font--smallest {
font-size: 12px;
line-height: 1.167em
}
.font--smaller {
font-size: 13px;
line-height: 1.167em
}
.font--small {
font-size: 16px;
line-height: 1.875em
}
@media screen and (max-width:480px) {
.font--small {
font-size: 15px
}
}
.font--big {
font-size: 22px;
line-height: 1.818em;
font-weight: 700;
color: #29333e
}
@media screen and (max-width:480px) {
.font--big {
font-size: 18px;
line-height: 1.667em
}
}
.font--kerning-loose {
letter-spacing: .6em
}
.font--kerning-normal {
letter-spacing: .1em
}
.font--roboto {
font-family: Roboto, sans-serif
}
.font--montserrat {
font-family: Montserrat, sans-serif
}
.font--uppercase {
text-transform: uppercase
}
.font--color-white {
color: #fff
}
.font--color-black {
color: #000
}
.font--color-grey {
color: grey
}
.font--color-lighter-grey {
color: #f5f6f7
}
.font--color-light-grey {
color: #fbfbfb
}
.font--color-dark-grey {
color: #f0f2f3
}
.font--color-dark {
color: #171e26
}
.font--color-text {
color: #597987
}
.font--color-text-dark {
color: #29333e
}
.font--color-text-darker {
color: #17222e
}
.font--color-primary {
color: #49b5e7
}
.font--align-right {
text-align: right
}
@media screen and (max-width:1920px) {
.font--align-right\@max-page {
text-align: right
}
}
@media screen and (max-width:1600px) {
.font--align-right\@max-desktop {
text-align: right
}
}
@media screen and (max-width:1440px) {
.font--align-right\@max-full {
text-align: right
}
}
@media screen and (max-width:1280px) {
.font--align-right\@max-wide {
text-align: right
}
}
@media screen and (max-width:1024px) {
.font--align-right\@max-tablet-landscape {
text-align: right
}
}
@media screen and (max-width:1100px) {
.font--align-right\@max-tablet-wide {
text-align: right
}
}
@media screen and (max-width:768px) {
.font--align-right\@max-tablet {
text-align: right
}
}
@media screen and (max-width:480px) {
.font--align-right\@max-mobile-landscape {
text-align: right
}
}
@media screen and (max-width:375px) {
.font--align-right\@max-mobile-wide {
text-align: right
}
}
@media screen and (max-width:320px) {
.font--align-right\@max-mobile {
text-align: right
}
}
@media screen and (min-width:320px) {
.font--align-right\@mobile {
text-align: right
}
}
@media screen and (min-width:375px) {
.font--align-right\@mobile-wide {
text-align: right
}
}
@media screen and (min-width:480px) {
.font--align-right\@mobile-landscape {
text-align: right
}
}
@media screen and (min-width:768px) {
.font--align-right\@tablet {
text-align: right
}
}
@media screen and (min-width:1100px) {
.font--align-right\@tablet-wide {
text-align: right
}
}
@media screen and (min-width:1024px) {
.font--align-right\@tablet-landscape {
text-align: right
}
}
@media screen and (min-width:1280px) {
.font--align-right\@wide {
text-align: right
}
}
@media screen and (min-width:1440px) {
.font--align-right\@full {
text-align: right
}
}
@media screen and (min-width:1600px) {
.font--align-right\@desktop {
text-align: right
}
}
@media screen and (min-width:1920px) {
.font--align-right\@page {
text-align: right
}
}
.font--align-center {
text-align: center
}
@media screen and (max-width:1920px) {
.font--align-center\@max-page {
text-align: center
}
}
@media screen and (max-width:1600px) {
.font--align-center\@max-desktop {
text-align: center
}
}
@media screen and (max-width:1440px) {
.font--align-center\@max-full {
text-align: center
}
}
@media screen and (max-width:1280px) {
.font--align-center\@max-wide {
text-align: center
}
}
@media screen and (max-width:1024px) {
.font--align-center\@max-tablet-landscape {
text-align: center
}
}
@media screen and (max-width:1100px) {
.font--align-center\@max-tablet-wide {
text-align: center
}
}
@media screen and (max-width:768px) {
.font--align-center\@max-tablet {
text-align: center
}
}
@media screen and (max-width:480px) {
.font--align-center\@max-mobile-landscape {
text-align: center
}
}
@media screen and (max-width:375px) {
.font--align-center\@max-mobile-wide {
text-align: center
}
}
@media screen and (max-width:320px) {
.font--align-center\@max-mobile {
text-align: center
}
}
@media screen and (min-width:320px) {
.font--align-center\@mobile {
text-align: center
}
}
@media screen and (min-width:375px) {
.font--align-center\@mobile-wide {
text-align: center
}
}
@media screen and (min-width:480px) {
.font--align-center\@mobile-landscape {
text-align: center
}
}
@media screen and (min-width:768px) {
.font--align-center\@tablet {
text-align: center
}
}
@media screen and (min-width:1100px) {
.font--align-center\@tablet-wide {
text-align: center
}
}
@media screen and (min-width:1024px) {
.font--align-center\@tablet-landscape {
text-align: center
}
}
@media screen and (min-width:1280px) {
.font--align-center\@wide {
text-align: center
}
}
@media screen and (min-width:1440px) {
.font--align-center\@full {
text-align: center
}
}
@media screen and (min-width:1600px) {
.font--align-center\@desktop {
text-align: center
}
}
@media screen and (min-width:1920px) {
.font--align-center\@page {
text-align: center
}
}
.font--align-left {
text-align: left
}
@media screen and (max-width:1920px) {
.font--align-left\@max-page {
text-align: left
}
}
@media screen and (max-width:1600px) {
.font--align-left\@max-desktop {
text-align: left
}
}
@media screen and (max-width:1440px) {
.font--align-left\@max-full {
text-align: left
}
}
@media screen and (max-width:1280px) {
.font--align-left\@max-wide {
text-align: left
}
}
@media screen and (max-width:1024px) {
.font--align-left\@max-tablet-landscape {
text-align: left
}
}
@media screen and (max-width:1100px) {
.font--align-left\@max-tablet-wide {
text-align: left
}
}
@media screen and (max-width:768px) {
.font--align-left\@max-tablet {
text-align: left
}
}
@media screen and (max-width:480px) {
.font--align-left\@max-mobile-landscape {
text-align: left
}
}
@media screen and (max-width:375px) {
.font--align-left\@max-mobile-wide {
text-align: left
}
}
@media screen and (max-width:320px) {
.font--align-left\@max-mobile {
text-align: left
}
}
@media screen and (min-width:320px) {
.font--align-left\@mobile {
text-align: left
}
}
@media screen and (min-width:375px) {
.font--align-left\@mobile-wide {
text-align: left
}
}
@media screen and (min-width:480px) {
.font--align-left\@mobile-landscape {
text-align: left
}
}
@media screen and (min-width:768px) {
.font--align-left\@tablet {
text-align: left
}
}
@media screen and (min-width:1100px) {
.font--align-left\@tablet-wide {
text-align: left
}
}
@media screen and (min-width:1024px) {
.font--align-left\@tablet-landscape {
text-align: left
}
}
@media screen and (min-width:1280px) {
.font--align-left\@wide {
text-align: left
}
}
@media screen and (min-width:1440px) {
.font--align-left\@full {
text-align: left
}
}
@media screen and (min-width:1600px) {
.font--align-left\@desktop {
text-align: left
}
}
@media screen and (min-width:1920px) {
.font--align-left\@page {
text-align: left
}
}
.footer {
background-color: #171e26;
color: #fff;
font-family: Montserrat, sans-serif;
position: relative;
z-index: 120
}
.footer__info,
.footer__social {
border-bottom: 1px solid rgba(244, 244, 244, .2)
}
.footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer__social__item {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25%;
max-width: 80px;
font-size: 20px;
color: #fff;
transition: color .15s cubic-bezier(.42, 0, .58, 1)
}
.no-touchevents .footer__social__item:hover {
color: #49b5e7
}
.footer__info {
padding-top: 80px;
padding-bottom: 45px;
text-align: center;
font-size: 10px
}
.footer__logo-holder {
width: 75px;
margin: 0 auto 50px
}
.footer__nav {
position: relative;
padding: 10px 0;
font-size: 12px
}
.footer__nav__trigger {
position: absolute;
padding: 15px 25px;
right: -15px;
top: 0;
font-size: 13px;
cursor: pointer;
color: #fff;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.footer__nav__trigger.is-active {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.footer__nav__list {
list-style-type: none;
padding: 0;
margin: 0
}
.footer__nav__item {
display: block
}
.footer__nav__link {
display: block;
padding: 5px 10px;
color: #fff;
font-weight: 700;
text-decoration: none;
transition: color .15s cubic-bezier(.42, 0, .58, 1)
}
.no-touchevents .footer__nav__link:hover {
color: #49b5e7
}
@media screen and (min-width:1024px) {
.footer {
padding-top: 70px;
padding-bottom: 30px
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__info,
.footer__social {
border-bottom: 0
}
.footer__social {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
padding-bottom: 20px
}
.footer__social__item {
height: 50px;
width: auto;
max-width: none;
padding: 0 25px
}
.footer__social__item:last-child {
margin-right: -18px
}
.footer__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 0 8px;
font-size: 12px
}
.footer__logo-holder {
margin: -60px 24px 14px 0
}
.footer__nav {
padding: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.footer__nav__trigger {
display: none
}
.footer__nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.footer__nav__item {
display: block !important
}
.footer__nav__item:last-child {
margin-right: -10px
}
.footer__nav__link {
padding-top: 7px;
padding-bottom: 7px
}
}
@media screen and (min-width:1280px) {
.footer__nav__item {
margin-left: 20px;
margin-right: 20px
}
}
.form-checkbox {
position: relative;
padding-left: 40px;
cursor: pointer;
display: block;
line-height: 1.33333
}
.form-checkbox__input {
position: absolute;
left: -9999px
}
.form-checkbox__input:checked~.form-checkbox__icon::before {
opacity: 1
}
.form-checkbox__icon {
position: absolute;
left: 0;
top: calc(1.333em / 2 - 10px);
width: 20px;
height: 20px;
background-color: #fff
}
.form-checkbox__icon:before {
content: ""
}
.form-checkbox__icon::before {
position: absolute;
line-height: 1;
font-size: 14px;
left: 3px;
top: 3px;
opacity: 0;
transition: opacity .2s
}
.form input[type=email],
.form input[type=text],
.form select,
.form textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background: #fff;
border: 1px solid #f0f2f3;
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 16px;
outline: 0;
color: #597987;
padding: 14px 20px;
border-radius: 0
}
@media screen and (min-width:480px) {
.form input[type=email],
.form input[type=text],
.form select,
.form textarea {
padding: 18px 30px
}
}
.form input[type=email]::-webkit-input-placeholder,
.form input[type=text]::-webkit-input-placeholder,
.form select::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
color: #dee4e7
}
.form input[type=email]:-ms-input-placeholder,
.form input[type=text]:-ms-input-placeholder,
.form select:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
color: #dee4e7
}
.form input[type=email]::placeholder,
.form input[type=text]::placeholder,
.form select::placeholder,
.form textarea::placeholder {
color: #dee4e7
}
.form label {
font-size: 12px;
line-height: 1em;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
letter-spacing: .2em;
color: #fff;
margin-bottom: 14px;
display: inline-block;
cursor: pointer
}
@media screen and (min-width:480px) {
.form label {
margin-bottom: 18px
}
}
.form label span {
color: #49b5e7;
font-size: 18px;
margin-left: 10px
}
@media screen and (min-width:480px) {
.form label span {
margin-left: 20px
}
}
.form textarea {
resize: none;
line-height: 1.5em
}
.form__errors {
margin-bottom: 40px;
color: #29333e
}
.form__end {
display: none;
margin-left: 10px;
margin-right: 10px
}
.fieldinfo {
width: 100%;
text-align: right;
color: #597987
}
.fieldinfo span {
color: #49b5e7;
font-size: 18px
}
.fieldset {
width: 100%;
margin-bottom: 20px
}
@media screen and (min-width:480px) {
.fieldset {
margin-bottom: 40px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.fieldset--half {
width: 50%
}
}
@media screen and (min-width:480px) and (min-width:480px) {
.fieldset--quarter {
width: 50%
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.fieldset--quarter {
width: 25%
}
}
.fieldset.is-error input[type=email],
.fieldset.is-error input[type=text],
.fieldset.is-error select,
.fieldset.is-error textarea {
border: 1px solid #e87d7d
}
.fieldgroup {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px
}
.fieldgroup:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width:480px) {
.fieldgroup {
margin-bottom: 42px
}
}
.fieldgroup:before {
content: '';
border-bottom: 2px solid #f0f2f3;
position: absolute;
bottom: 0;
left: 10px;
right: 10px
}
.fieldgroup--submit {
padding: 0 10px
}
.fieldgroup.is-last {
margin-bottom: 0;
padding-bottom: 0
}
.fieldgroup.is-last:before {
display: none
}
.grid-teaser__header {
width: 37.5%;
margin-right: 8.33333%;
margin-left: 4.16667%
}
@media screen and (max-width:768px) and (max-width:768px) {
.grid-teaser__header {
width: 100%;
margin-right: 0;
margin-left: 0
}
}
.grid-teaser__list {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
.grid-teaser__row {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.grid-teaser__row {
margin-left: 0 !important;
margin-right: 0 !important
}
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.grid-teaser__row .grid-teaser__row {
margin-left: -10px;
margin-right: -10px
}
}
.grid-teaser__row:first-child .grid-teaser__teaser:first-child {
margin-left: 50%
}
.grid-teaser__row:first-child .grid-teaser__teaser:first-child>a {
margin-top: -85%
}
@media screen and (max-width:768px) {
.grid-teaser__row:first-child .grid-teaser__teaser:first-child>a {
margin-top: 0
}
}
.grid-teaser__row:nth-child(2) .grid-teaser__teaser:first-child {
margin-left: 8.33333%
}
.grid-teaser__description {
margin-bottom: 4em
}
.grid-teaser__swiper {
margin-bottom: 2em;
width: 75%;
margin-left: 12.5%
}
@media screen and (max-width:480px) and (max-width:480px) {
.grid-teaser__swiper {
width: 100%;
margin-left: 0
}
}
.grid-teaser__swiper__container {
overflow: visible
}
.grid-teaser__swiper__pagination {
display: block;
text-align: center
}
.header {
background: #fff
}
.header.is-active-navigation .header__nav__bar {
-webkit-transform: translateX(-58px);
transform: translateX(-58px)
}
@media screen and (min-width:1100px) {
.header.is-active-navigation .header__nav__bar {
-webkit-transform: none;
transform: none
}
}
.header.is-active-navigation .header__nav__action__item--close {
opacity: 1;
pointer-events: all
}
.header__nav {
position: relative;
height: 50px;
text-align: center
}
@media screen and (min-width:1100px) {
.header__nav {
text-align: left;
height: 120px
}
}
.header__nav__bar {
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}
.header__nav__action {
display: none
}
@media screen and (min-width:1100px) {
.header__nav__action {
display: block
}
}
.header__nav__action--tablet {
display: block
}
@media screen and (min-width:1100px) {
.header__nav__action--tablet {
display: none
}
}
.header__nav__holder {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 58px;
background: #fff;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
z-index: 1
}
.header__nav__holder.is-active {
-webkit-transform: none;
transform: none
}
@media screen and (min-width:480px) {
.header__nav__holder {
width: 300px;
left: initial
}
}
@media screen and (min-width:1100px) {
.header__nav__holder {
background: initial;
-webkit-transform: none;
transform: none;
transition: none;
left: 0;
position: absolute;
z-index: 0;
width: auto
}
}
.header__nav__list {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 130px;
padding-top: 17%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 800px
}
@media screen and (min-width:1280px) {
.header__nav__list {
padding-left: 16%;
padding-right: 31%
}
}
@media screen and (min-width:1100px) {
.header__nav__list {
padding-top: 0;
padding-bottom: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
padding-left: 18%;
padding-right: 26%;
position: relative
}
}
.header__nav__list__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (min-width:1100px) {
.header__nav__list__item {
text-align: center;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial
}
}
.header__nav__list__item.is-active a {
color: #49b5e7
}
.header__nav__list__item.is-active a span:after {
-webkit-transform: none;
transform: none;
opacity: 1
}
.header__nav__list__item a {
font-size: 16px;
color: #17222e;
font-family: Montserrat, sans-serif;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
display: inline-block;
padding: 0 35px;
transition: color .15s cubic-bezier(.42, 0, .58, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
width: 100%;
height: auto;
line-height: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (min-width:375px) {
.header__nav__list__item a {
padding: 0 45px
}
}
@media screen and (min-width:1100px) {
.header__nav__list__item a {
height: 120px;
line-height: 120px;
font-size: 12px;
padding: 0 5px;
padding-top: 4px;
display: inline-block
}
}
@media screen and (min-width:1280px) {
.header__nav__list__item a {
font-size: 14px
}
}
.header__nav__list__item a span {
position: relative
}
.header__nav__list__item a span:after {
content: '';
border-bottom: 2px solid #49b5e7;
position: absolute;
width: 20px;
left: -10px;
bottom: -8px;
-webkit-transform: translateY(0) scaleX(.4);
transform: translateY(0) scaleX(.4);
transition: .5s cubic-bezier(.165, .84, .44, 1);
opacity: 0
}
.no-touchevents .header__nav__list__item a:hover {
color: #49b5e7
}
.no-touchevents .header__nav__list__item a:hover span:after {
-webkit-transform: none;
transform: none;
opacity: 1
}
.header__nav__logo {
display: inline-block;
position: relative
}
@media screen and (min-width:1100px) {
.header__nav__logo {
position: absolute
}
}
.header__nav__logo a {
padding: 15px 10px;
display: inline-block;
line-height: 1em
}
@media screen and (min-width:1100px) {
.header__nav__logo a {
padding: 25px 60px;
padding-left: 60px
}
}
.header__nav__logo img {
max-height: none;
height: 15px;
width: auto;
vertical-align: middle
}
@media screen and (min-width:1100px) {
.header__nav__logo img {
height: 70px;
vertical-align: top
}
}
.header__nav__action {
position: absolute;
right: 0;
top: 0;
list-style: none;
margin: 0;
padding: 0
}
.header__nav__action--right {
right: 0
}
.header__nav__action--left {
left: 0;
right: initial
}
.header__nav__action--mobile {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
top: initial
}
.header__nav__action--mobile:before {
position: absolute;
border-top: 2px solid #d8dbdc;
top: 0;
left: 25px;
right: 25px;
content: ''
}
@media screen and (min-width:1100px) {
.header__nav__action--mobile {
display: none
}
}
.header__nav__action--mobile .header__nav__action__item {
width: 100%;
height: auto;
display: block;
padding: 48px 40px;
padding-top: 30px
}
.header__nav__action--mobile .header__nav__action__item__holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header__nav__action--mobile .header__nav__action__item__icon,
.header__nav__action--mobile .header__nav__action__item__value {
display: inline-block
}
.header__nav__action--mobile .header__nav__action__item__value {
font-size: 15px
}
.header__nav__action--mobile .header__nav__action__item__icon {
color: #49b5e7;
margin-right: 10px
}
.header__nav__action__item {
float: left;
width: 58px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #17222e;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: .15s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:1100px) {
.header__nav__action__item {
width: 120px;
height: 120px
}
}
.no-touchevents .header__nav__action__item:hover {
background: #fbfbfb
}
.header__nav__action__item.is-active {
background: #171e26 !important;
color: #fff !important
}
.header__nav__action__item.is-active .header__nav__action__item__icon {
color: #49b5e7
}
.header__nav__action__item--close {
opacity: 0;
background: #17222e !important;
color: #fff !important;
pointer-events: none
}
.header__nav__action__item--close .header__nav__action__item__icon {
color: #49b5e7
}
@media screen and (min-width:1100px) {
.header__nav__action__item--close {
display: none
}
}
.header__nav__action__item__holder {
margin-top: 6px
}
@media screen and (min-width:1100px) {
.header__nav__action__item__holder {
margin-top: 18px
}
}
.header__nav__action__item__icon {
font-size: 28px;
line-height: 1em;
color: #17222e;
margin-bottom: 1px
}
@media screen and (min-width:1100px) {
.header__nav__action__item__icon {
color: #49b5e7
}
}
.header__nav__action__item__value {
font-size: 11px;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
letter-spacing: .01em
}
.hide {
display: none
}
.show {
display: inline-block
}
@media screen and (max-width:1920px) {
.hide\@max-page {
display: none
}
}
@media screen and (max-width:1920px) {
.show\@max-page {
display: inline-block
}
}
@media screen and (min-width:1920px) {
.hide\@page {
display: none
}
}
@media screen and (min-width:1920px) {
.show\@page {
display: inline-block
}
}
@media screen and (max-width:1600px) {
.hide\@max-desktop {
display: none
}
}
@media screen and (max-width:1600px) {
.show\@max-desktop {
display: inline-block
}
}
@media screen and (min-width:1600px) {
.hide\@desktop {
display: none
}
}
@media screen and (min-width:1600px) {
.show\@desktop {
display: inline-block
}
}
@media screen and (max-width:1440px) {
.hide\@max-full {
display: none
}
}
@media screen and (max-width:1440px) {
.show\@max-full {
display: inline-block
}
}
@media screen and (min-width:1440px) {
.hide\@full {
display: none
}
}
@media screen and (min-width:1440px) {
.show\@full {
display: inline-block
}
}
@media screen and (max-width:1280px) {
.hide\@max-wide {
display: none
}
}
@media screen and (max-width:1280px) {
.show\@max-wide {
display: inline-block
}
}
@media screen and (min-width:1280px) {
.hide\@wide {
display: none
}
}
@media screen and (min-width:1280px) {
.show\@wide {
display: inline-block
}
}
@media screen and (max-width:1024px) {
.hide\@max-tablet-landscape {
display: none
}
}
@media screen and (max-width:1024px) {
.show\@max-tablet-landscape {
display: inline-block
}
}
@media screen and (min-width:1024px) {
.hide\@tablet-landscape {
display: none
}
}
@media screen and (min-width:1024px) {
.show\@tablet-landscape {
display: inline-block
}
}
@media screen and (max-width:1100px) {
.hide\@max-tablet-wide {
display: none
}
}
@media screen and (max-width:1100px) {
.show\@max-tablet-wide {
display: inline-block
}
}
@media screen and (min-width:1100px) {
.hide\@tablet-wide {
display: none
}
}
@media screen and (min-width:1100px) {
.show\@tablet-wide {
display: inline-block
}
}
@media screen and (max-width:768px) {
.hide\@max-tablet {
display: none
}
}
@media screen and (max-width:768px) {
.show\@max-tablet {
display: inline-block
}
}
@media screen and (min-width:768px) {
.hide\@tablet {
display: none
}
}
@media screen and (min-width:768px) {
.show\@tablet {
display: inline-block
}
}
@media screen and (max-width:480px) {
.hide\@max-mobile-landscape {
display: none
}
}
@media screen and (max-width:480px) {
.show\@max-mobile-landscape {
display: inline-block
}
}
@media screen and (min-width:480px) {
.hide\@mobile-landscape {
display: none
}
}
@media screen and (min-width:480px) {
.show\@mobile-landscape {
display: inline-block
}
}
@media screen and (max-width:375px) {
.hide\@max-mobile-wide {
display: none
}
}
@media screen and (max-width:375px) {
.show\@max-mobile-wide {
display: inline-block
}
}
@media screen and (min-width:375px) {
.hide\@mobile-wide {
display: none
}
}
@media screen and (min-width:375px) {
.show\@mobile-wide {
display: inline-block
}
}
@media screen and (max-width:320px) {
.hide\@max-mobile {
display: none
}
}
@media screen and (max-width:320px) {
.show\@max-mobile {
display: inline-block
}
}
@media screen and (min-width:320px) {
.hide\@mobile {
display: none
}
}
@media screen and (min-width:320px) {
.show\@mobile {
display: inline-block
}
}
.u-justify-children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.u-row {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.u-row {
margin-left: 0 !important;
margin-right: 0 !important
}
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.u-row .u-row {
margin-left: -10px;
margin-right: -10px
}
}
.hero-image {
position: relative;
height: 385px
}
.hero-image__image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0
}
.hero-image__image.is-animated {
opacity: .7
}
.hero-image__inner {
height: 100%
}
.hero-image__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: 100%;
padding-top: 75px;
padding-bottom: 50px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.hero-image__content--blog {
padding-top: 50px
}
@media screen and (min-width:768px) {
.hero-image__content--blog {
padding-top: 75px
}
}
.hero-image__superheadline {
color: #fff;
margin-bottom: auto
}
.hero-image__superheadline date {
text-transform: none;
letter-spacing: .3em
}
.hero-image__headline {
color: #fff;
max-width: 100%
}
@media screen and (max-width:480px) {
.hero-image__headline--blog {
font-size: 30px
}
}
.hero-image__headline a {
color: #fff
}
@media screen and (min-width:768px) {
.hero-image {
height: 500px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.hero-image__content {
width: 83.33333%
}
}
@media screen and (min-width:1024px) {
.hero-image {
height: 600px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.hero-image__content {
width: 75%
}
}
@media screen and (min-width:1280px) {
.hero-image__content {
padding-top: 100px;
padding-bottom: 80px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-image__content {
width: 66.66667%;
margin-left: 8.33333%
}
}
.hero-phones {
height: 675px;
position: relative
}
.hero-phones__inner {
height: 100%
}
.hero-phones__content {
padding-top: 75px;
position: relative;
z-index: 20;
height: 100%;
overflow: hidden
}
.hero-phones__headline {
max-width: 345px;
color: #17222e
}
.hero-phones__holder {
min-width: 700px;
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 100%;
max-width: 1460px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
font-size: 0;
line-height: 0
}
.hero-phones__holder::before {
content: "";
display: inline-block;
vertical-align: top;
width: 18%
}
.hero-phones__holder--overflow {
z-index: 10
}
.hero-phones__holder--overflow::before {
width: calc(18% + 2 * (19.17808% + 5.13698%))
}
.hero-phones__column-wrapper {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
vertical-align: top;
width: 19.17808%;
margin-right: 5.13698%
}
.hero-phones__column {
white-space: normal;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
will-change: transform;
opacity: 0
}
.hero-phones__column--1 {
-webkit-animation: hero-phones-column-1-mobile 2s ease 1s forwards;
animation: hero-phones-column-1-mobile 2s ease 1s forwards
}
.hero-phones__column--2 {
-webkit-animation: hero-phones-column-2-mobile 2s ease forwards;
animation: hero-phones-column-2-mobile 2s ease forwards
}
.hero-phones__column--3 {
-webkit-animation: hero-phones-column-3-mobile 1.8s ease 1.2s forwards;
animation: hero-phones-column-3-mobile 1.8s ease 1.2s forwards
}
.hero-phones__screen {
margin-bottom: 10.71428%
}
.hero-phones__screen--empty::before {
content: "";
display: block;
padding-bottom: 172.5%
}
@media screen and (max-width:767px) {
.hero-phones__screen--desktop {
display: none
}
}
@media screen and (min-width:768px) {
.hero-phones__screen--mobile {
display: none
}
}
@media screen and (min-width:768px) {
.hero-phones {
height: 512px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.hero-phones__content {
width: 66.66667%;
left: 0;
right: auto
}
}
@media screen and (min-width:768px) {
.hero-phones__headline {
max-width: none
}
.hero-phones__holder::before {
width: 50%
}
.hero-phones__holder--overflow::before {
width: calc(50% + 2 * (19.17808% + 5.13698%))
}
.hero-phones__column--1 {
-webkit-animation: hero-phones-column-1-tablet 2s ease .5s forwards;
animation: hero-phones-column-1-tablet 2s ease .5s forwards
}
.hero-phones__column--2 {
-webkit-animation: hero-phones-column-2-tablet 2s ease forwards;
animation: hero-phones-column-2-tablet 2s ease forwards
}
.hero-phones__column--3 {
-webkit-animation: hero-phones-column-3-tablet 1.8s ease 1.2s forwards;
animation: hero-phones-column-3-tablet 1.8s ease 1.2s forwards
}
}
@media screen and (min-width:1024px) {
.hero-phones {
height: 50vw;
max-height: 800px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.hero-phones__content {
width: 58.33333%
}
}
@media screen and (min-width:1024px) {
.hero-phones__holder::before {
width: 40%
}
.hero-phones__holder--overflow::before {
width: calc(40% + 2 * (19.17808% + 5.13698%))
}
.hero-phones__column--1 {
-webkit-animation: hero-phones-column-1-desktop 2s ease .5s forwards;
animation: hero-phones-column-1-desktop 2s ease .5s forwards
}
.hero-phones__column--2 {
-webkit-animation: hero-phones-column-2-desktop 2s ease forwards;
animation: hero-phones-column-2-desktop 2s ease forwards
}
.hero-phones__column--3 {
-webkit-animation: hero-phones-column-3-desktop 1.8s ease 1.2s forwards;
animation: hero-phones-column-3-desktop 1.8s ease 1.2s forwards
}
}
@media screen and (min-width:1280px) {
.hero-phones__content {
padding-top: 100px;
padding-bottom: 100px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-phones__content {
width: 50%;
left: 8.33333%;
right: auto
}
}
@media screen and (min-width:1280px) {
.hero-phones__superheadline {
margin-bottom: 100px
}
}
@-webkit-keyframes hero-phones-column-1-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-240%);
transform: rotate(30deg) translateY(-240%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(60%);
transform: rotate(30deg) translateY(60%)
}
}
@keyframes hero-phones-column-1-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-240%);
transform: rotate(30deg) translateY(-240%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(60%);
transform: rotate(30deg) translateY(60%)
}
}
@-webkit-keyframes hero-phones-column-2-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(115%);
transform: rotate(30deg) translateY(115%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
@keyframes hero-phones-column-2-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(115%);
transform: rotate(30deg) translateY(115%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
@-webkit-keyframes hero-phones-column-3-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-143%);
transform: rotate(30deg) translateY(-143%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(28%);
transform: rotate(30deg) translateY(28%)
}
}
@keyframes hero-phones-column-3-mobile {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-143%);
transform: rotate(30deg) translateY(-143%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(28%);
transform: rotate(30deg) translateY(28%)
}
}
@-webkit-keyframes hero-phones-column-1-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-155.522%);
transform: rotate(30deg) translateY(-155.522%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
@keyframes hero-phones-column-1-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-155.522%);
transform: rotate(30deg) translateY(-155.522%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
@-webkit-keyframes hero-phones-column-2-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(100%);
transform: rotate(30deg) translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-2%);
transform: rotate(30deg) translateY(-2%)
}
}
@keyframes hero-phones-column-2-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(100%);
transform: rotate(30deg) translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-2%);
transform: rotate(30deg) translateY(-2%)
}
}
@-webkit-keyframes hero-phones-column-3-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-145.68951%);
transform: rotate(30deg) translateY(-145.68951%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(5%);
transform: rotate(30deg) translateY(5%)
}
}
@keyframes hero-phones-column-3-tablet {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-145.68951%);
transform: rotate(30deg) translateY(-145.68951%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(5%);
transform: rotate(30deg) translateY(5%)
}
}
@-webkit-keyframes hero-phones-column-1-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-155.522%);
transform: rotate(30deg) translateY(-155.522%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-2%);
transform: rotate(30deg) translateY(-2%)
}
}
@keyframes hero-phones-column-1-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-155.522%);
transform: rotate(30deg) translateY(-155.522%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-2%);
transform: rotate(30deg) translateY(-2%)
}
}
@-webkit-keyframes hero-phones-column-2-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(100%);
transform: rotate(30deg) translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-3%);
transform: rotate(30deg) translateY(-3%)
}
}
@keyframes hero-phones-column-2-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(100%);
transform: rotate(30deg) translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-3%);
transform: rotate(30deg) translateY(-3%)
}
}
@-webkit-keyframes hero-phones-column-3-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-145.68951%);
transform: rotate(30deg) translateY(-145.68951%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
@keyframes hero-phones-column-3-desktop {
0% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-145.68951%);
transform: rotate(30deg) translateY(-145.68951%)
}
100% {
opacity: 1;
-webkit-transform: rotate(30deg) translateY(-1%);
transform: rotate(30deg) translateY(-1%)
}
}
.hero-slider {
height: 550px
}
.hero-slider.is-touched .hero-slider__item {
transition-duration: .3s
}
.hero-slider.is-touched .hero-slider__wrapper,
.hero-slider.is-touched .hero-slider__wrapper [data-swiper-parallax] {
transition-timing-function: ease
}
.hero-slider__swiper {
height: 100%;
position: relative;
overflow: visible;
background-color: #171e26
}
.hero-slider__wrapper,
.hero-slider__wrapper [data-swiper-parallax] {
will-change: transform;
transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.hero-slider__item {
background-color: #f0f2f3;
position: relative;
z-index: 1;
box-sizing: border-box;
transition: opacity 1.2s;
transition-timing-function: cubic-bezier(.77, 0, .175, 1);
will-change: opacity;
overflow: hidden
}
.is-initialized .hero-slider__item {
opacity: .2
}
.hero-slider__item.swiper-slide-active,
.hero-slider__item.swiper-slide-duplicate-active {
opacity: 1
}
.hero-slider__item.is-light {
color: #fff
}
.hero-slider__item.is-light .hero-slider__headline,
.hero-slider__item.is-light .hero-slider__superheadline {
color: #fff
}
.hero-slider__item--start .hero-slider__holder {
padding-top: 130px
}
.hero-slider__item--start .hero-slider__content {
width: 91.66667%;
left: 0;
right: auto
}
.hero-slider__holder {
width: 100%;
height: 100%;
overflow: hidden;
padding-top: 90px;
padding-bottom: 90px
}
.hero-slider__content,
.hero-slider__inner {
height: 100%
}
.hero-slider__content {
width: 100%;
left: 0;
right: auto
}
.hero-slider__content.hero-slider__content.hero-slider__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.hero-slider__superheadline {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
white-space: nowrap
}
.hero-slider__headline {
color: #17222e;
font-size: 36px
}
@media screen and (max-width:767px) {
.hero-slider__headline br {
display: none
}
}
.hero-slider__pagination {
position: absolute;
z-index: 20;
width: 100%;
max-width: 1400px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0 20px;
text-align: center;
font-size: 0;
line-height: 1
}
.hero-slider__pagination.hero-slider__pagination {
left: 50%;
bottom: 7.63636%
}
.hero-slider__background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.hero-slider__background--desktop {
display: none
}
.hero-slider__next,
.hero-slider__prev {
display: none
}
.hero-slider__screen {
position: absolute;
z-index: 15;
top: 0;
margin-top: -75px;
right: -40px;
width: 130px;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg)
}
.hero-slider__screen:not(.is-animated) {
opacity: 0;
-webkit-transform: rotate(-20deg) translateY(-60px);
transform: rotate(-20deg) translateY(-60px)
}
@media screen and (min-width:375px) {
.hero-slider__screen {
width: 165px
}
}
@media screen and (min-width:768px) {
.hero-slider {
height: 580px
}
.hero-slider__item {
overflow: visible
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.hero-slider__item--start .hero-slider__content {
width: 75%;
left: 0;
right: auto
}
}
@media screen and (min-width:768px) {
.hero-slider__item--start .hero-slider__holder {
padding-top: 90px
}
.hero-slider__screen {
margin: 0;
top: auto;
right: auto;
bottom: -11.25%;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
left: 70%;
width: 30%;
max-width: 388px
}
.hero-slider__screen:not(.is-animated) {
-webkit-transform: rotate(20deg) translateY(-100px);
transform: rotate(20deg) translateY(-100px)
}
.hero-slider__headline {
font-size: 50px
}
.hero-slider__background--mobile {
display: none
}
.hero-slider__background--desktop {
display: block
}
}
@media screen and (min-width:1024px) {
.hero-slider {
height: 50vw;
max-height: 800px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.hero-slider__item--start .hero-slider__content {
width: 66.66667%;
left: 0;
right: auto
}
}
@media screen and (min-width:1024px) {
.hero-slider__item--start .hero-slider__holder {
padding-top: 6.25%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.hero-slider__content {
width: 75%;
left: 0;
right: auto
}
}
@media screen and (min-width:1024px) {
.hero-slider__headline {
font-size: 60px
}
.hero-slider__holder {
padding-top: 6.25%;
padding-bottom: 8.75%
}
.hero-slider__pagination {
text-align: right
}
.hero-slider__pagination.hero-slider__pagination {
bottom: 8.75%
}
.hero-slider__next,
.hero-slider__prev {
display: block;
width: 140px;
z-index: 15;
position: absolute;
top: 0;
bottom: 0;
cursor: pointer;
font-size: 24px;
color: #49b5e7
}
.hero-slider__next.is-teased .hero-slider__next__inner,
.hero-slider__next.is-teased .hero-slider__prev__inner,
.hero-slider__prev.is-teased .hero-slider__next__inner,
.hero-slider__prev.is-teased .hero-slider__prev__inner {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
.hero-slider__next__inner,
.hero-slider__prev__inner {
transition: opacity .4s, -webkit-transform .4s;
transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s, -webkit-transform .4s;
transition-timing-function: cubic-bezier(.77, 0, .175, 1);
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.hero-slider__prev {
left: 0
}
.hero-slider__prev__inner {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.hero-slider__next {
right: 0
}
.hero-slider__next__inner {
-webkit-transform: translateX(50%);
transform: translateX(50%)
}
.hero-slider__screen {
margin: 0;
top: auto;
right: auto;
bottom: -11.25%;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
left: 62%;
width: 24.25%;
max-width: 388px
}
.hero-slider__screen:not(.is-animated) {
-webkit-transform: rotate(20deg) translateY(-100px);
transform: rotate(20deg) translateY(-100px)
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-slider__item--start .hero-slider__content {
width: 50%;
left: 8.33333%;
right: auto
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-slider__content {
width: 58.33333%;
left: 8.33333%;
right: auto
}
}
@media screen and (min-width:1440px) {
.hero-slider__headline {
font-size: 70px
}
}
@media screen and (min-width:1600px) {
.hero-slider__holder.hero-slider__holder {
padding-top: 100px;
padding-bottom: 140px
}
.hero-slider__screen {
left: 50%;
margin-left: 180px
}
}
.hero-text--overlap {
padding-bottom: 50px
}
.hero-text__content {
padding-top: 75px;
padding-bottom: 50px
}
@media screen and (min-width:768px) {
.hero-text--overlap {
padding-bottom: 100px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.hero-text__content {
width: 75%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.hero-text__content {
width: 66.66667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-text--indent .hero-text__content {
width: 58.33333%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) {
.hero-text__content {
padding-top: 100px;
padding-bottom: 80px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.hero-text__content {
width: 58.33333%
}
}
.icon-column__swiper {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
.icon-column__item {
width: 100%;
text-align: center
}
@media screen and (min-width:1024px) {
.icon-column__item {
text-align: left
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.icon-column__item {
width: 25%;
margin-left: 4.16667%;
margin-right: 4.16667%
}
}
.icon-column__item__inner {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
@media screen and (min-width:480px) and (min-width:480px) {
.icon-column__item__inner {
width: 50%;
margin-left: 25%;
margin-right: 25%
}
}
@media screen and (min-width:1024px) {
.icon-column__item__inner {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.icon-column__item__inner {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
.icon-column__item__icon {
margin-bottom: 1.5em
}
@media screen and (min-width:1024px) {
.icon-column__item__icon {
margin-bottom: 2em
}
}
.icon-column__item__icon svg {
height: 100% !important;
width: 100% !important;
max-width: 52px
}
.icon-column__item__title {
margin-bottom: 1.5em
}
@media screen and (min-width:1024px) {
.icon-column__item__title {
margin-bottom: 2.4em
}
}
.icon-column__pagination {
margin: 35px 0 40px;
font-size: 0;
line-height: 1;
text-align: center
}
@media screen and (min-width:1024px) {
.icon-column__pagination {
display: none
}
}
.icon-column__button {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 3em
}
.image-teaser {
width: 100%;
position: relative;
margin-bottom: 19px
}
.no-touchevents .image-teaser:hover .image-teaser__overlay {
opacity: .8
}
.no-touchevents .image-teaser:hover .image-teaser__title>* {
margin-bottom: 1.4em
}
.image-teaser>a {
position: relative;
width: 100%;
display: inline-block;
height: 0;
padding-bottom: 100%;
vertical-align: top
}
.image-teaser--square {
width: 41.66667%
}
.image-teaser--landscape {
width: 58.33333%
}
.image-teaser--landscape>a {
height: 0;
padding-bottom: 50%
}
.image-teaser--portrait {
width: 33.33333%
}
.image-teaser--portrait>a {
height: 0;
padding-bottom: 125%
}
.image-teaser--swiper {
width: 100%;
margin-left: 0;
margin-right: 0
}
@media screen and (max-width:480px) {
.image-teaser--swiper .image-teaser__content {
padding: 20px
}
}
.image-teaser-container--centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
@media screen and (min-width:768px) {
.image-teaser-container--centered {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.image-teaser-container--centered {
width: 83.33333%;
margin-left: 8.33333%
}
}
.image-teaser__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #17222e;
opacity: .2;
transition: opacity .15s cubic-bezier(.42, 0, .58, 1)
}
.image-teaser__title>* {
transition: margin .15s cubic-bezier(.42, 0, .58, 1)
}
.image-teaser__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover !important;
background-position: center center !important
}
.image-teaser__content {
position: absolute;
bottom: 0;
padding: 50px 38px
}
@media screen and (max-width:1024px) {
.image-teaser__content {
padding: 20px 30px
}
}
.info-column {
padding-left: 60px;
margin-top: 35px;
position: relative;
color: #29333e;
font-family: Montserrat, sans-serif;
line-height: 1.25;
font-size: 20px
}
.info-column__icon {
width: 22px;
height: 22px;
position: absolute;
top: 1px;
left: 5px
}
.info-column__icon svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
@media screen and (min-width:768px) {
.info-column {
padding-left: 0;
margin-top: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
margin-right: 40px;
line-height: 1.66667
}
.info-column:last-child {
margin-right: 0
}
.info-column-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.info-column__icon {
width: 32px;
height: 32px;
margin: 0 auto;
position: relative;
left: auto;
top: auto
}
.info-column__text {
font-size: 16px;
margin-top: 1.5em
}
}
@media screen and (min-width:1024px) {
.info-column {
margin-right: 10%
}
.info-column__text {
font-size: 18px
}
}
.language-selector {
position: absolute !important;
top: 50px;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
z-index: 1;
transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.165, .84, .44, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width:1100px) {
.language-selector {
top: 120px
}
}
.language-selector.is-active {
visibility: visible;
opacity: 1;
transition-delay: 0s
}
.language-selector.is-holder .language-selector__holder {
-webkit-transform: none;
transform: none
}
.language-selector__holder {
background: #171e26;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
padding: 40px 0
}
@media screen and (min-width:768px) {
.language-selector__holder {
padding: 75px 0
}
}
@media screen and (min-width:1100px) {
.language-selector__holder {
padding: 100px 0
}
}
.language-selector__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2em
}
@media screen and (min-width:768px) {
.language-selector__list {
margin-bottom: 4em;
margin-left: -22px;
margin-right: -22px
}
}
.language-selector__item {
position: relative;
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
@media screen and (min-width:768px) and (min-width:768px) {
.language-selector__item {
width: 50%
}
}
@media screen and (min-width:1280px) {
.language-selector__item {
padding-left: 10px;
padding-right: 10px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.language-selector__item {
width: 25%
}
}
.language-selector__item__holder {
position: relative;
background: 0 0;
cursor: pointer
}
.language-selector__item__holder:before {
content: '';
position: absolute;
top: 9px;
left: 0;
right: 0;
bottom: 9px;
background: #29333e;
opacity: 0;
transition: top .15s cubic-bezier(.42, 0, .58, 1), bottom .15s cubic-bezier(.42, 0, .58, 1), background .15s cubic-bezier(.42, 0, .58, 1)
}
.language-selector__item.is-active .language-selector__item__holder:before {
opacity: 1
}
.language-selector__item.is-hovered .language-selector__item__holder:before,
.no-touchevents .language-selector__item:hover .language-selector__item__holder:before {
opacity: 1;
top: 0;
bottom: 0;
background: #49b5e7
}
.language-selector__item.is-hovered.has-multiple-languages .language-selector__item__title,
.no-touchevents .language-selector__item:hover.has-multiple-languages .language-selector__item__title {
-webkit-transform: translateY(-9px);
transform: translateY(-9px)
}
.language-selector__item.is-hovered.has-multiple-languages .language-selector__item__languages,
.no-touchevents .language-selector__item:hover.has-multiple-languages .language-selector__item__languages {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 1
}
.language-selector__item__flag {
width: 35px;
position: absolute;
top: 19px;
left: 13px
}
.language-selector__item__flag-icon {
color: #fff;
font-size: 26px;
display: block;
line-height: 1;
width: 100%;
text-align: center
}
.language-selector__item__content {
padding-left: 65px;
position: relative
}
.language-selector__item__title {
font-size: 14px;
color: #fff;
font-family: Montserrat, sans-serif;
font-weight: 500;
line-height: 1em;
padding: 25px 0;
transition: -webkit-transform .15s cubic-bezier(.42, 0, .58, 1);
transition: transform .15s cubic-bezier(.42, 0, .58, 1);
transition: transform .15s cubic-bezier(.42, 0, .58, 1), -webkit-transform .15s cubic-bezier(.42, 0, .58, 1)
}
.language-selector__item__languages {
position: absolute;
left: 3px;
right: 0;
padding-left: 62px;
bottom: 5px;
opacity: 0;
transition: opacity .15s cubic-bezier(.42, 0, .58, 1), -webkit-transform .15s cubic-bezier(.42, 0, .58, 1);
transition: transform .15s cubic-bezier(.42, 0, .58, 1), opacity .15s cubic-bezier(.42, 0, .58, 1);
transition: transform .15s cubic-bezier(.42, 0, .58, 1), opacity .15s cubic-bezier(.42, 0, .58, 1), -webkit-transform .15s cubic-bezier(.42, 0, .58, 1)
}
.language-selector__item__languages ul {
list-style: none;
padding: 0;
white-space: nowrap
}
.language-selector__item__languages ul li {
font-size: 12px;
font-family: Montserrat, sans-serif;
font-weight: 500;
line-height: 1em;
float: left
}
.language-selector__item__languages ul li.is-active a {
color: #29333e
}
.language-selector__item__languages ul li a {
text-decoration: none;
padding: 0 10px;
color: #fff;
transition: color .15s cubic-bezier(.42, 0, .58, 1)
}
.no-touchevents .language-selector__item__languages ul li a:hover {
color: #29333e
}
.language-selector__item__languages ul li:after {
content: '|';
position: relative;
display: inline-block;
margin-right: 2px;
color: #fff
}
.language-selector__item__languages ul li:first-child a {
padding-left: 0
}
.language-selector__item__languages ul li:last-child a {
padding-right: 0
}
.language-selector__item__languages ul li:last-child:after {
display: none
}
.legal {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.legal {
margin-left: 0 !important;
margin-right: 0 !important
}
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.legal .legal {
margin-left: -10px;
margin-right: -10px
}
}
.legal__content {
width: 100%
}
.legal__content h3 {
margin-bottom: 30px
}
.legal__content ol+h4,
.legal__content p+h4,
.legal__content ul+h4 {
margin-top: 30px
}
.legal__content a {
text-decoration: underline
}
.legal__sidebar {
width: 100%;
margin-top: 30px
}
@media screen and (min-width:768px) {
.legal__content h3 {
margin-bottom: 60px
}
.legal__content ol+h4,
.legal__content p+h4,
.legal__content ul+h4 {
margin-top: 60px
}
.legal__sidebar {
margin-top: 60px
}
}
@media screen and (min-width:1024px) {
.legal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.legal__content {
width: 62.5%
}
}
@media screen and (min-width:1024px) {
.legal__sidebar {
margin-top: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.legal__sidebar {
width: 33.33333%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.legal__content {
width: 66.66667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.legal__sidebar {
width: 29.16667%;
margin-left: 4.16667%;
padding-left: 0
}
}
.list--reset {
padding: 0;
list-style: none
}
.marquee {
position: relative;
white-space: nowrap;
font-size: 0;
overflow: hidden;
z-index: 1
}
.marquee__text {
display: inline-block;
font-size: 16px
}
.marquee__content {
will-change: transform
}
.marquee__item {
display: inline-block;
padding: 5px 30px;
color: #29333e;
font-family: Montserrat, sans-serif
}
.no-touchevents .marquee__item[href]:hover .marquee__item__text::after {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.marquee__item__icon {
margin-right: 20px;
display: inline-block;
vertical-align: middle;
color: #49b5e7;
font-size: 24px
}
.marquee__item__text {
position: relative;
display: inline-block;
vertical-align: middle
}
.marquee__item__text::after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: 0;
border-bottom: 1px solid #49b5e7;
opacity: 0;
transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
transition: opacity .2s, transform .2s, -webkit-transform .2s
}
@media screen and (min-width:1024px) {
.marquee__text {
font-size: 18px
}
.marquee__item {
padding: 5px 35px
}
.marquee__item__icon {
font-size: 30px
}
}
.news-teaser {
display: block;
width: calc(50% - 10px);
margin: 0 5px 10px;
background-color: #fff;
transition: box-shadow .3s
}
.no-touchevents .news-teaser:hover {
box-shadow: 0 19px 43px 0 rgba(0, 0, 0, .08)
}
.news-teaser-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px
}
.news-teaser-container--mobile-2x>:nth-child(n+3) {
display: none
}
.news-teaser__content {
padding-top: 18px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px
}
.news-teaser__superheadline {
margin-bottom: 15px;
line-height: 1.5;
font-size: 12px;
color: #49b5e7;
font-family: Montserrat, sans-serif;
letter-spacing: .1em
}
.news-teaser__category {
display: block;
white-space: nowrap;
font-weight: 700
}
.news-teaser__category--dividing::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 2px;
margin: 0 12px 0 16px;
background-color: #49b5e7
}
.news-teaser__date {
white-space: nowrap
}
.news-teaser__headline {
overflow: hidden;
max-height: 3.75em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
@media screen and (min-width:768px) {
.news-teaser {
width: calc(33.333% - 20px);
margin: 0 10px 20px
}
.news-teaser-container {
margin: 0 -10px
}
.news-teaser-container--mobile-2x>:nth-child(n+3) {
display: block
}
}
@media screen and (min-width:1024px) {
.news-teaser__superheadline {
margin-bottom: 25px
}
.news-teaser__category {
display: inline
}
.news-teaser__category--dividing::after {
width: 30px
}
.news-teaser__headline {
max-height: 2.5em
}
.news-teaser__content {
padding-top: 7.95455%;
padding-left: 11.36364%;
padding-right: 11.36364%;
padding-bottom: 13.63636%
}
}
.newsletter-signup {
font-size: 16px;
line-height: 1.875
}
.newsletter-signup__row {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.newsletter-signup__row {
margin-left: 0 !important;
margin-right: 0 !important
}
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.newsletter-signup__row .newsletter-signup__row {
margin-left: -10px;
margin-right: -10px
}
}
.newsletter-signup__left,
.newsletter-signup__right {
width: 100%;
margin-left: 0
}
.newsletter-signup__left {
margin-bottom: 30px
}
.newsletter-signup__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.newsletter-signup__input {
width: 60%;
border: 0;
padding: 14px 20px;
margin: 0;
font-size: 15px;
font-weight: 500;
color: #597987;
border-radius: 0
}
.newsletter-signup__input::-webkit-input-placeholder {
color: rgba(89, 121, 135, .5)
}
.newsletter-signup__input:-ms-input-placeholder {
color: rgba(89, 121, 135, .5)
}
.newsletter-signup__input::placeholder {
color: rgba(89, 121, 135, .5)
}
.newsletter-signup__button {
width: 40%;
min-width: 0
}
.newsletter-signup__checkbox {
margin-top: 20px
}
@media screen and (min-width:480px) {
.newsletter-signup__input {
padding: 21px 40px;
font-size: 16px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.newsletter-signup__left {
width: 75%;
margin-left: 0
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.newsletter-signup__right {
width: 75%;
margin-left: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.newsletter-signup__left {
width: 45.83333%;
margin-left: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.newsletter-signup__right {
width: 50%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1280px) {
.newsletter-signup__headline {
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.newsletter-signup__left {
width: 33.33333%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.newsletter-signup__right {
width: 41.66667%;
margin-left: 8.33333%
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
z-index: 300
}
.overlay__background {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(23, 30, 38, .9)
}
.overlay__inner {
position: relative;
margin: 50px 15px
}
.overlay__close {
float: right;
margin-right: -10px;
padding: 10px;
color: #fff;
font-size: 12px;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em;
transition: color .3s
}
.no-touchevents .overlay__close:hover {
color: #49b5e7
}
.overlay__close__text {
vertical-align: middle;
display: inline-block
}
.overlay__close__icon {
color: #49b5e7;
font-size: 18px;
display: inline-block;
vertical-align: middle;
margin-left: 10px
}
.overlay__content {
clear: both;
background-color: #fff
}
@media screen and (min-width:768px) {
.overlay__inner {
margin: 100px 30px 60px
}
.overlay__close {
font-size: 14px
}
.overlay__close__icon {
margin-left: 22px
}
}
@media screen and (min-width:1280px) {
.overlay__inner {
max-width: 1460px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px
}
}
.padding--top-1x {
padding-top: 10px
}
@media screen and (min-width:480px) {
.padding--top-1x {
padding-top: 15px
}
}
@media screen and (min-width:1024px) {
.padding--top-1x {
padding-top: 20px
}
}
.padding--top-2x {
padding-top: 20px
}
@media screen and (min-width:480px) {
.padding--top-2x {
padding-top: 30px
}
}
@media screen and (min-width:1024px) {
.padding--top-2x {
padding-top: 40px
}
}
.padding--top-3x {
padding-top: 30px
}
@media screen and (min-width:480px) {
.padding--top-3x {
padding-top: 45px
}
}
@media screen and (min-width:1024px) {
.padding--top-3x {
padding-top: 60px
}
}
.padding--top-4x {
padding-top: 40px
}
@media screen and (min-width:480px) {
.padding--top-4x {
padding-top: 60px
}
}
@media screen and (min-width:1024px) {
.padding--top-4x {
padding-top: 80px
}
}
.padding--top-5x {
padding-top: 50px
}
@media screen and (min-width:480px) {
.padding--top-5x {
padding-top: 75px
}
}
@media screen and (min-width:1024px) {
.padding--top-5x {
padding-top: 100px
}
}
.padding--top-6x {
padding-top: 60px
}
@media screen and (min-width:480px) {
.padding--top-6x {
padding-top: 90px
}
}
@media screen and (min-width:1024px) {
.padding--top-6x {
padding-top: 120px
}
}
.padding--top-7x {
padding-top: 70px
}
@media screen and (min-width:480px) {
.padding--top-7x {
padding-top: 105px
}
}
@media screen and (min-width:1024px) {
.padding--top-7x {
padding-top: 140px
}
}
.padding--top-8x {
padding-top: 80px
}
@media screen and (min-width:480px) {
.padding--top-8x {
padding-top: 120px
}
}
@media screen and (min-width:1024px) {
.padding--top-8x {
padding-top: 160px
}
}
.padding--top-9x {
padding-top: 90px
}
@media screen and (min-width:480px) {
.padding--top-9x {
padding-top: 135px
}
}
@media screen and (min-width:1024px) {
.padding--top-9x {
padding-top: 180px
}
}
.padding--top-10x {
padding-top: 100px
}
@media screen and (min-width:480px) {
.padding--top-10x {
padding-top: 150px
}
}
@media screen and (min-width:1024px) {
.padding--top-10x {
padding-top: 200px
}
}
.padding--top-11x {
padding-top: 110px
}
@media screen and (min-width:480px) {
.padding--top-11x {
padding-top: 165px
}
}
@media screen and (min-width:1024px) {
.padding--top-11x {
padding-top: 220px
}
}
.padding--top-12x {
padding-top: 120px
}
@media screen and (min-width:480px) {
.padding--top-12x {
padding-top: 180px
}
}
@media screen and (min-width:1024px) {
.padding--top-12x {
padding-top: 240px
}
}
.padding--top-13x {
padding-top: 130px
}
@media screen and (min-width:480px) {
.padding--top-13x {
padding-top: 195px
}
}
@media screen and (min-width:1024px) {
.padding--top-13x {
padding-top: 260px
}
}
.padding--top-14x {
padding-top: 140px
}
@media screen and (min-width:480px) {
.padding--top-14x {
padding-top: 210px
}
}
@media screen and (min-width:1024px) {
.padding--top-14x {
padding-top: 280px
}
}
.padding--top-15x {
padding-top: 150px
}
@media screen and (min-width:480px) {
.padding--top-15x {
padding-top: 225px
}
}
@media screen and (min-width:1024px) {
.padding--top-15x {
padding-top: 300px
}
}
.padding--bottom-1x {
padding-bottom: 10px
}
@media screen and (min-width:480px) {
.padding--bottom-1x {
padding-bottom: 15px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-1x {
padding-bottom: 20px
}
}
.padding--bottom-2x {
padding-bottom: 20px
}
@media screen and (min-width:480px) {
.padding--bottom-2x {
padding-bottom: 30px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-2x {
padding-bottom: 40px
}
}
.padding--bottom-3x {
padding-bottom: 30px
}
@media screen and (min-width:480px) {
.padding--bottom-3x {
padding-bottom: 45px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-3x {
padding-bottom: 60px
}
}
.padding--bottom-4x {
padding-bottom: 40px
}
@media screen and (min-width:480px) {
.padding--bottom-4x {
padding-bottom: 60px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-4x {
padding-bottom: 80px
}
}
.padding--bottom-5x {
padding-bottom: 50px
}
@media screen and (min-width:480px) {
.padding--bottom-5x {
padding-bottom: 75px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-5x {
padding-bottom: 100px
}
}
.padding--bottom-6x {
padding-bottom: 60px
}
@media screen and (min-width:480px) {
.padding--bottom-6x {
padding-bottom: 90px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-6x {
padding-bottom: 120px
}
}
.padding--bottom-7x {
padding-bottom: 70px
}
@media screen and (min-width:480px) {
.padding--bottom-7x {
padding-bottom: 105px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-7x {
padding-bottom: 140px
}
}
.padding--bottom-8x {
padding-bottom: 80px
}
@media screen and (min-width:480px) {
.padding--bottom-8x {
padding-bottom: 120px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-8x {
padding-bottom: 160px
}
}
.padding--bottom-9x {
padding-bottom: 90px
}
@media screen and (min-width:480px) {
.padding--bottom-9x {
padding-bottom: 135px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-9x {
padding-bottom: 180px
}
}
.padding--bottom-10x {
padding-bottom: 100px
}
@media screen and (min-width:480px) {
.padding--bottom-10x {
padding-bottom: 150px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-10x {
padding-bottom: 200px
}
}
.padding--bottom-11x {
padding-bottom: 110px
}
@media screen and (min-width:480px) {
.padding--bottom-11x {
padding-bottom: 165px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-11x {
padding-bottom: 220px
}
}
.padding--bottom-12x {
padding-bottom: 120px
}
@media screen and (min-width:480px) {
.padding--bottom-12x {
padding-bottom: 180px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-12x {
padding-bottom: 240px
}
}
.padding--bottom-13x {
padding-bottom: 130px
}
@media screen and (min-width:480px) {
.padding--bottom-13x {
padding-bottom: 195px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-13x {
padding-bottom: 260px
}
}
.padding--bottom-14x {
padding-bottom: 140px
}
@media screen and (min-width:480px) {
.padding--bottom-14x {
padding-bottom: 210px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-14x {
padding-bottom: 280px
}
}
.padding--bottom-15x {
padding-bottom: 150px
}
@media screen and (min-width:480px) {
.padding--bottom-15x {
padding-bottom: 225px
}
}
@media screen and (min-width:1024px) {
.padding--bottom-15x {
padding-bottom: 300px
}
}
.partner {
padding: 35px 0 50px
}
.partner-container>:nth-child(n+2) {
border-top: 2px solid rgba(23, 34, 46, .1)
}
.partner-container>:last-child {
padding-bottom: 0
}
.partner__name {
margin-bottom: 10px
}
.partner__image-holder {
margin-bottom: 20px
}
.partner__image {
width: auto;
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%
}
.partner__text {
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
line-height: 1.5625;
max-width: 100%
}
@media screen and (min-width:768px) {
.partner {
width: 50%;
padding: 0 4.16667%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.partner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.partner-container>:nth-child(n+2) {
border-top: 0
}
.partner-container>:nth-child(even) {
border-left: 2px solid rgba(23, 34, 46, .1);
padding-right: 0
}
.partner-container>:nth-child(odd) {
padding-left: 0
}
.partner__name {
margin-bottom: 20px
}
.partner__image-holder {
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
.partner__image {
-webkit-transform: none;
transform: none
}
.partner__text {
margin-bottom: 50px;
font-size: 16px
}
.partner__button {
margin-top: auto
}
}
@media screen and (min-width:1024px) {
.partner {
padding: 0 8.33333%
}
}
@media screen and (min-width:1280px) {
.partner.partner {
padding: 0 8.33333%
}
}
@media screen and (min-width:1100px) {
.product__holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.product__content {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 50px;
padding-bottom: 50px;
position: relative
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.product__content {
width: 45.83333%;
margin-left: 0;
margin-right: 4.16667%
}
}
@media screen and (min-width:1280px) {
.product__content {
padding-top: 70px;
padding-bottom: 70px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.product__content {
width: 41.66667%;
margin-left: 8.33333%
}
}
.product__images {
width: 100%;
right: 0;
left: auto;
height: 0;
padding-bottom: 100%;
position: relative
}
@media screen and (min-width:1100px) {
.product__images {
height: auto;
padding-bottom: 0
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.product__images {
width: 50%;
right: -4.16667%;
left: auto
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.product__images {
width: 50%;
right: -8.33333%;
left: auto
}
}
.product__icon {
margin-bottom: 3.2em
}
.product__icon img {
height: 36px;
width: auto
}
@media screen and (min-width:1100px) {
.product__icon img {
height: 60px
}
}
@media screen and (min-width:768px) {
.product__icon img {
height: 50px
}
}
.product__lead {
margin-bottom: 2.3em
}
.product__description {
margin-bottom: 3.2em
}
.product__images__swiper {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: 10px
}
.product__images__item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover !important;
background-position: center center !important
}
.product__appliances {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 3em;
margin-left: -14px
}
.product__appliances:after {
content: "";
display: table;
clear: both
}
@media screen and (max-width:480px) {
.product__appliances {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media screen and (min-width:480px) {
.product__appliances {
margin-left: -24px
}
}
@media screen and (min-width:768px) {
.product__appliances {
margin-left: -18px
}
}
.product__appliances__item {
float: left;
opacity: 0;
transition: opacity .2s cubic-bezier(.455, .03, .515, .955);
margin-bottom: 20px
}
@media screen and (min-width:480px) {
.product__appliances__item {
margin: 0
}
}
.product__appliances__item svg {
height: 100% !important;
width: 100% !important;
max-width: 60px
}
@media screen and (min-width:480px) {
.product__appliances__item svg {
max-width: 100px
}
}
@media screen and (min-width:768px) {
.product__appliances__item svg {
max-width: 80px
}
}
.product__appliances__item.is-active {
opacity: 1
}
@media screen and (min-width:1100px) {
.product--reverse .product__content {
left: 54.16667%;
right: auto;
margin-right: 0
}
}
@media screen and (min-width:1280px) {
.product--reverse .product__content {
left: 41.66667%;
right: auto
}
}
@media screen and (min-width:1100px) {
.product--reverse .product__images {
right: 50%;
left: auto
}
}
@media screen and (min-width:1280px) {
.product--reverse .product__images {
right: 58.33333%;
left: auto
}
}
.quick-start__header {
width: 66.66667%
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.quick-start__header {
width: 91.66667%;
margin-left: 4.16667%
}
}
@media screen and (max-width:480px) and (max-width:480px) {
.quick-start__header {
width: 100%;
margin-left: 0
}
}
.quick-start__list {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px;
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 30px
}
[class*=no-gutter]>.quick-start__list {
margin-left: 0 !important;
margin-right: 0 !important
}
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.quick-start__list .quick-start__list {
margin-left: -10px;
margin-right: -10px
}
}
.quick-start__list--help {
padding-top: 20px;
padding-bottom: 65px
}
@media screen and (min-width:768px) {
.quick-start__list {
padding-top: 60px
}
.quick-start__list--help {
padding-top: 20px;
padding-bottom: 65px
}
}
@media screen and (min-width:1024px) {
.quick-start__list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.quick-start__list--help {
padding-top: 40px;
padding-bottom: 90px
}
}
.quick-start__info-text {
margin-top: -.8em
}
@media screen and (min-width:768px) {
.quick-start__info-text {
margin-top: -1em
}
}
@media screen and (min-width:1024px) {
.quick-start__info-text {
max-width: 75%
}
}
.quick-start__swiper-wrapper {
transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.quick-start__slide {
box-sizing: border-box
}
.quick-start__slide--empty.quick-start__slide--empty {
height: 1px
}
.quick-start__step {
margin-top: -1px
}
.quick-start__item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 15px;
min-height: 70px
}
.quick-start__item--small .quick-start__item__icon {
padding-bottom: 10px
}
.quick-start__item--small .quick-start__item__icon svg {
max-height: 30px
}
@media screen and (min-width:768px) {
.quick-start__item--small .quick-start__item__icon {
padding-bottom: 20px
}
.quick-start__item--small .quick-start__item__icon svg {
max-height: 40px
}
}
@media screen and (min-width:1024px) {
.quick-start__item {
text-align: center;
margin-bottom: 20px;
min-height: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.quick-start__item {
width: 25%
}
}
@media screen and (min-width:1024px) {
.quick-start__item--small {
width: 50%
}
.quick-start__item--small .quick-start__item__center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.quick-start__item--small .quick-start__item__title h5 {
min-height: 0
}
.quick-start__item--small .quick-start__item__icon svg {
max-height: 52px;
max-width: none
}
.quick-start__item--small:nth-last-child(2):first-child .quick-start__item__wrapper::before,
.quick-start__item--small:nth-last-child(2):first-child~.quick-start__item--small .quick-start__item__wrapper::before {
padding-top: 37.46%
}
.quick-start__item--small:nth-last-child(3):first-child .quick-start__item__wrapper::before,
.quick-start__item--small:nth-last-child(3):first-child~.quick-start__item--small .quick-start__item__wrapper::before {
padding-top: 57.405%
}
.quick-start__item--small:nth-last-child(4):first-child .quick-start__item__wrapper::before,
.quick-start__item--small:nth-last-child(4):first-child~.quick-start__item--small .quick-start__item__wrapper::before {
padding-top: 78.23%
}
}
@media screen and (min-width:1280px) {
.quick-start__item--small .quick-start__item__icon {
padding-top: 20px
}
}
.quick-start__item__wrapper {
background: #fff;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: box-shadow .3s, background-color .3s;
width: 100%;
position: relative
}
.no-touchevents .quick-start__item__wrapper:hover {
box-shadow: 0 19px 43px 0 rgba(0, 0, 0, .08)
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__title h5 {
color: #49b5e7
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__count {
color: #49b5e7
}
.quick-start__item__wrapper.is-active.is-active {
background-color: #171e26
}
.quick-start__item__wrapper.is-active.is-active .quick-start__item__count,
.quick-start__item__wrapper.is-active.is-active .quick-start__item__title h5 {
color: #fff
}
.quick-start__item__wrapper.is-active.is-active path {
stroke: #fff
}
@media screen and (min-width:1024px) {
.quick-start__item__wrapper:after {
content: ""
}
.quick-start__item__wrapper::before {
content: '';
float: left;
padding-top: 100%
}
.quick-start__item__wrapper::after {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
margin-top: 15px;
color: #171e26;
font-size: 16px;
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.quick-start__item__wrapper.is-active.is-active::after {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.quick-start__item__center {
width: 100%;
padding: 5px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width:1024px) {
.quick-start__item__center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 20px;
height: 100%
}
}
@media screen and (min-width:1280px) {
.quick-start__item__center {
padding: 20px 30px
}
}
@media screen and (min-width:1440px) {
.quick-start__item__center {
padding: 20px 50px
}
}
.quick-start__item__title {
padding: 10px 15px 10px 10px;
max-width: 100%
}
.quick-start__item__title h5 {
transition: color .2s cubic-bezier(.42, 0, .58, 1);
line-height: 1.4em;
font-weight: 500;
margin: 0
}
@media screen and (min-width:768px) {
.quick-start__item__title h5 {
font-size: 16px
}
}
@media screen and (min-width:1024px) {
.quick-start__item__title {
padding: 0 0 10px
}
.quick-start__item__title h5 {
min-height: 4.2em;
font-size: 14px
}
}
@media screen and (min-width:1280px) {
.quick-start__item__title {
padding-bottom: 20px
}
.quick-start__item__title h5 {
font-size: 18px
}
}
.quick-start__item__count {
position: absolute;
text-align: center;
left: 0;
width: 80px;
line-height: 1;
bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 700;
color: #29333e;
transition: color .2s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:768px) {
.quick-start__item__count {
width: 120px;
bottom: 15px
}
}
@media screen and (min-width:1024px) {
.quick-start__item__count {
width: 100%;
font-size: 14px;
position: static;
padding-bottom: 10px
}
}
.quick-start__item__icon {
width: 80px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: flext-end;
align-self: flext-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
padding-top: 10px
}
.quick-start__item__icon svg {
height: 100% !important;
width: 100% !important;
max-height: 25px
}
@media screen and (min-width:768px) {
.quick-start__item__icon {
width: 120px;
padding-bottom: 30px;
padding-top: 20px
}
.quick-start__item__icon svg {
max-height: 40px
}
}
@media screen and (min-width:1024px) {
.quick-start__item__icon {
padding-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 20px
}
.quick-start__item__icon svg {
max-height: none;
max-width: 52px
}
}
@media screen and (min-width:1280px) {
.quick-start__item__icon {
padding-top: 40px;
padding-bottom: 30px
}
}
.quick-start__result {
padding-top: 80px;
padding-bottom: 20px;
background-color: #f0f2f3
}
@media screen and (min-width:768px) {
.quick-start__result {
padding-top: 110px
}
}
@media screen and (min-width:1024px) {
.quick-start__result {
padding-top: 140px
}
}
.remote-control__screen {
width: 25%;
left: 8.33333%;
right: auto;
padding-left: 50px !important;
padding-top: 25px
}
@media screen and (max-width:768px) {
.remote-control__screen {
display: none
}
}
@media screen and (min-width:768px) {
.remote-control__subtitle--indented {
padding-right: 30%
}
}
.remote-control__content {
width: 50%;
left: 16.66667%;
right: auto
}
@media screen and (max-width:768px) and (max-width:768px) {
.remote-control__content {
width: 100%;
left: 0;
right: auto
}
}
.remote-control__description {
margin-bottom: 4em
}
@media screen and (max-width:1024px) {
.remote-control__description {
margin-bottom: 3em
}
}
@media screen and (max-width:480px) {
.remote-control__description {
margin-bottom: 2em
}
}
.remote-control__appliances {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.remote-control__appliances:after {
content: "";
display: table;
clear: both
}
@media screen and (max-width:480px) {
.remote-control__appliances {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.remote-control__appliances__item {
float: left;
width: 33.33333%;
text-align: center;
opacity: 0;
transition: opacity .2s cubic-bezier(.455, .03, .515, .955)
}
@media screen and (max-width:480px) {
.remote-control__appliances__item {
margin-bottom: 20px
}
}
.remote-control__appliances__item__title {
-webkit-transform: translateY(8px);
transform: translateY(8px);
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
word-break: break-word;
padding: 0 8px
}
@media screen and (max-width:480px) {
.remote-control__appliances__item__title p {
font-size: 12px
}
}
.remote-control__appliances__item__icon {
margin-bottom: 12px
}
.remote-control__appliances__item__icon svg {
height: 100% !important;
width: 100% !important;
max-width: 100px
}
@media screen and (max-width:480px) {
.remote-control__appliances__item__icon svg {
max-width: 60px
}
}
.remote-control__appliances__item.is-active {
opacity: 1
}
.remote-control__appliances__item.is-active .remote-control__appliances__item__title {
-webkit-transform: none;
transform: none
}
.screen {
position: relative
}
.screen--remote-control {
min-width: 290px;
float: right
}
.screen--features {
max-width: 290px;
display: inline-block;
width: 100%
}
@media screen and (max-width:480px) {
.screen--features {
max-width: 180px
}
}
.screen--shadow .screen__background {
-webkit-filter: drop-shadow(5px 5px 22px rgba(0, 0, 0, .1)) drop-shadow(42px 42px 35px rgba(0, 0, 0, .1));
filter: drop-shadow(5px 5px 22px rgba(0, 0, 0, .1)) drop-shadow(42px 42px 35px rgba(0, 0, 0, .1))
}
.edge .screen--shadow .screen__background,
.explorer .screen--shadow .screen__background {
-webkit-filter: none;
filter: none
}
.screen--shadow-light .screen__background {
-webkit-filter: drop-shadow(4px 3px 21px rgba(0, 0, 0, .1));
filter: drop-shadow(4px 3px 21px rgba(0, 0, 0, .1))
}
.edge .screen--shadow-light .screen__background,
.explorer .screen--shadow-light .screen__background {
-webkit-filter: none;
filter: none
}
.screen--ipad .screen__background {
background-image: url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../img/ipad.png);
padding-bottom: 141.88034%
}
.screen--ipad .screen__background>img {
top: 7.59036%
}
.screen__background {
position: relative;
width: 100%;
height: 0;
padding-bottom: 205.65068493150685%;
background: url(//www.homewhiz.com/wp-content/themes/homewhiz/web/css/../img/iphone.png);
background-size: cover
}
.screen__background>img {
width: 90%;
position: absolute;
top: 11%;
left: 5%;
border: 2px inset #000;
border-radius: 4px
}
.screen__swiper {
width: 90%;
position: absolute;
top: 11%;
left: 5%;
border: 2px inset #000;
border-radius: 4px
}
.search {
position: absolute !important;
top: 50px;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
z-index: 1;
transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.165, .84, .44, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (min-width:1100px) {
.search {
top: 120px
}
}
.search.is-active {
visibility: visible;
opacity: 1;
transition-delay: 0s
}
.search--404 {
position: relative !important;
top: auto;
left: auto;
right: auto;
bottom: auto;
visibility: visible;
z-index: auto
}
.search--404 .search__form {
-webkit-transform: translateY(0);
transform: translateY(0);
background: #fff
}
.search--404 .search__form__input input {
border-bottom-color: #29333e;
color: #29333e !important
}
.search--404 .search__form__input input::-webkit-input-placeholder {
color: #dbdbdc
}
.search--404 .search__form__input input:-ms-input-placeholder {
color: #dbdbdc
}
.search--404 .search__form__input input::placeholder {
color: #dbdbdc
}
.search--404 .search__form__icon--left {
color: #29333e
}
.search--404 .search__results {
display: none
}
.search.is-result .search__results {
opacity: 1;
-webkit-transform: none;
transform: none;
display: block
}
.search.is-result .search__form__holder {
padding-top: 40px;
padding-bottom: 60px
}
@media screen and (min-width:1280px) {
.search.is-result .search__form__holder {
padding-top: 90px;
padding-bottom: 130px
}
}
.search.is-result:not(.search--404) .search__results {
opacity: 1;
-webkit-transform: none;
transform: none
}
.search.is-result:not(.search--404) .search__form__input {
margin-top: 0
}
.search.is-result:not(.search--404) .search__form__input input {
border-bottom: 1px solid #fff;
font-size: 28px
}
@media screen and (min-width:480px) {
.search.is-result:not(.search--404) .search__form__input input {
font-size: 45px;
border-bottom: 3px solid #fff;
padding-left: 55px;
padding-right: 55px
}
}
@media screen and (min-width:1100px) {
.search.is-result:not(.search--404) .search__form__input input {
font-size: 36px;
padding-left: 75px;
padding-right: 75px
}
}
.search.is-result:not(.search--404) .search__form__icon--left {
top: 8px;
font-size: 20px
}
@media screen and (min-width:480px) {
.search.is-result:not(.search--404) .search__form__icon--left {
font-size: 30px;
top: 12px
}
}
@media screen and (min-width:1100px) {
.search.is-result:not(.search--404) .search__form__icon--left {
top: 0;
font-size: 42px
}
}
.search.is-result:not(.search--404) .search__form__icon--right {
top: 8px;
font-size: 20px
}
@media screen and (min-width:480px) {
.search.is-result:not(.search--404) .search__form__icon--right {
font-size: 30px
}
}
@media screen and (min-width:1100px) {
.search.is-result:not(.search--404) .search__form__icon--right {
font-size: 32px;
top: 0
}
}
.search.is-form .search__form {
-webkit-transform: none;
transform: none
}
.search__form {
background: #171e26;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}
.search__form__holder {
width: 100%;
padding-top: 40px;
padding-bottom: 60px;
transition: all .15s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:480px) {
.search__form__holder {
padding-top: 60px;
padding-bottom: 100px
}
}
@media screen and (min-width:480px) and (min-width:480px) {
.search__form__holder {
width: 91.66667%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1100px) {
.search__form__holder {
padding-top: 90px;
padding-bottom: 160px
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.search__form__holder {
width: 83.33333%;
margin-left: 8.33333%
}
}
.search__form__icon {
position: absolute;
z-index: 1;
line-height: 1em;
transition: all .15s cubic-bezier(.42, 0, .58, 1)
}
.search__form__icon--left {
top: 8px;
left: 0;
font-size: 20px;
color: #fff
}
@media screen and (min-width:480px) {
.search__form__icon--left {
font-size: 30px;
top: 12px
}
}
@media screen and (min-width:1100px) {
.search__form__icon--left {
font-size: 52px
}
}
.search__form__icon--right {
top: 8px;
right: 0;
font-size: 20px;
color: #49b5e7;
z-index: 3;
cursor: pointer
}
@media screen and (min-width:480px) {
.search__form__icon--right {
font-size: 30px;
top: 12px
}
}
@media screen and (min-width:1100px) {
.search__form__icon--right {
font-size: 52px
}
}
.search__form__title {
display: inline-block
}
.search__form__title h6:after {
display: none
}
@media screen and (min-width:480px) {
.search__form__title h6:after {
display: inline-block
}
}
.search__form__input {
position: relative;
transition: all .15s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:480px) {
.search__form__input {
margin-top: 40px
}
}
.search__form__input input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: 0 0;
color: #fff;
width: 100%;
border-bottom: 1px solid #fff;
font-size: 28px;
font-family: Montserrat, sans-serif;
outline: 0;
font-weight: 500;
padding-bottom: 10px;
padding-left: 35px;
padding-right: 40px;
z-index: 2;
position: relative;
border-radius: 0;
transition: all .15s cubic-bezier(.42, 0, .58, 1)
}
@media screen and (min-width:480px) {
.search__form__input input {
font-size: 45px;
border-bottom: 3px solid #fff;
padding-left: 55px;
padding-right: 55px
}
}
@media screen and (min-width:1100px) {
.search__form__input input {
font-size: 60px;
padding-bottom: 15px;
padding-left: 100px;
padding-right: 100px
}
}
.search__form__input input::-webkit-input-placeholder {
color: #3f4449
}
.search__form__input input:-ms-input-placeholder {
color: #3f4449
}
.search__form__input input::placeholder {
color: #3f4449
}
.search__form__input input::-moz-selection {
background: #fff;
color: #17222e
}
.search__form__input input::selection {
background: #fff;
color: #17222e
}
.search__results {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
transition: opacity .4s cubic-bezier(.42, 0, .58, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.42, 0, .58, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.42, 0, .58, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
opacity: 0;
background: #fff;
position: relative
}
.search__results h2,
.search__results h4 {
color: black !important;
}
.search__results__no-results {
padding: 3em 0 2.5em;
color: #f0f2f3
}
.search__results__group:nth-child(2n) {
background: #f0f2f3
}
.search__results__group.is-active {
background: #fff
}
.search__results__group__title {
text-align: center
}
.search__results__group__holder {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
@media screen and (min-width:480px) and (min-width:480px) {
.search__results__group__holder {
width: 91.66667%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.search__results__group__holder {
width: 83.33333%;
margin-left: 8.33333%
}
}
.search__results__group__list {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.search__results__group__list {
margin-left: 0 !important;
margin-right: 0 !important
}
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.search__results__group__list .search__results__group__list {
margin-left: -10px;
margin-right: -10px
}
}
.search__results__group__loadmore {
margin-top: 20px
}
.search__results__item {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 40px;
transition: background .2s cubic-bezier(.42, 0, .58, 1), box-shadow .2s cubic-bezier(.42, 0, .58, 1);
color: #597987
}
.search__results__item__image {
width: 100%;
margin-bottom: 25px
}
@media screen and (min-width:480px) {
.search__results__item__image {
margin-bottom: 0
}
}
@media screen and (min-width:480px) and (min-width:480px) {
.search__results__item__image {
width: 37.5%
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.search__results__item__image {
width: 29.16667%
}
}
.search__results__item__content {
width: 100%
}
@media screen and (min-width:480px) {
.search__results__item__content {
padding-right: 0
}
}
@media screen and (min-width:480px) and (min-width:480px) {
.search__results__item__content {
width: 58.33333%;
margin-left: 4.16667%;
margin-right: 0
}
}
@media screen and (min-width:1100px) and (min-width:1100px) {
.search__results__item__content {
width: 58.33333%;
margin-left: 8.33333%;
margin-right: 4.16667%
}
}
@media screen and (min-width:1280px) {
.search__results__item__content {
padding-top: 25px
}
}
.search__results__item__meta {
margin-bottom: 20px;
line-height: 1.5;
font-size: 12px;
color: #49b5e7;
font-family: Montserrat, sans-serif;
letter-spacing: .1em
}
@media screen and (min-width:1100px) {
.search__results__item__meta {
margin-bottom: 30px
}
}
.search__results__item__meta span {
display: inline-block
}
.search__results__item__category {
display: block;
white-space: nowrap;
font-weight: 700
}
.search__results__item__category--dividing::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 19px;
height: 2px;
margin: 0 12px 0 16px;
background-color: #49b5e7
}
.search__results__item__date {
white-space: nowrap
}
@media screen and (min-width:480px) {
.no-touchevents .search__results__item:hover {
background: #fff;
box-shadow: 0 18px 45px 0 rgba(0, 0, 0, .08)
}
}
.search__results__filter {
background: #f0f2f3;
z-index: 2
}
.search__results__filter__holder {
width: 100%;
position: relative
}
.search__results__filter__icon {
color: #49b5e7;
display: inline-block;
position: absolute;
font-size: 22px;
padding: 14px 0
}
@media screen and (min-width:480px) {
.search__results__filter__icon {
padding: 30px 0
}
}
.search__results__filter__list {
padding-left: 45px;
white-space: nowrap;
overflow: hidden
}
.search__results__filter__item {
padding: 24px 15px;
text-transform: uppercase;
font-size: 12px;
font-family: Montserrat, sans-serif;
letter-spacing: .2em;
cursor: pointer;
line-height: 1em;
transition: color .15s cubic-bezier(.42, 0, .58, 1);
display: inline-block
}
@media screen and (min-width:480px) {
.search__results__filter__item {
padding: 44px 24px
}
}
.search__results__filter__item.is-active {
font-weight: 700;
color: #49b5e7
}
.no-touchevents .search__results__filter__item:hover {
color: #49b5e7
}
@media screen and (min-width:1024px) {
.search__footer .footer {
padding: 60px 0 10px
}
}
.section {
position: relative;
clear: both;
float: none
}
.section--security {
overflow: hidden;
background: #fff;
background: linear-gradient(to right, #fff 50%, #f0f2f3 50%)
}
@media screen and (max-width:1100px) {
.section--security {
background: 0 0
}
}
.section--features--wizard {
overflow: hidden
}
@media screen and (min-width:1024px) {
.section--features--wizard {
background: #fff;
background: linear-gradient(to right, #f0f2f3 50%, #fff 50%)
}
}
.section--header {
z-index: 22
}
.section--header .header__holder {
z-index: 2;
position: relative;
background: #fff
}
.section--header .header__holder .section__inner {
max-width: 1600px;
padding: 0
}
.section--cookie {
z-index: 22
}
.section__inner {
width: 100%;
max-width: 1460px;
float: none !important;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 0 30px
}
@media screen and (max-width:480px) {
.section__inner {
max-width: none;
padding: 0 15px
}
}
.section__inner:after {
content: "";
display: table;
clear: both
}
.section__inner--max-16 {
max-width: 973.33333px
}
.section__inner--max-20 {
max-width: 1216.66667px
}
.security__text {
width: 33.33333%;
margin-left: 8.33333%
}
@media screen and (max-width:1100px) {
.security__text {
background: #fff;
position: relative
}
}
@media screen and (max-width:1100px) and (max-width:1100px) {
.security__text {
width: 100%;
margin-left: 0
}
}
@media screen and (max-width:1100px) {
.security__text::before {
content: '';
width: 1000%;
position: absolute;
left: -100%;
top: -100%;
height: 200%;
background: #fff;
z-index: -1
}
}
@media screen and (max-width:1280px) {
.security__text {
padding-bottom: 80px
}
}
@media screen and (max-width:768px) {
.security__text {
padding-bottom: 60px
}
}
.security__text__text {
margin-bottom: 4em
}
@media screen and (max-width:1280px) {
.security__text__text {
margin-bottom: 3em
}
}
@media screen and (max-width:1280px) {
.security__text__button .button {
min-width: initial
}
}
.security__stats {
width: 33.33333%;
margin-left: 16.66667%
}
@media screen and (max-width:1100px) {
.security__stats {
background: #f0f2f3;
position: relative
}
}
@media screen and (max-width:1100px) and (max-width:1100px) {
.security__stats {
width: 100%;
margin-left: 0
}
}
@media screen and (max-width:1100px) {
.security__stats::before {
content: '';
width: 1000%;
position: absolute;
left: -100%;
top: 0;
height: 200%;
background: #f0f2f3;
z-index: -1
}
}
@media screen and (max-width:1100px) {
.security__stats {
padding-top: 80px;
padding-left: 0
}
}
@media screen and (max-width:768px) {
.security__stats {
padding-top: 60px
}
}
@media screen and (max-width:1280px) {
.security__stats .features__list {
overflow: hidden
}
}
@media screen and (max-width:1100px) {
.security__stats .features__item {
float: left;
box-sizing: border-box;
padding: 0 12px;
margin-bottom: 0
}
}
@media screen and (max-width:1100px) and (max-width:1100px) {
.security__stats .features__item {
width: 33.33333%;
margin-left: 0
}
}
@media screen and (max-width:1100px) {
.security__stats .features__item:first-child {
padding-left: 10px;
padding-right: 14px
}
.security__stats .features__item:last-child {
padding-left: 14px;
padding-right: 10px
}
}
@media screen and (max-width:768px) {
.security__stats .features__item {
padding: 0 10px 0 60px;
margin-bottom: 30px
}
}
@media screen and (max-width:768px) and (max-width:768px) {
.security__stats .features__item {
width: 100%;
margin-left: 0
}
}
@media screen and (max-width:768px) {
.security__stats .features__item:first-child,
.security__stats .features__item:last-child {
padding: 0 10px 0 60px
}
.security__stats .features__item:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:1100px) {
.security__stats .features__item__icon {
position: relative;
top: auto;
left: auto
}
}
@media screen and (max-width:768px) {
.security__stats .features__item__icon {
position: absolute;
left: 5px;
top: -5px
}
}
.select2-container--faq {
vertical-align: bottom;
font-family: Montserrat, sans-serif
}
.select2-container--faq.is-open>.select2-dropdown::before {
visibility: hidden
}
body>.select2-container--faq {
margin-left: -35px;
margin-top: -60px
}
.select2-container--faq .select2-selection--single {
height: auto
}
.select2-container--faq .select2-selection--single:focus {
outline: 0
}
.select2-container--faq .select2-selection--single .select2-selection__rendered {
padding-left: 0;
padding-right: 30px;
color: #49b5e7
}
.select2-container--faq .select2-selection--single .select2-selection__arrow {
display: none
}
.select2-container--faq .select2-dropdown {
background-color: #fff;
border-radius: 0;
line-height: 1.543em;
font-size: 20px;
color: #29333e;
font-weight: 700;
border: 0;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
box-shadow: 0 19px 43px 0 rgba(0, 0, 0, .08);
min-width: 0 !important
}
.select2-container--faq .select2-dropdown::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 100
}
@media screen and (min-width:768px) {
.select2-container--faq .select2-dropdown {
font-size: 28px
}
}
@media screen and (min-width:1024px) {
.select2-container--faq .select2-dropdown {
font-size: 32px
}
}
@media screen and (min-width:1280px) {
.select2-container--faq .select2-dropdown {
font-size: 36px
}
}
.select2-container--faq .select2-results__options {
padding-top: 20px;
padding-bottom: 20px
}
.select2-container--faq .select2-results__option {
padding: 5px 35px;
padding-right: 60px;
white-space: nowrap;
transition: color .3s
}
.select2-container--faq .select2-results__option--highlighted {
color: #49b5e7
}
.share-button {
position: fixed;
z-index: 100;
right: 10px;
bottom: 10px;
transition: opacity .3s ease .4s
}
body.is-locked .share-button {
opacity: 0
}
.no-touchevents .share-button__inner:hover::before,
.share-button.is-open::before {
opacity: 1;
visibility: visible
}
.no-touchevents .share-button__inner:hover .share-button__icon::before,
.share-button.is-open .share-button__icon::before {
opacity: 0
}
.no-touchevents .share-button__inner:hover .share-button__icon::after,
.share-button.is-open .share-button__icon::after {
opacity: 1
}
.no-touchevents .share-button__inner:hover .share-button__item,
.share-button.is-open .share-button__item {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.no-touchevents .share-button__inner:hover .share-button__item:nth-last-child(1),
.share-button.is-open .share-button__item:nth-last-child(1) {
transition-delay: 50ms
}
.no-touchevents .share-button__inner:hover .share-button__item:nth-last-child(2),
.share-button.is-open .share-button__item:nth-last-child(2) {
transition-delay: .1s
}
.no-touchevents .share-button__inner:hover .share-button__item:nth-last-child(3),
.share-button.is-open .share-button__item:nth-last-child(3) {
transition-delay: 150ms
}
.no-touchevents .share-button__inner:hover .share-button__item:nth-last-child(4),
.share-button.is-open .share-button__item:nth-last-child(4) {
transition-delay: .2s
}
.no-touchevents .share-button__inner:hover .share-button__item:nth-last-child(5),
.share-button.is-open .share-button__item:nth-last-child(5) {
transition-delay: 250ms
}
.share-button::before {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .8);
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s
}
.share-button-container {
position: relative
}
.share-button__inner {
position: relative
}
.share-button__label {
cursor: pointer
}
.share-button__text {
display: none
}
.share-button__icon {
position: relative;
display: block;
border-radius: 50%;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
background-color: #49b5e7;
color: #fff;
padding-right: 2px;
font-size: 18px;
box-shadow: 0 26px 50px 0 rgba(0, 0, 0, .08)
}
.share-button__icon:after {
content: ""
}
.share-button__icon::after,
.share-button__icon::before {
transition: opacity .3s
}
.share-button__icon::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0
}
.share-button__dropdown {
width: 0;
position: absolute;
left: 0;
bottom: 100%;
min-width: 100%;
text-align: center
}
.share-button__item {
display: block;
border-radius: 50%;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
background-color: #49b5e7;
color: #fff;
font-size: 18px;
margin-bottom: 5px;
transition: opacity .3s, visibility .3s, color .3s, -webkit-transform .3s;
transition: opacity .3s, visibility .3s, transform .3s, color .3s;
transition: opacity .3s, visibility .3s, transform .3s, color .3s, -webkit-transform .3s;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
@media screen and (min-width:768px) {
.share-button {
right: 20px;
bottom: 20px
}
.share-button__icon,
.share-button__item {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px
}
.share-button__item {
margin-bottom: 10px
}
}
@media screen and (min-width:1280px) {
.share-button {
position: absolute;
right: 10px;
bottom: auto;
top: 0;
font-size: 0;
white-space: nowrap;
z-index: 50
}
.no-touchevents .share-button__inner:hover .share-button__label,
.share-button.is-open .share-button__label {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
.share-button::before {
content: none
}
.share-button__label {
transition: opacity .3s, visibility .3s, -webkit-transform .3s;
transition: opacity .3s, visibility .3s, transform .3s;
transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s
}
.share-button__icon {
background: 0 0;
color: #49b5e7;
width: 30px;
height: auto;
padding: 0;
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1;
box-shadow: none
}
.share-button__icon::after {
top: 42%;
left: 55%
}
.share-button__text {
position: relative;
display: inline-block;
padding-left: 20px;
padding-bottom: 7px;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #17222e
}
.share-button__dropdown {
bottom: auto;
top: 0
}
.share-button__item {
display: inline-block;
line-height: 1;
background: 0 0;
border-radius: 0;
color: #49b5e7;
width: 30px;
padding: 7px 5px;
text-align: center;
height: auto;
margin: 0;
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
.no-touchevents .share-button__item:hover {
color: #29333e
}
}
.sidebar__box {
background: #fff;
box-shadow: 0 20px 45px 1px rgba(0, 0, 0, .08);
font-size: 16px;
padding: 40px 30px;
line-height: 2
}
.sidebar__box+.sidebar__box {
margin-top: 3em
}
.sidebar__list {
padding-top: 10px;
line-height: 1.625
}
.sidebar__item {
position: relative;
padding-left: 50px;
margin-bottom: 20px;
word-break: break-word
}
.sidebar__item:last-of-type {
margin-bottom: 0
}
.sidebar__item__icon {
color: #49b5e7;
position: absolute;
top: 0;
left: 8px;
font-size: 1.375em;
line-height: 1.2
}
@media screen and (min-width:768px) {
.sidebar__box {
padding: 50px 30px
}
.sidebar__box:after {
content: "";
display: table;
clear: both
}
.sidebar__box>p {
float: left;
width: 50%
}
.sidebar__box>p:nth-of-type(odd) {
clear: left
}
}
@media screen and (min-width:1024px) {
.sidebar__box {
font-size: 14px;
padding: 50px 30px
}
.sidebar__box>p {
float: none;
width: auto
}
}
@media screen and (min-width:1280px) {
.sidebar__box {
padding: 20% 15%
}
}
@media screen and (min-width:1440px) {
.sidebar__box {
font-size: 16px
}
}
.simple-text {
width: 100%
}
.simple-text-container {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.simple-text-container {
margin-left: 0 !important;
margin-right: 0 !important
}
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.simple-text-container .simple-text-container {
margin-left: -10px;
margin-right: -10px
}
}
.simple-text__headline {
margin-bottom: 1.5em
}
.simple-text__image {
width: auto;
margin-bottom: 30px
}
.simple-text__text {
font-family: Montserrat, sans-serif;
line-height: 2
}
.simple-text__button {
margin-top: 20px
}
@media screen and (min-width:768px) {
.simple-text__headline {
margin-bottom: 2em
}
.simple-text__image {
margin-bottom: 40px
}
.simple-text__button {
margin-top: 30px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.simple-text {
width: 75%;
margin-left: 8.33333%
}
}
.site:before {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
opacity: 0;
z-index: 21;
transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.165, .84, .44, 1);
visibility: hidden
}
@media screen and (max-width:1100px) {
.site.is-dimmed:before {
background: #17222e;
visibility: visible;
opacity: .7;
transition-delay: 0s;
pointer-events: none
}
}
.site.is-lighted:before {
background: #fbfbfb;
visibility: visible;
opacity: .8;
transition-delay: 0s;
pointer-events: none
}
.site.is-shifted .site__content {
-webkit-transform: translateX(-15%);
transform: translateX(-15%)
}
@media screen and (min-width:1100px) {
.site.is-shifted .site__content {
-webkit-transform: none;
transform: none
}
}
.site__content {
overflow: hidden;
position: relative;
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}
.site__header {
z-index: 22;
position: relative
}
.spinner {
position: relative;
z-index: 10;
display: none;
will-change: opacity
}
.spinner--fullscreen {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 200;
background-color: rgba(23, 30, 38, .9)
}
.spinner.is-animating .spinner__element circle {
-webkit-animation: spinner 3s linear infinite;
animation: spinner 3s linear infinite
}
.spinner__element {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin: -60px 0 0 -60px;
will-change: opacity, transform;
width: 120px;
height: 120px
}
.spinner__element circle {
fill: transparent;
stroke: rgba(73, 181, 231, .8);
stroke-width: 10;
stroke-dasharray: 376.8;
-webkit-transform-origin: 60px 60px 0;
transform-origin: 60px 60px 0
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
stroke-dashoffset: 115.2
}
50% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
stroke-dashoffset: 376.8
}
100% {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
stroke-dashoffset: 115.2
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
stroke-dashoffset: 115.2
}
50% {
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
stroke-dashoffset: 376.8
}
100% {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
stroke-dashoffset: 115.2
}
}
@-webkit-keyframes spinner-done {
100% {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0
}
}
@keyframes spinner-done {
100% {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0
}
}
.split-teaser {
width: 100%;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 345px;
background-color: #fff;
transition: box-shadow .4s, opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
transition: box-shadow .4s, transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1);
transition: box-shadow .4s, transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
margin-left: auto;
margin-right: auto
}
.split-teaser--fullwidth {
max-width: none
}
.split-teaser-container {
position: relative;
top: -50px;
margin-bottom: -50px
}
.split-teaser__content {
padding-top: 18px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 18px
}
.split-teaser__superheadline date {
text-transform: none;
letter-spacing: .3em
}
.split-teaser__image {
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.split-teaser__image::before {
content: "";
display: block;
padding-bottom: 77.61194%
}
.split-teaser__headline {
margin-bottom: 1.2em
}
@media screen and (min-width:768px) {
.split-teaser {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
max-width: 1380px
}
.split-teaser--alt .split-teaser__image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.no-touchevents .split-teaser:hover {
box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .15)
}
.split-teaser-container {
top: -100px;
margin-bottom: -100px
}
.split-teaser__content {
width: calc(50% + 10px);
padding: 0 8.33333%
}
.split-teaser__image {
height: 100%;
width: calc(50% - 10px)
}
.split-teaser__image::before {
padding-bottom: 77.61194%
}
}
@media screen and (min-width:1280px) {
.split-teaser {
margin-bottom: 40px
}
.split-teaser__headline {
font-size: 30px
}
}
@media screen and (min-width:768px) {
.split-teaser--fullwidth {
max-width: none
}
}
.statement {
position: relative
}
.statement__background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: #000
}
.statement__image {
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: opacity 1s;
transition-delay: .3s
}
.statement__image.is-animated {
opacity: .4
}
.statement__content {
position: relative;
z-index: 10
}
@media screen and (max-width:1023px) {
.statement__image--desktop {
background: 0 0 !important;
display: none
}
}
@media screen and (min-width:1024px) {
.statement__image--mobile {
background: 0 0 !important;
display: none
}
}
@media screen and (min-width:1024px) {
.statement__image {
height: 200%;
-webkit-transform: translateY(-25%);
transform: translateY(-25%)
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.statement__content {
width: 66.66667%
}
}
@media screen and (min-width:1024px) {
.statement__headline {
margin-bottom: 50px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.statement__content {
width: 50%;
margin-left: 8.33333%
}
}
.step-by-step__list {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px;
counter-reset: step-by-step;
padding-top: 10px;
padding-bottom: 20px
}
[class*=no-gutter]>.step-by-step__list {
margin-left: 0 !important;
margin-right: 0 !important
}
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.step-by-step__list .step-by-step__list {
margin-left: -10px;
margin-right: -10px
}
}
.step-by-step__item {
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.step-by-step__image,
.step-by-step__text {
width: 100%
}
.step-by-step__text {
position: relative;
padding-top: 50px
}
.step-by-step__text::before {
counter-increment: step-by-step;
content: counters(step-by-step, ".", decimal-leading-zero);
position: absolute;
top: 0;
left: 10px;
font-size: 10px;
font-family: Montserrat, sans-serif;
color: #49b5e7;
font-weight: 700;
letter-spacing: .6em
}
.step-by-step__text::after {
content: "";
border-bottom: 2px solid #49b5e7;
position: absolute;
left: 50px;
top: 13px;
width: 55px
}
.step-by-step__text b,
.step-by-step__text strong {
color: #49b5e7
}
.step-by-step__text .icon {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 1.5em
}
.step-by-step__icon-holder {
white-space: nowrap
}
.step-by-step__image {
margin-top: 30px;
width: auto
}
@media screen and (min-width:768px) {
.step-by-step__list {
padding-top: 20px;
padding-bottom: 40px
}
.step-by-step__text {
padding-left: 120px;
padding-top: 0
}
.step-by-step__text::before {
font-size: 12px
}
.step-by-step__text::after {
top: 16px
}
.step-by-step__image-holder {
margin-left: 110px
}
}
@media screen and (min-width:1024px) {
.step-by-step__list {
padding-top: 40px;
padding-bottom: 70px
}
.step-by-step__item {
margin-bottom: 80px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.step-by-step__item--graphical .step-by-step__text {
width: 58.33333%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.step-by-step__image-holder {
width: 33.33333%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.step-by-step__text {
width: 83.33333%
}
}
@media screen and (min-width:1280px) {
.step-by-step__list {
padding-top: 40px;
padding-bottom: 70px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.step-by-step__item--graphical .step-by-step__text {
width: 41.66667%
}
}
@media screen and (min-width:1280px) {
.step-by-step__text {
padding-top: 0
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.step-by-step__text {
width: 58.33333%;
margin-left: 16.66667%
}
}
@media screen and (min-width:1280px) {
.step-by-step__text::before {
right: 100%;
margin-right: 90px;
left: auto
}
.step-by-step__text::after {
right: 100%;
margin-right: 17px;
left: auto
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.step-by-step__image-holder {
width: 33.33333%;
margin-left: 8.33333%
}
}
.styleguide__item {
width: 100%;
padding: 70px 0
}
@media screen and (max-width:1024px) {
.styleguide__item {
padding: 50px 0
}
}
.styleguide__item__legend {
width: 16.66667%;
padding-top: 10px
}
@media screen and (max-width:1024px) {
.styleguide__item__legend {
padding-top: 0;
margin-bottom: 20px
}
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__item__legend {
width: 100%
}
}
@media screen and (max-width:1024px) {
.styleguide__item__legend ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px
}
}
@media screen and (max-width:480px) {
.styleguide__item__legend ul {
margin-left: -10px
}
}
.styleguide__item__legend ul li {
margin-bottom: 17px
}
@media screen and (max-width:1024px) {
.styleguide__item__legend ul li {
padding: 0 25px;
margin-bottom: 0
}
}
@media screen and (max-width:480px) {
.styleguide__item__legend ul li {
padding: 0 10px;
width: 25%;
margin-bottom: 5px
}
}
.styleguide__item__content {
width: 58.33333%;
left: 8.33333%;
right: auto
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__item__content {
width: 100%;
left: 0;
right: auto
}
}
.styleguide__item__content h1,
.styleguide__item__content h2,
.styleguide__item__content h3,
.styleguide__item__content h4,
.styleguide__item__content h5,
.styleguide__item__content h6 {
margin-bottom: 0
}
.styleguide__item__highlight {
width: 83.33333%;
padding-left: 20px;
padding-right: 20px
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__item__highlight {
width: 100%
}
}
.styleguide__item--copySmall .styleguide__item__content p {
width: 41.66667%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__item--copySmall .styleguide__item__content p {
width: 100%
}
}
.styleguide__item--color {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.styleguide__color {
font-size: 12px;
color: #fff;
line-height: 1em;
font-family: Montserrat, sans-serif
}
.styleguide__color__content {
width: 100%;
margin-top: 10px;
padding: 0 20px
}
@media screen and (max-width:480px) {
.styleguide__color__content {
margin-top: 0
}
}
.styleguide__color__wrapper {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.styleguide__color__wrapper--border {
border: 1px solid #d8dbdc
}
.styleguide__color--third {
width: 33.33333%;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__color--third {
width: 50%
}
}
@media screen and (max-width:480px) and (max-width:480px) {
.styleguide__color--third {
width: 100%
}
}
.styleguide__color--third .styleguide__color__wrapper:after {
height: 0;
padding-bottom: 75%;
content: ''
}
@media screen and (max-width:480px) {
.styleguide__color--third .styleguide__color__wrapper:after {
padding-bottom: 50%
}
}
.styleguide__color--quarter {
width: 25%;
padding-top: 10px;
padding-bottom: 10px
}
@media screen and (max-width:1024px) and (max-width:1024px) {
.styleguide__color--quarter {
width: 50%
}
}
@media screen and (max-width:480px) and (max-width:480px) {
.styleguide__color--quarter {
width: 100%
}
}
.styleguide__color--quarter .styleguide__color__wrapper:after {
height: 0;
padding-bottom: 100%;
content: ''
}
@media screen and (max-width:1024px) {
.styleguide__color--quarter .styleguide__color__wrapper:after {
padding-bottom: 75%
}
}
@media screen and (max-width:480px) {
.styleguide__color--quarter .styleguide__color__wrapper:after {
padding-bottom: 50%
}
}
.styleguide__section {
padding: 65px 0
}
@media screen and (max-width:480px) {
.styleguide__section {
padding: 30px 0
}
}
.styleguide__section:first-child {
padding-top: 0
}
.styleguide__section:last-child {
padding-bottom: 0
}
.swiper-wrapper--autoheight {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: height, transform;
transition-property: height, transform, -webkit-transform
}
.swiper-wrapper--autoheight>.swiper-slide {
height: auto
}
.swiper-wrapper--ease-in-out-quart {
transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.swiper-slide {
box-sizing: border-box
}
.swiper-slide.is-compressed {
width: 0 !important;
height: 0;
padding: 0;
overflow: hidden
}
.swiper-slide.is-flat {
height: 1px
}
.tab {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
width: 60px;
padding: 0 10px;
font-family: Montserrat, sans-serif;
font-weight: 500;
color: #29333e;
transition: background-color .3s
}
.no-touchevents .tab:hover,
.tab.is-active {
width: 100%
}
.no-touchevents .tab:hover .tab__text,
.tab.is-active .tab__text {
opacity: 1;
display: block
}
.tab.is-active {
background-color: #fbfbfb
}
.tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.tab__icon {
width: 40px;
font-size: 14px;
text-align: center;
color: #49b5e7
}
.tab__icon.icon--wizard::before {
font-size: 1.8em
}
.tab__icon.icon--play::before {
font-size: .888em
}
.tab__icon.icon--help::before {
font-size: 1.222em
}
.tab__icon::before {
display: block
}
.tab__text {
font-size: 14px;
opacity: .4;
transition: opacity .3s;
display: none;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
@media screen and (min-width:768px) {
.tab {
height: 100px;
width: 100px
}
.tab__icon {
width: 70px;
font-size: 1em
}
.tab__text {
padding-left: 0;
font-size: 1em
}
}
@media screen and (min-width:1024px) {
.tab {
width: 100%
}
.tab__text {
display: block
}
}
.tags ul {
padding: 0;
list-style: none;
padding-top: 20px;
padding-bottom: 10px
}
@media screen and (min-width:768px) {
.tags ul {
padding-top: 30px;
padding-bottom: 20px
}
}
.tags ul li {
font-size: 12px;
white-space: nowrap;
line-height: 1em;
border: 1px solid grey;
display: inline-block;
border-radius: 50px;
padding: 8px 18px;
letter-spacing: .05em;
margin-right: 10px;
color: grey;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 10px
}
@media screen and (min-width:768px) and (min-width:768px) {
.tags {
width: 75%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.tags {
width: 66.66667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.tags {
width: 58.33333%;
margin-left: 8.33333%
}
}
.text-block--lead {
font-size: 1.22222em;
color: #17222e;
font-family: Montserrat, sans-serif;
font-weight: 700
}
.text-block--testimonial .text-block__content {
position: relative;
top: -75px;
margin-bottom: -75px
}
.text-block--video .text-block__content {
position: relative;
z-index: 80
}
.text-block__porthole {
width: 150px;
border-radius: 50%;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.text-block__porthole::before {
content: "";
display: block;
padding-bottom: 100%
}
@media screen and (min-width:768px) {
.text-block--testimonial .text-block__content {
top: -110px;
margin-bottom: -110px
}
.text-block__porthole {
width: 210px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.text-block__content {
width: 83.33333%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.text-block--video .text-block__content {
width: 100%;
margin-left: 0
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.text-block__content {
width: 66.66667%;
margin-left: 16.66667%
}
}
.text-n-screen {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.text-n-screen {
margin-left: 0 !important;
margin-right: 0 !important
}
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
@media screen and (max-width:1920px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1600px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1440px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1280px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1024px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:1100px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:768px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:480px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:375px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (max-width:320px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:320px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:375px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:480px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:768px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1100px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1280px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1440px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1600px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1920px) {
.text-n-screen .text-n-screen {
margin-left: -10px;
margin-right: -10px
}
}
.text-n-screen__content {
width: 100%;
margin-bottom: 40px
}
.text-n-screen__screen {
width: 100%;
max-width: 200px
}
@media screen and (min-width:768px) {
.text-n-screen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.text-n-screen__content {
width: 58.33333%
}
}
@media screen and (min-width:768px) {
.text-n-screen__screen {
max-width: 304px
}
}
@media screen and (min-width:768px) and (min-width:768px) {
.text-n-screen__screen {
width: 29.16667%;
margin-left: 8.33333%
}
}
@media screen and (min-width:768px) {
.text-n-screen__button {
margin-top: 30px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.text-n-screen__content {
width: 50%
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.text-n-screen__screen {
width: 33.33333%;
margin-left: 10.41667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.text-n-screen__content {
width: 41.66667%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.text-n-screen__screen {
width: 33.33333%;
margin-left: 14.58333%
}
}
.twin-box__inner {
text-align: center
}
.twin-box__swiper {
margin-top: 30px;
position: relative
}
.twin-box__swiper.not-initialized .twin-box__item {
opacity: 1 !important
}
.twin-box__swiper__button {
display: none
}
.twin-box__item {
text-align: left;
font-size: 15px;
font-family: Montserrat, sans-serif;
line-height: 1.875;
background-color: #fff;
box-sizing: border-box;
height: auto
}
.twin-box__item-inner {
height: 100%;
padding-top: 45px;
padding-right: 5.7971%;
padding-bottom: 55px;
padding-left: 5.7971%
}
.twin-box__logo {
height: 78px
}
.twin-box__logo__image {
width: auto;
height: 40px
}
.twin-box__text {
margin-bottom: 40px
}
.twin-box__icon-container {
font-size: 0;
line-height: 1;
margin-top: auto
}
.twin-box__icon {
width: 47px;
margin: 0 6px;
display: inline-block;
vertical-align: baseline
}
.twin-box__icon:first-child {
margin-left: -10px
}
.twin-box__icon:last-child {
margin-right: 0
}
.twin-box__icon>svg {
height: 100% !important;
width: 100% !important;
max-width: 50px
}
.twin-box__holder--single {
margin-bottom: 25px
}
.twin-box__pagination {
margin: 35px 0 40px;
font-size: 0;
line-height: 1
}
@media screen and (min-width:768px) {
.twin-box__item {
font-size: 16px
}
.twin-box__item-inner {
padding-top: 8.95522%;
padding-right: 17.16418%;
padding-bottom: 11.19403%;
padding-left: 17.16418%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.twin-box__logo {
height: 90px
}
.twin-box__text {
margin-bottom: 8.88889%
}
}
@media screen and (min-width:1024px) {
.twin-box__holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: end;
align-content: flex-end;
margin: 50px -10px;
overflow: visible
}
.twin-box__holder--single {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.twin-box__item {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
min-width: calc(50% - 20px);
margin: 10px
}
.twin-box__item:not(.swiper-slide-active):not(.swiper-slide-next) {
opacity: .25
}
.twin-box__item--single {
width: calc(75% - 20px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
opacity: 1 !important
}
.twin-box__swiper {
overflow: visible !important
}
.twin-box__swiper__button {
display: block;
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #49b5e7;
background-color: #fff;
background-image: none !important;
width: 54px;
text-align: center;
height: 90px;
line-height: 90px;
font-size: 24px;
box-shadow: -5px 5px 20px 5px rgba(0, 0, 0, .1);
border: 0 none !important;
padding: 0;
min-width: 0
}
.twin-box__swiper__button.swiper-button-disabled {
opacity: 0
}
.twin-box__swiper__button--prev {
left: 0
}
.twin-box__swiper__button--next {
right: -20px
}
.twin-box__swiper__button .button__hover {
left: 0 !important;
right: 0 !important;
border: 0 none !important
}
.twin-box__swiper__button:hover {
cursor: pointer
}
.twin-box__pagination {
display: none
}
.twin-box__pagination--visible {
display: block
}
}
@media screen and (min-width:1600px) {
.twin-box__swiper__button--prev {
right: 100%;
margin-right: 50px;
left: auto !important
}
.twin-box__swiper__button--next {
left: 100%;
margin-left: 50px;
right: auto
}
}
.twipad__screen-holder {
width: 439px;
margin-top: 70px;
margin-bottom: -80px;
margin-left: auto;
margin-right: auto
}
.twipad__screen {
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
@media screen and (min-width:480px) {
.twipad__screen-holder {
margin-bottom: -120px
}
}
@media screen and (min-width:768px) {
.twipad__screen-holder {
margin-top: 90px
}
}
@media screen and (min-width:1024px) {
.twipad__row {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px
}
[class*=no-gutter]>.twipad__row {
margin-left: 0 !important;
margin-right: 0 !important
}
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1920px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1600px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1440px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1280px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1024px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1100px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:768px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:480px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:375px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:320px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:320px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:375px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:480px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:768px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1100px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1280px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1440px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1600px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1920px) {
.twipad__row .twipad__row {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.twipad__content {
float: left
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.twipad__content {
width: 50%;
padding-right: 10px;
padding-left: 10px
}
}
@media screen and (min-width:1024px) {
.twipad__screen-holder {
position: relative;
float: left;
margin-top: -12%;
margin-bottom: -12%;
margin-left: 0;
margin-right: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.twipad__screen-holder {
width: 41.66667%;
margin-left: 8.33333%;
left: 4.16667%;
right: auto
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.twipad__content {
width: 41.66667%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) {
.twipad__screen-holder {
margin-top: -8%;
margin-bottom: -14%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.twipad__screen-holder {
left: 0;
right: auto
}
}
@media screen and (min-width:1280px) {
.twipad__screen {
-webkit-transform: translateX(50px) rotate(30deg);
transform: translateX(50px) rotate(30deg)
}
.twipad__superheadline {
margin-right: -90px
}
}
@media screen and (min-width:1440px) {
.twipad__screen-holder {
margin-bottom: -12%
}
}
.video-embed {
position: relative;
color: #fff;
text-align: center
}
.video-embed.is-playing .video-embed__preview {
opacity: 0;
visibility: hidden
}
.video-embed::before {
content: "";
display: block;
padding-bottom: 100%
}
.video-embed--keep-ratio::before {
padding-bottom: 56.25%
}
.video-embed__element,
.video-embed__preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.video-embed__preview {
cursor: pointer;
z-index: 1;
background-position: center;
background-size: cover;
text-align: center;
color: #fff;
transition: opacity .3s, visibility .3s
}
.video-embed__preview::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #171e26;
z-index: -1;
transition: opacity .3s;
opacity: .8
}
.no-touchevents .video-embed__preview:hover::before {
opacity: .95
}
.video-embed__play {
position: absolute;
top: 50%;
left: 50%;
margin: -65px 0 0 -65px;
width: 130px;
height: 130px;
border: 2px solid #49b5e7;
border-radius: 50%;
padding-top: 48px;
padding-left: 3px
}
.video-embed__play-icon {
font-size: 28px;
line-height: 1;
transition: opacity .3s
}
.video-embed__play-icon::before {
display: block
}
.video-embed__duration {
display: block;
padding-top: 10px;
font-size: 10px;
font-family: Montserrat, sans-serif;
letter-spacing: .3em;
line-height: 1
}
.video-embed__text {
display: none
}
@media screen and (min-width:768px) {
.video-embed::before {
padding-bottom: 56.25%
}
.video-embed__text {
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-top: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 14px;
font-family: Montserrat, sans-serif;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: .1em
}
.video-embed__duration {
padding-top: 15px
}
}
@media screen and (min-width:1024px) {
.video-embed__play {
margin: -105px 0 0 -105px;
width: 210px;
height: 210px;
padding-top: 82px
}
.video-embed__play-icon {
font-size: 39px
}
.video-embed__duration {
font-size: 14px
}
.video-embed__text {
margin-top: 40px
}
}
.video-gallery.is-touched .video-gallery__item {
transition-duration: .3s
}
.video-gallery.is-touched .video-gallery__wrapper {
transition-timing-function: ease
}
.video-gallery__inner {
text-align: center
}
.video-gallery__holder {
width: 100%;
left: 0;
right: auto
}
.video-gallery__headline {
margin-bottom: 1.88em
}
.video-gallery__swiper {
overflow: visible;
padding: 0 15px
}
.video-gallery__wrapper {
transition-timing-function: cubic-bezier(.77, 0, .175, 1);
margin-bottom: 30px
}
.video-gallery__item {
box-sizing: border-box;
opacity: .3;
transition: opacity .8s cubic-bezier(.55, .085, .68, .53);
position: relative;
z-index: 1
}
.video-gallery__item::after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
transition: visibility .8s;
z-index: 10
}
.video-gallery__item.swiper-slide-active {
opacity: 1
}
.video-gallery__item.swiper-slide-active::after {
visibility: hidden
}
.video-gallery__pagination {
font-size: 0;
line-height: 1;
margin-bottom: 45px
}
@media screen and (min-width:768px) {
.video-gallery__swiper {
padding: 0
}
.video-gallery__wrapper {
margin-bottom: 45px
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.video-gallery__holder {
width: 83.33333%;
left: 8.33333%;
right: auto
}
}
.video-promo {
padding: 40px 0
}
.video-promo__teaser.video-promo__teaser {
width: 100%;
max-width: 345px
}
@media screen and (min-width:768px) {
.video-promo {
padding: 80px 0
}
}
@media screen and (min-width:1024px) {
.video-promo__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.video-promo__teaser.video-promo__teaser {
margin: 0;
width: 33.33333%
}
.video-promo__content {
width: 62.5%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1280px) {
.video-promo__teaser.video-promo__teaser {
width: 25%;
margin-left: 8.33333%
}
.video-promo__content {
width: 50%;
margin-left: 8.33333%
}
}
.video-teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
position: relative;
transition: box-shadow .3s;
box-shadow: 0 0 0 0 rgba(0, 0, 0, .08)
}
.video-teaser--mobile-same .video-teaser__preview {
width: 100%;
max-width: none
}
.video-teaser--mobile-same .video-teaser__play {
width: 100px;
height: 100px;
font-size: 29px;
box-shadow: inset 0 0 0 2px #49b5e7
}
.video-teaser-container {
padding-top: 40px;
padding-bottom: 50px
}
.video-teaser::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
background-color: #fff;
opacity: 0;
transition: opacity .3s
}
.video-teaser__preview {
width: 37.68116%;
max-width: 130px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
position: relative;
background-color: #171e26
}
.video-teaser__preview::before {
content: "";
display: block;
padding-bottom: 66.92308%
}
.video-teaser__image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: .2;
transition: opacity .3s;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.video-teaser__play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px #49b5e7;
transition: box-shadow .3s;
color: #fff;
font-size: 14px
}
.video-teaser__play:before {
content: ""
}
.video-teaser__play::before {
position: absolute;
top: 50%;
left: 53%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video-teaser__content {
position: relative;
padding: 0 0 0 20px
}
.video-teaser__headline {
font-weight: 500;
line-height: 1.33333;
margin: 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
@media screen and (min-width:768px) {
.video-teaser {
display: block;
width: calc(50% - 20px);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 50px
}
.no-touchevents .video-teaser:hover {
box-shadow: 0 19px 43px 0 rgba(0, 0, 0, .08)
}
.no-touchevents .video-teaser:hover::before {
opacity: 1
}
.no-touchevents .video-teaser:hover .video-teaser__image {
opacity: 1
}
.no-touchevents .video-teaser:hover .video-teaser__play {
box-shadow: inset 0 0 0 60px #49b5e7
}
.video-teaser-container {
padding-top: 60px;
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.video-teaser__preview {
width: auto;
max-width: none
}
.video-teaser__preview::before {
padding-bottom: 57.95455%
}
.video-teaser__play {
width: 100px;
height: 100px;
font-size: 29px;
box-shadow: inset 0 0 0 2px #49b5e7
}
.video-teaser__content {
padding: 6.81818% 6.81818% 10.22727%
}
.video-teaser__headline {
line-height: 2
}
}
@media screen and (min-width:1024px) {
.video-teaser {
width: calc(33.333% - 20px)
}
}
@media screen and (min-width:1280px) {
.video-teaser-container {
padding-top: 80px
}
}
.video-overlay__content {
padding-top: 20px;
padding-bottom: 20px
}
.video-overlay__content:after {
content: "";
display: table;
clear: both
}
.video-overlay__text {
width: 100%;
padding-bottom: 10px
}
.video-overlay__feedback {
width: 100%;
border-top: 1px solid #d8dbdc;
padding-top: 20px;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.2
}
.video-overlay__feedback__headline {
font-weight: 500;
margin: 0
}
@media screen and (min-width:768px) {
.video-overlay__content {
padding-top: 30px
}
.video-overlay__text {
padding-left: 30px;
padding-right: 30px
}
.video-overlay__feedback {
padding-left: 30px;
padding-right: 30px
}
}
@media screen and (min-width:1024px) {
.video-overlay__content {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
[class*=no-gutter]>.video-overlay__content {
margin-left: 0 !important;
margin-right: 0 !important
}
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1920px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1600px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1440px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1280px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1024px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:1100px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:768px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:480px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:375px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (max-width:320px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:320px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:375px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:480px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:768px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1100px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1280px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1440px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1600px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) and (min-width:1920px) {
.video-overlay__content .video-overlay__content {
margin-left: -10px;
margin-right: -10px
}
}
@media screen and (min-width:1024px) {
.video-overlay__headline {
margin: 0
}
.video-overlay__text {
padding-bottom: 0
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.video-overlay__text {
width: 54.16667%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1024px) {
.video-overlay__feedback {
padding-top: 37px;
padding-bottom: 37px;
-ms-flex-pack: distribute;
justify-content: space-around;
border-top: 0;
border-left: 1px solid #d8dbdc
}
}
@media screen and (min-width:1024px) and (min-width:1024px) {
.video-overlay__feedback {
width: 41.66667%;
margin-left: 4.16667%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.video-overlay__text {
width: 50%;
margin-left: 8.33333%
}
}
@media screen and (min-width:1280px) and (min-width:1280px) {
.video-overlay__feedback {
width: 33.33333%;
margin-left: 8.33333%
}
}
.twin-box__icon:first-child {
margin-left: 0px !important;
}
.twin-box__icon {
margin-left: 0px !important;
margin-top: 10px !important;
}
@media screen and (max-width: 1400px) {
.header__nav__action__item {
width: 100px;
}
}
@media screen and (max-width: 1100px) {
.header__nav__action__item {
width: 80px;
}
}
.wp-block-archives-dropdown label {
display: block
}
.wp-block-avatar {
box-sizing: border-box
}
.wp-block-avatar.aligncenter {
text-align: center
}
.wp-block-audio {
box-sizing: border-box
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
:where(.wp-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(.667em + 2px) calc(1.333em + 2px)
}
.wp-block-button[style*=text-decoration] .wp-block-button__link {
text-decoration: inherit
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, .5em)*0.75)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - var(--wp--style--block-gap, .5em)*0.5)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - var(--wp--style--block-gap, .5em)*0.25)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: 100%;
flex-basis: 100%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
width: 25%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
width: 50%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
width: 75%
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.wp-block-button.is-style-outline>.wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
border: 2px solid;
padding: .667em 1.333em
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
background-image: none
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
width: 100%
}
.wp-block-buttons[style*=text-decoration] .wp-block-button,
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
text-decoration: inherit
}
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-button.aligncenter,
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories {
box-sizing: border-box
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code {
box-sizing: border-box
}
.wp-block-code code {
display: block;
font-family: inherit;
overflow-wrap: break-word;
white-space: pre-wrap
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap !important;
align-items: normal !important
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap !important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
@media (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-post-comments .alignleft {
float: left
}
.wp-block-post-comments .alignright {
float: right
}
.wp-block-post-comments .navigation:after {
content: "";
display: table;
clear: both
}
.wp-block-post-comments .commentlist {
clear: both;
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em
}
.wp-block-post-comments .commentlist .comment p {
font-size: 1em;
line-height: 1.8;
margin: 1em 0
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .comment-author {
line-height: 1.5
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-top: .5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-post-comments .comment-author cite {
font-style: normal
}
.wp-block-post-comments .comment-meta {
font-size: .875em;
line-height: 1.5
}
.wp-block-post-comments .comment-meta b {
font-weight: 400
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
margin-top: 1em;
margin-bottom: 1em;
display: block
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: .875em
}
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-comments .reply {
font-size: .875em;
margin-bottom: 1.4em
}
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments textarea {
padding: calc(.667em + 2px)
}
:where(.wp-block-post-comments input[type=submit]) {
border: none
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
margin-right: 0
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination.aligncenter {
justify-content: center
}
.wp-block-comment-template {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-comment-template li {
clear: both
}
.wp-block-comment-template ol {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding-left: 2rem
}
.wp-block-comment-template.alignleft {
float: left
}
.wp-block-comment-template.aligncenter {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content
}
.wp-block-comment-template.alignright {
float: right
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-position: 50%;
min-height: 430px;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image .has-background-dim.has-background-gradient,
.wp-block-cover .has-background-dim.has-background-gradient {
background-color: transparent
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: .1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: .2
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: .3
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: .4
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: .5
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: .6
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: .7
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: .8
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: .9
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports (position:sticky) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: #000
}
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image .wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated,
.wp-block-cover__image-background.is-repeated,
video.wp-block-cover__video-background.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
overflow-wrap: break-word
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file:not(.wp-element-button) {
font-size: .8em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.wp-block-file__embed {
margin-bottom: 1em
}
:where(.wp-block-file__button) {
border-radius: 2em;
padding: .5em 1em
}
:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
margin: 0;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-start
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: auto
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
box-sizing: border-box;
margin: 0;
z-index: 2
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,
.wp-block-gallery:not(.has-nested-images) figcaption {
flex-grow: 1
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
width: 100%;
height: 100%;
flex: 1;
object-fit: cover
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self: flex-start
}
figure.wp-block-gallery.has-nested-images {
align-items: normal
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
margin: 0
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
display: flex;
flex-grow: 1;
justify-content: center;
position: relative;
flex-direction: column;
max-width: 100%;
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
margin: 0;
flex-direction: column;
flex-grow: 1
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display: block;
height: auto;
max-width: 100% !important;
width: auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
bottom: 0;
color: #fff;
font-size: 13px;
left: 0;
margin-bottom: 0;
max-height: 60%;
overflow: auto;
padding: 0 8px 8px;
position: absolute;
text-align: center;
width: 100%;
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display: inline
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
color: inherit
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
flex: 1 1 auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
flex: initial;
background: none;
color: inherit;
margin: 0;
padding: 10px 10px 9px;
position: relative
}
.wp-block-gallery.has-nested-images figcaption {
flex-grow: 1;
flex-basis: 100%;
text-align: center
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-top: 0;
margin-bottom: auto
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
align-self: inherit
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
display: flex
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
width: 100%;
flex: 1 0 0%;
height: 100%;
object-fit: cover
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
width: 100%
}
@media (min-width:600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
width: 100%
}
}
.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom
}
.wp-block-image.has-custom-border img,
.wp-block-image img {
box-sizing: border-box
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
height: auto;
width: 100%
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignright,
.wp-block-image .alignright {
display: table
}
.wp-block-image.aligncenter>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image.alignright>figcaption,
.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-image :where(.has-border-color) {
border-style: solid
}
.wp-block-image :where([style*=border-top-color]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-color]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-color]) {
border-left-style: solid
}
.wp-block-image :where([style*=border-width]) {
border-style: solid
}
.wp-block-image :where([style*=border-top-width]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-width]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-width]) {
border-left-style: solid
}
.wp-block-image figure {
margin: 0
}
ol.wp-block-latest-comments {
margin-left: 0
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-left: 0
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em;
float: left
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
float: right
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
ol,
ul {
box-sizing: border-box
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
box-sizing: border-box
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
.wp-block-navigation {
position: relative;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center
}
.wp-block-navigation ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0
}
.wp-block-navigation .wp-block-navigation-item {
display: flex;
align-items: center;
position: relative
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display: none
}
.wp-block-navigation .wp-block-navigation-item__content {
display: block
}
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
text-decoration: underline
}
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
text-decoration: line-through
}
.wp-block-navigation:where(:not([class*=has-text-decoration])) a,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
text-decoration: none
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
line-height: 0;
display: inline-block;
font-size: inherit;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
width: .6em;
height: .6em;
margin-left: .25em
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
margin-top: .075em
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
align-items: normal;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
left: -1px;
top: 100%
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
display: flex;
flex-grow: 1
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: auto
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
margin: 0
}
@media (min-width:782px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: -1px
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: .25em
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
transform: rotate(-90deg)
}
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left: 0;
top: 100%
}
@media (min-width:782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
font-style: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left
}
.wp-block-navigation-submenu__toggle {
cursor: pointer
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
padding-right: .85em
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
margin-left: -.6em;
pointer-events: none
}
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
gap: inherit
}
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
padding: .5em 1em
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
left: auto;
right: 0
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: -1px;
right: -1px
}
@media (min-width:782px) {
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: auto;
right: 100%
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, .15)
}
.wp-block-navigation__container {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
list-style: none;
margin: 0;
padding-left: 0
}
.wp-block-navigation__container .is-responsive {
display: none
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1
}
@keyframes overlay-menu__fade-in-animation {
0% {
opacity: 0;
transform: translateY(.5em)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.wp-block-navigation__responsive-container .wp-block-navigation-link a {
color: inherit
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial)
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
background-color: inherit;
animation: overlay-menu__fade-in-animation .1s ease-out;
animation-fill-mode: forwards;
padding: var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-right, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-left, 2rem);
overflow: auto;
z-index: 100000
}
@media (prefers-reduced-motion:reduce) {
.wp-block-navigation__responsive-container.is-menu-open {
animation-duration: 1ms;
animation-delay: 0s
}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(2rem + 24px);
overflow: visible;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: var(--navigation-layout-justification-setting, inherit)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
justify-content: flex-start
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
height: auto;
width: auto;
overflow: initial;
min-width: 200px;
position: static;
border: none;
padding-left: 2rem;
padding-right: 2rem
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
gap: inherit
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: var(--wp--style--block-gap, 2em)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding: 0
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
display: flex;
flex-direction: column;
align-items: var(--navigation-layout-justification-setting, initial)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
right: auto;
left: auto
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000
}
.wp-block-navigation__toggle_button_label {
font-size: 1rem;
font-weight: 700
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0;
text-transform: inherit
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px
}
.wp-block-navigation__responsive-container-open {
display: flex
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none
}
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
z-index: 2
}
.wp-block-navigation__responsive-close {
width: 100%;
max-width: var(--wp--style--global--wide-size, 100%);
margin-left: auto;
margin-right: auto
}
.wp-block-navigation__responsive-close:focus {
outline: none
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box
}
.wp-block-navigation__responsive-dialog {
position: relative
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 46px
}
@media (min-width:782px) {
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 32px
}
}
html.has-modal-open {
overflow: hidden
}
.wp-block-navigation .wp-block-navigation-item__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation .wp-block-navigation-item__description {
display: none
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-drop-cap.has-background {
overflow: hidden
}
p.has-background {
padding: 1.25em 2.375em
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
margin: 0
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit
}
.wp-block-post-comments-form input[type=submit] {
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word
}
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
padding: calc(.667em + 2px)
}
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments-form .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments-form .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-date {
box-sizing: border-box
}
.wp-block-post-excerpt__more-link {
display: inline-block
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0
}
.wp-block-post-featured-image a {
display: block
}
.wp-block-post-featured-image img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: bottom;
box-sizing: border-box
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width: 100%
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
position: absolute;
inset: 0;
background-color: #000
}
.wp-block-post-featured-image {
position: relative
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
background-color: transparent
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
opacity: 0
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
opacity: .1
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
opacity: .2
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
opacity: .3
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
opacity: .4
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
opacity: .5
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
opacity: .6
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
opacity: .7
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
opacity: .8
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
opacity: .9
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
opacity: 1
}
.wp-block-post-terms__separator {
white-space: pre-wrap
}
.wp-block-post-title {
word-break: break-word;
box-sizing: border-box
}
.wp-block-post-title a {
display: inline-block
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
box-sizing: border-box
}
.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
color: inherit
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote.has-text-align-left blockquote {
text-align: left
}
.wp-block-pullquote.has-text-align-right blockquote {
text-align: right
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-post-template {
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-post-template.wp-block-post-template {
background: none
}
.wp-block-post-template.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 1.25em
}
.wp-block-post-template.is-flex-container li {
margin: 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child {
margin-inline-start: auto
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child {
margin-inline-end: auto
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination.aligncenter {
justify-content: center
}
.wp-block-query-title,
.wp-block-quote {
box-sizing: border-box
}
.wp-block-quote {
overflow-wrap: break-word
}
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer {
font-size: 1.125em;
text-align: right
}
.wp-block-read-more {
display: block;
width: -moz-fit-content;
width: fit-content
}
.wp-block-read-more:not([style*=text-decoration]),
.wp-block-read-more:not([style*=text-decoration]):active,
.wp-block-read-more:not([style*=text-decoration]):focus {
text-decoration: none
}
ul.wp-block-rss {
list-style: none;
padding: 0
}
ul.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
ul.wp-block-rss.alignleft {
margin-right: 2em
}
ul.wp-block-rss.alignright {
margin-left: 2em
}
ul.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
ul.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width:600px) {
ul.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
ul.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
ul.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
ul.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
ul.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
font-size: .8125em
}
.wp-block-search__button {
margin-left: .625em;
word-break: normal
}
.wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
fill: currentColor;
vertical-align: text-bottom
}
:where(.wp-block-search__button) {
border: 1px solid #ccc;
padding: .375em .625em
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search__label {
width: 100%
}
.wp-block-search__input {
padding: 8px;
flex-grow: 1;
margin-left: 0;
margin-right: 0;
min-width: 3em;
border: 1px solid #949494;
text-decoration: unset !important
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
padding: 4px;
border: 1px solid #949494
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
outline: none
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
padding: .125em .5em
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto
}
.wp-block-separator {
border: 1px solid;
border-right: none;
border-left: none
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-site-logo {
box-sizing: border-box;
line-height: 0
}
.wp-block-site-logo a {
display: inline-block
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto
}
.wp-block-site-logo img {
height: auto;
max-width: 100%
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius: inherit
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center
}
.wp-block-site-logo.is-style-rounded {
border-radius: 9999px
}
.wp-block-social-links {
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0;
background: none
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
margin-left: .5em;
margin-right: .5em;
font-size: .65em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s
}
}
.wp-block-social-link a {
align-items: center;
display: flex;
line-height: 0;
transition: transform .1s ease
}
.wp-block-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #ff4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
background-color: #25d366;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none
}
.wp-block-social-links.is-style-logos-only .wp-social-link a {
padding: 0
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 1.25em;
height: 1.25em
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #ff4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
color: #25d366
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
.wp-block-tag-cloud.aligncenter {
text-align: center;
justify-content: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-tag-cloud a {
display: inline-block;
margin-right: 5px
}
.wp-block-tag-cloud span {
display: inline-block;
margin-left: 5px;
text-decoration: none
}
.wp-block-tag-cloud.is-style-outline {
display: flex;
flex-wrap: wrap;
gap: 1ch
}
.wp-block-tag-cloud.is-style-outline a {
border: 1px solid;
font-size: unset !important;
margin-right: 0;
padding: 1ch 2ch;
text-decoration: none !important
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
border-collapse: collapse;
width: 100%
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid;
padding: .5em
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-table .has-border-color>*,
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr {
border-color: inherit
}
.wp-block-table table[style*=border-top-color]>*,
.wp-block-table table[style*=border-top-color]>* td,
.wp-block-table table[style*=border-top-color]>* th,
.wp-block-table table[style*=border-top-color] tr:first-child,
.wp-block-table table[style*=border-top-color] tr:first-child td,
.wp-block-table table[style*=border-top-color] tr:first-child th {
border-top-color: inherit
}
.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
border-top-color: currentColor
}
.wp-block-table table[style*=border-right-color]>*,
.wp-block-table table[style*=border-right-color] td:last-child,
.wp-block-table table[style*=border-right-color] th,
.wp-block-table table[style*=border-right-color] tr {
border-right-color: inherit
}
.wp-block-table table[style*=border-bottom-color]>*,
.wp-block-table table[style*=border-bottom-color]>* td,
.wp-block-table table[style*=border-bottom-color]>* th,
.wp-block-table table[style*=border-bottom-color] tr:last-child,
.wp-block-table table[style*=border-bottom-color] tr:last-child td,
.wp-block-table table[style*=border-bottom-color] tr:last-child th {
border-bottom-color: inherit
}
.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
border-bottom-color: currentColor
}
.wp-block-table table[style*=border-left-color]>*,
.wp-block-table table[style*=border-left-color] td:first-child,
.wp-block-table table[style*=border-left-color] th,
.wp-block-table table[style*=border-left-color] tr {
border-left-color: inherit
}
.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
border-style: inherit
}
.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
border-width: inherit;
border-style: inherit
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
box-sizing: border-box
}
.wp-block-video video {
width: 100%
}
@supports (position:sticky) {
.wp-block-video [poster] {
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-element-button {
cursor: pointer
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color) {
border-style: solid
}
html :where([style*=border-top-color]) {
border-top-style: solid
}
html :where([style*=border-right-color]) {
border-right-style: solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
html :where([style*=border-left-color]) {
border-left-style: solid
}
html :where([style*=border-width]) {
border-style: solid
}
html :where([style*=border-top-width]) {
border-top-style: solid
}
html :where([style*=border-right-width]) {
border-right-style: solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
html :where([style*=border-left-width]) {
border-left-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
figure {
margin: 0 0 1em
}
/*! This file is auto-generated */
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em
}
body {
--wp--preset--color--black: #000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #fff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: .44rem;
--wp--preset--spacing--30: .67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem
}
:where(.is-layout-flex) {
gap: .5em
}
body .is-layout-flow>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em
}
body .is-layout-flow>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0
}
body .is-layout-flow>.aligncenter {
margin-left: auto !important;
margin-right: auto !important
}
body .is-layout-constrained>.alignleft {
float: left;
margin-inline-start: 0;
margin-inline-end: 2em
}
body .is-layout-constrained>.alignright {
float: right;
margin-inline-start: 2em;
margin-inline-end: 0
}
body .is-layout-constrained>.aligncenter {
margin-left: auto !important;
margin-right: auto !important
}
body .is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important
}
body .is-layout-constrained>.alignwide {
max-width: var(--wp--style--global--wide-size)
}
body .is-layout-flex {
display: flex
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center
}
body .is-layout-flex>* {
margin: 0
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em
}
.has-black-color {
color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-color {
color: var(--wp--preset--color--white) !important
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
color: inherit
}
:where(.wp-block-columns.is-layout-flex) {
gap: 2em
}
.wp-block-pullquote {
font-size: 1.5em;
line-height: 1.6
}
.partner {
padding-bottom: 90px !important
}
.header__nav__list__item a {
color: #fff !important
}
@media screen and (min-width:1024px) {
.footer__logo-holder {
margin: -60px 24px 0 0
}
}
.step-by-step__text:before {
color: #1cae1c !important
}
.accordion__header:after,
.accordion__header:before {
border-bottom: 2px solid #1cae1c !important
}
.no-touchevents .author-info__social:hover {
color: #1cae1c !important
}
.no-touchevents .autocomplete-suggestion:hover {
color: #1cae1c !important
}
.no-touchevents .autocomplete-suggestion:hover strong {
color: #1cae1c !important
}
.background--primary {
background: #1cae1c !important
}
.h6,
h6 {
color: #1cae1c !important
}
a {
color: #1cae1c !important
}
.blog__filter__icon {
color: #1cae1c !important
}
.blog__filter__rss a:hover {
color: #1cae1c !important
}
.blog__filter__rss a .icon {
color: #1cae1c !important
}
.blog__filter__item.is-active {
color: #1cae1c !important
}
.no-touchevents .blog__filter__item:hover {
color: #1cae1c !important
}
.blog__teaser__superheadline {
color: #1cae1c !important
}
.blog__teaser__category--dividing:after {
background-color: #1cae1c !important
}
.bullet:after {
box-shadow: inset 0 0 0 1px #1cae1c !important
}
.button--animated {
color: #1cae1c !important
}
.button--animated:before {
background-color: #1cae1c !important
}
.button--animated.is-loading,
.no-touchevents .button--animated.is-hovered,
.no-touchevents .button--animated:hover:not(.is-disabled) {
border: 1px solid #1cae1c !important
}
.button--animated.is-loading .button__loading {
background-color: #1cae1c !important
}
.button--animated.button--filled {
background-color: #1cae1c !important
}
.button--animated.button--filled .button__hover {
color: #1cae1c !important
}
.button--arrow.button--white.is-active .icon--arrow-right,
.button--arrow.button--white.is-hovered .icon--arrow-right,
.button--arrow.button--white:hover .icon--arrow-right {
color: #1cae1c !important
}
.button--arrow.is-active,
.button--arrow.is-hovered,
.button--arrow:hover {
color: #1cae1c !important
}
.button--arrow .icon {
color: #1cae1c !important
}
.button--underline:after {
border-bottom: 2px solid #1cae1c !important
}
.button--underline.is-loading .button__loading path {
fill: #1cae1c !important
}
.no-touchevents .certification__item:hover .certification__item__title h5 {
color: #1cae1c !important
}
.faq__header-select-holder:before {
border-bottom: 3px solid #1cae1c !important
}
.faq__header-select-holder:after {
color: #1cae1c !important
}
.faq__header-select {
color: #1cae1c !important
}
.filter-bar:after {
color: #1cae1c !important
}
.filter-bar__select {
color: #1cae1c !important
}
@media screen and (min-width:768px) {
.filter-bar__link.is-active,
.no-touchevents .filter-bar__link:hover {
color: #1cae1c !important
}
}
.font--color-primary {
color: #1cae1c !important
}
.no-touchevents .footer__social__item:hover {
color: #1cae1c !important
}
.no-touchevents .footer__nav__link:hover {
color: #1cae1c !important
}
.form label span {
color: #1cae1c !important
}
.fieldinfo span {
color: #1cae1c !important
}
.header__nav__list__item.is-active a {
color: #1cae1c !important
}
.header__nav__list__item a span:after {
border-bottom: 2px solid #1cae1c !important
}
.no-touchevents .header__nav__list__item a:hover {
color: #1cae1c !important
}
.header__nav__action--mobile .header__nav__action__item__icon {
color: #1cae1c !important
}
.header__nav__action__item.is-active .header__nav__action__item__icon {
color: #1cae1c !important
}
.header__nav__action__item--close .header__nav__action__item__icon {
color: #1cae1c !important
}
@media screen and (min-width:1100px) {
.header__nav__action__item__icon {
color: #1cae1c !important
}
}
.hero-slider__next,
.hero-slider__prev {
color: #1cae1c !important
}
.language-selector__item.is-hovered .language-selector__item__holder:before,
.no-touchevents .language-selector__item:hover .language-selector__item__holder:before {
background: #1cae1c !important
}
.marquee__item__icon {
color: #1cae1c !important
}
.marquee__item__text:after {
border-bottom: 1px solid #1cae1c !important
}
.news-teaser__superheadline {
color: #1cae1c !important
}
.news-teaser__category--dividing:after {
background-color: #1cae1c !important
}
.no-touchevents .overlay__close:hover {
color: #1cae1c !important
}
.overlay__close__icon {
color: #1cae1c !important
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__title h5 {
color: #1cae1c !important
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__count {
color: #1cae1c !important
}
.search__form__icon--right {
color: #1cae1c !important
}
.search__results__item__meta {
color: #1cae1c !important
}
.search__results__item__category--dividing:after {
background-color: #1cae1c !important
}
.search__results__filter__item.is-active {
color: #1cae1c !important
}
.no-touchevents .search__results__filter__item:hover {
color: #1cae1c !important
}
.select2-container--faq .select2-selection--single .select2-selection__rendered {
color: #1cae1c !important
}
.select2-container--faq .select2-results__option--highlighted {
color: #1cae1c !important
}
.share-button__icon {
background-color: #1cae1c !important
}
.share-button__item {
background-color: #1cae1c !important
}
@media screen and (min-width:1280px) {
.share-button__icon {
color: #1cae1c !important
}
.share-button__item {
color: #1cae1c !important
}
}
.sidebar__item__icon {
color: #1cae1c !important
}
.step-by-step__text:after {
border-bottom: 2px solid #1cae1c !important
}
.step-by-step__text b,
.step-by-step__text strong {
color: #1cae1c !important
}
.tab__icon {
color: #1cae1c !important
}
@media screen and (min-width:1024px) {
.twin-box__swiper__button {
color: #1cae1c !important
}
}
.video-embed__play {
border: 2px solid #1cae1c !important
}
.video-teaser--mobile-same .video-teaser__play {
box-shadow: inset 0 0 0 2px #1cae1c !important
}
.video-teaser__play {
box-shadow: inset 0 0 0 1px #1cae1c !important
}
@media screen and (min-width:768px) {
.no-touchevents .video-teaser:hover .video-teaser__play {
box-shadow: inset 0 0 0 60px #1cae1c !important
}
.video-teaser__play {
box-shadow: inset 0 0 0 2px #1cae1c !important
}
}
.GpQKcx8ail {
fill: none;
stroke: #1cae1c !important
}
.accordion__header:after,
.accordion__header:before {
border-bottom: 2px solid #1cae1c !important
}
.no-touchevents .author-info__social:hover {
color: #1cae1c !important
}
.no-touchevents .autocomplete-suggestion:hover {
color: #1cae1c !important
}
.no-touchevents .autocomplete-suggestion:hover strong {
color: #1cae1c !important
}
.background--primary {
background: #1cae1c !important
}
.h6,
h6 {
color: #1cae1c !important
}
a {
color: #1cae1c !important
}
.blog__filter__icon {
color: #1cae1c !important
}
.blog__filter__rss a:hover {
color: #1cae1c !important
}
.blog__filter__rss a .icon {
color: #1cae1c !important
}
.blog__filter__item.is-active {
color: #1cae1c !important
}
.no-touchevents .blog__filter__item:hover {
color: #1cae1c !important
}
.blog__teaser__superheadline {
color: #1cae1c !important
}
.blog__teaser__category--dividing:after {
background-color: #1cae1c !important
}
.bullet:after {
box-shadow: inset 0 0 0 1px #1cae1c !important
}
.button--animated {
color: #1cae1c !important
}
.button--animated:before {
background-color: #1cae1c !important
}
.button--animated.is-loading,
.no-touchevents .button--animated.is-hovered,
.no-touchevents .button--animated:hover:not(.is-disabled) {
border: 1px solid #1cae1c !important
}
.button--animated.is-loading .button__loading {
background-color: #1cae1c !important
}
.button--animated.button--filled {
background-color: #1cae1c !important
}
.button--animated.button--filled .button__hover {
color: #1cae1c !important
}
.button--arrow.button--white.is-active .icon--arrow-right,
.button--arrow.button--white.is-hovered .icon--arrow-right,
.button--arrow.button--white:hover .icon--arrow-right {
color: #1cae1c !important
}
.button--arrow.is-active,
.button--arrow.is-hovered,
.button--arrow:hover {
color: #1cae1c !important
}
.button--arrow .icon {
color: #1cae1c !important
}
.button--underline:after {
border-bottom: 2px solid #1cae1c !important
}
.button--underline.is-loading .button__loading path {
fill: #1cae1c !important
}
.no-touchevents .certification__item:hover .certification__item__title h5 {
color: #1cae1c !important
}
.faq__header-select-holder:before {
border-bottom: 3px solid #1cae1c !important
}
.faq__header-select-holder:after {
color: #1cae1c !important
}
.faq__header-select {
color: #1cae1c !important
}
.filter-bar:after {
color: #1cae1c !important
}
.filter-bar__select {
color: #1cae1c !important
}
@media screen and (min-width:768px) {
.filter-bar__link.is-active,
.no-touchevents .filter-bar__link:hover {
color: #1cae1c !important
}
}
.font--color-primary {
color: #1cae1c !important
}
.no-touchevents .footer__social__item:hover {
color: #1cae1c !important
}
.no-touchevents .footer__nav__link:hover {
color: #1cae1c !important
}
.form label span {
color: #1cae1c !important
}
.fieldinfo span {
color: #1cae1c !important
}
.header__nav__list__item.is-active a {
color: #1cae1c !important
}
.header__nav__list__item a span:after {
border-bottom: 2px solid #1cae1c !important
}
.no-touchevents .header__nav__list__item a:hover {
color: #1cae1c !important
}
.header__nav__action--mobile .header__nav__action__item__icon {
color: #1cae1c !important
}
.header__nav__action__item.is-active .header__nav__action__item__icon {
color: #1cae1c !important
}
.header__nav__action__item--close .header__nav__action__item__icon {
color: #1cae1c !important
}
@media screen and (min-width:1100px) {
.header__nav__action__item__icon {
color: #1cae1c !important
}
}
.hero-slider__next,
.hero-slider__prev {
color: #1cae1c !important
}
.language-selector__item.is-hovered .language-selector__item__holder:before,
.no-touchevents .language-selector__item:hover .language-selector__item__holder:before {
background: #1cae1c !important
}
.marquee__item__icon {
color: #1cae1c !important
}
.marquee__item__text:after {
border-bottom: 1px solid #1cae1c !important
}
.news-teaser__superheadline {
color: #1cae1c !important
}
.news-teaser__category--dividing:after {
background-color: #1cae1c !important
}
.no-touchevents .overlay__close:hover {
color: #1cae1c !important
}
.overlay__close__icon {
color: #1cae1c !important
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__title h5 {
color: #1cae1c !important
}
.no-touchevents .quick-start__item__wrapper:hover .quick-start__item__count {
color: #1cae1c !important
}
.search__form__icon--right {
color: #1cae1c !important
}
.search__results__item__meta {
color: #1cae1c !important
}
.search__results__item__category--dividing:after {
background-color: #1cae1c !important
}
.search__results__filter__item.is-active {
color: #1cae1c !important
}
.no-touchevents .search__results__filter__item:hover {
color: #1cae1c !important
}
.select2-container--faq .select2-selection--single .select2-selection__rendered {
color: #1cae1c !important
}
.select2-container--faq .select2-results__option--highlighted {
color: #1cae1c !important
}
.share-button__icon {
background-color: #1cae1c !important
}
.share-button__item {
background-color: #1cae1c !important
}
@media screen and (min-width:1280px) {
.share-button__icon {
color: #1cae1c !important
}
.share-button__item {
color: #1cae1c !important
}
}
.sidebar__item__icon {
color: #1cae1c !important
}
.step-by-step__text:after {
border-bottom: 2px solid #1cae1c !important
}
.step-by-step__text b,
.step-by-step__text strong {
color: #1cae1c !important
}
.tab__icon {
color: #1cae1c !important
}
@media screen and (min-width:1024px) {
.twin-box__swiper__button {
color: #1cae1c !important
}
}
.video-embed__play {
border: 2px solid #1cae1c !important
}
.video-teaser--mobile-same .video-teaser__play {
box-shadow: inset 0 0 0 2px #1cae1c !important
}
.video-teaser__play {
box-shadow: inset 0 0 0 1px #1cae1c !important
}
@media screen and (min-width:768px) {
.no-touchevents .video-teaser:hover .video-teaser__play {
box-shadow: inset 0 0 0 60px #1cae1c !important
}
.video-teaser__play {
box-shadow: inset 0 0 0 2px #1cae1c !important
}
}
.GpQKcx8ail {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.aMoaNkax5V {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.8585;
stroke-linecap: round;
stroke-linejoin: round !important
}
.IZhOnKOeXd {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.kDl15icXYc {
fill: #1cae1c !important
}
.goF9nmBbmG {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.TbAqNxkO34 {
fill: #1cae1c !important
}
.ZDpjPxSAWA {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.Ofs84mYsjf {
fill: #1cae1c !important
}
.Lbj4pyW2xT {
fill: none;
stroke: #1cae1c !important;
stroke-width: 4.9015;
stroke-linecap: round;
stroke-linejoin: round !important
}
.st0 {
clip-path: url(#SVGID_1_)
}
.st1 {
clip-path: url(#SVGID_2_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 24;
stroke-miterlimit: 10 !important
}
.st2 {
clip-path: url(#SVGID_3_)
}
.st3 {
clip-path: url(#SVGID_4_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 24;
stroke-miterlimit: 10 !important
}
.st4 {
clip-path: url(#SVGID_5_)
}
.st5 {
clip-path: url(#SVGID_6_);
fill: #1cae1c !important
}
.st6 {
clip-path: url(#SVGID_7_)
}
.st7 {
clip-path: url(#SVGID_8_);
fill: #1cae1c !important
}
.st8 {
clip-path: url(#SVGID_9_)
}
.st9 {
clip-path: url(#SVGID_10_);
fill: #1cae1c !important
}
.sthob0 {
clip-path: url(#SVGID_2_)
}
.sthob1 {
clip-path: url(#SVGID_4_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob2 {
clip-path: url(#SVGID_6_)
}
.sthob3 {
clip-path: url(#SVGID_8_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob4 {
clip-path: url(#SVGID_10_)
}
.sthob5 {
clip-path: url(#SVGID_12_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob6 {
clip-path: url(#SVGID_14_)
}
.sthob7 {
clip-path: url(#SVGID_16_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob8 {
clip-path: url(#SVGID_18_)
}
.sthob9 {
clip-path: url(#SVGID_20_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob10 {
clip-path: url(#SVGID_22_)
}
.sthob11 {
clip-path: url(#SVGID_24_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob12 {
clip-path: url(#SVGID_26_)
}
.sthob13 {
clip-path: url(#SVGID_28_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob14 {
clip-path: url(#SVGID_30_)
}
.sthob15 {
clip-path: url(#SVGID_32_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob16 {
clip-path: url(#SVGID_34_)
}
.sthob17 {
clip-path: url(#SVGID_36_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob18 {
clip-path: url(#SVGID_38_)
}
.sthob19 {
clip-path: url(#SVGID_40_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob20 {
clip-path: url(#SVGID_42_)
}
.sthob21 {
clip-path: url(#SVGID_44_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob22 {
clip-path: url(#SVGID_46_)
}
.sthob23 {
clip-path: url(#SVGID_48_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob24 {
clip-path: url(#SVGID_50_)
}
.sthob25 {
clip-path: url(#SVGID_52_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob26 {
clip-path: url(#SVGID_54_)
}
.sthob27 {
clip-path: url(#SVGID_56_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob28 {
clip-path: url(#SVGID_58_)
}
.sthob29 {
clip-path: url(#SVGID_60_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.st8 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st6 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st7 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st12345,
.st1234,
.features__item__icon svg path,
.quick-start__item__icon svg path {
stroke: #1cae1c !important
}
.st8 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st6 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st7 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.aMoaNkax5V {
fill: none;
stroke: #1cae1c;
stroke-width: 9.8585;
stroke-linecap: round;
stroke-linejoin: round !important
}
.IZhOnKOeXd {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.kDl15icXYc {
fill: #1cae1c !important
}
.goF9nmBbmG {
fill: none;
stroke: #1cae1c;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.TbAqNxkO34 {
fill: #1cae1c !important
}
.ZDpjPxSAWA {
fill: none;
stroke: #1cae1c !important;
stroke-width: 9.803;
stroke-linecap: round;
stroke-linejoin: round !important
}
.Ofs84mYsjf {
fill: #1cae1c !important
}
.Lbj4pyW2xT {
fill: none;
stroke: #1cae1c;
stroke-width: 4.9015;
stroke-linecap: round;
stroke-linejoin: round !important
}
.st0 {
clip-path: url(#SVGID_1_)
}
.st1 {
clip-path: url(#SVGID_2_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 24;
stroke-miterlimit: 10 !important
}
.st2 {
clip-path: url(#SVGID_3_)
}
.st3 {
clip-path: url(#SVGID_4_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 24;
stroke-miterlimit: 10 !important
}
.st4 {
clip-path: url(#SVGID_5_)
}
.st5 {
clip-path: url(#SVGID_6_);
fill: #1cae1c !important
}
.st6 {
clip-path: url(#SVGID_7_)
}
.st7 {
clip-path: url(#SVGID_8_);
fill: #1cae1c !important
}
.st8 {
clip-path: url(#SVGID_9_)
}
.st9 {
clip-path: url(#SVGID_10_);
fill: #1cae1c !important
}
.sthob0 {
clip-path: url(#SVGID_2_)
}
.sthob1 {
clip-path: url(#SVGID_4_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob2 {
clip-path: url(#SVGID_6_)
}
.sthob3 {
clip-path: url(#SVGID_8_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob4 {
clip-path: url(#SVGID_10_)
}
.sthob5 {
clip-path: url(#SVGID_12_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob6 {
clip-path: url(#SVGID_14_)
}
.sthob7 {
clip-path: url(#SVGID_16_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob8 {
clip-path: url(#SVGID_18_)
}
.sthob9 {
clip-path: url(#SVGID_20_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob10 {
clip-path: url(#SVGID_22_)
}
.sthob11 {
clip-path: url(#SVGID_24_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob12 {
clip-path: url(#SVGID_26_)
}
.sthob13 {
clip-path: url(#SVGID_28_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob14 {
clip-path: url(#SVGID_30_)
}
.sthob15 {
clip-path: url(#SVGID_32_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob16 {
clip-path: url(#SVGID_34_)
}
.sthob17 {
clip-path: url(#SVGID_36_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob18 {
clip-path: url(#SVGID_38_)
}
.sthob19 {
clip-path: url(#SVGID_40_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 20;
stroke-miterlimit: 10
}
.sthob20 {
clip-path: url(#SVGID_42_)
}
.sthob21 {
clip-path: url(#SVGID_44_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob22 {
clip-path: url(#SVGID_46_)
}
.sthob23 {
clip-path: url(#SVGID_48_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob24 {
clip-path: url(#SVGID_50_)
}
.sthob25 {
clip-path: url(#SVGID_52_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob26 {
clip-path: url(#SVGID_54_)
}
.sthob27 {
clip-path: url(#SVGID_56_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.sthob28 {
clip-path: url(#SVGID_58_)
}
.sthob29 {
clip-path: url(#SVGID_60_);
fill: none;
stroke: #1cae1c !important;
stroke-width: 19;
stroke-miterlimit: 10
}
.st8 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st6 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st7 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st8 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st6 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st7 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #1cae1c !important;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.header__nav__action__item__icon {
color: #1cae1c !important
}
.section--header .header__holder {
z-index: 2;
position: relative;
background: #434955
}
.background--white {
background: #434955
}
.background--light-grey {
background: #1d2027
}
body {
background: #1d2027
}
.background--dark {
background: #000
}
.twin-box__item {
background-color: #434955
}
.header__nav__action__item__value {
color: #1cae1c !important
}
.header__nav__action__item__value:hover {
color: #1cae1c !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff !important
}
body {
color: #b6bdcd !important
}
.hero-slider__item {
background: #1d2027 !important
}
.background--dark-grey {
background: #1d2027 !important
}
.marquee__item__text {
color: #b6bdcd !important
}
.marquee__item__text,
.info-column {
color: #b6bdcd !important
}
.header__nav__holder {
background: #000 !important
}
.section--header .header__holder {
background: #000
}
.tab.is-active {
background-color: #000;
border: solid 0px #000 !important
}
.tab {
border: solid 2px #000
}
.tab__text {
opacity: 1 !important
}
.quick-start__item__wrapper {
background: #000
}
.quick-start__item__wrapper.is-active.is-active {
background-color: #aaa
}
.quick-start__result {
background-color: #000
}
.accordion__item.is-open {
background-color: #000
}
.accordion:after {
background-color: #000 !important
}
.no-touchevents .accordion__item:hover {
background-color: #000;
border-bottom-color: #fbfbfb
}
.st0 {
stroke: #1cae1c !important
}
@media screen and (min-width:768px) {
.step-by-step__text:before {
font-size: 16px
}
}
@media screen and (min-width:1440px) {
.hero-slider__headline {
font-size: 60px
}
}
@media screen and (min-width:1440px) {
.h1,
h1 {
font-size: 60px
}
}
.header__nav__action__item__icon {
color: #fff !important
}
.header__nav__action__item__value {
color: #fff !important
}
.header__nav__action__item:hover {
background-color: #171e26 !important
}
.certification__content {
border: none !important
}
.st0 {
fill: none;
stroke: #49b5e7;
stroke-width: 15.0804;
stroke-miterlimit: 10
}
.st1234,
.st12345 {
fill: none;
stroke: #49b5e7
}
.st1234 {
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 19.04
}
.st12345 {
stroke-width: 9.52;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #49b5e7;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st0 {
fill: none;
stroke: #49b5e7;
stroke-width: 15.0804;
stroke-miterlimit: 10
}
.st1234,
.st12345 {
fill: none;
stroke: #49b5e7
}
.st1234 {
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 19.04
}
.st12345 {
stroke-width: 9.52;
stroke-miterlimit: 10
}
.st12 {
fill: none;
stroke: #49b5e7;
stroke-width: 22.8382;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10
}
.st111 {
fill: none;
stroke: #49b5e7;
stroke-width: 19.04;
stroke-linecap: round;
stroke-linejoin: round
}
.st57383 {
fill: none;
stroke: #49b5e7;
stroke-width: 19.04;
stroke-linecap: round;
stroke-linejoin: round
}
.st1595949,
.st68493 {
fill: none;
stroke: #49b5e7
}
.st68493 {
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 19.04
}
.st1595949 {
stroke-width: 9.52;
stroke-miterlimit: 10
}
.st1234,
.st12345 {
fill: none;
stroke: #49b5e7
}
.st1234 {
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 19.04
}
.st12345 {
stroke-width: 9.52;
stroke-miterlimit: 10
}