@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=ca199625-b2ab-45a3-a8b6-ae22263364c8);
.text-red-100 {
color: #b17b7b;
}
.bg-red-100 {
background-color: #b17b7b;
}
.text-hover-red-100:hover {
color: #b17b7b;
}
.bg-hover-red-100:hover {
background-color: #b17b7b;
}
.text-red-200 {
color: #cc0000;
}
.bg-red-200 {
background-color: #cc0000;
}
.text-hover-red-200:hover {
color: #cc0000;
}
.bg-hover-red-200:hover {
background-color: #cc0000;
}
.text-red-300 {
color: #a40000;
}
.bg-red-300 {
background-color: #a40000;
}
.text-hover-red-300:hover {
color: #a40000;
}
.bg-hover-red-300:hover {
background-color: #a40000;
}
.text-black {
color: #000000;
}
.bg-black {
background-color: #000000;
}
.text-hover-black:hover {
color: #000000;
}
.bg-hover-black:hover {
background-color: #000000;
}
.text-gold {
color: #998246;
}
.bg-gold {
background-color: #998246;
}
.text-hover-gold:hover {
color: #998246;
}
.bg-hover-gold:hover {
background-color: #998246;
}
.text-orange {
color: #e98f19;
}
.bg-orange {
background-color: #e98f19;
}
.text-hover-orange:hover {
color: #e98f19;
}
.bg-hover-orange:hover {
background-color: #e98f19;
}
.text-white {
color: #fff;
}
.bg-white {
background-color: #fff;
}
.text-hover-white:hover {
color: #fff;
}
.bg-hover-white:hover {
background-color: #fff;
}
.text-green-100 {
color: #D8FB55;
}
.bg-green-100 {
background-color: #D8FB55;
}
.text-hover-green-100:hover {
color: #D8FB55;
}
.bg-hover-green-100:hover {
background-color: #D8FB55;
}
.text-blue-100 {
color: #0305FC;
}
.bg-blue-100 {
background-color: #0305FC;
}
.text-hover-blue-100:hover {
color: #0305FC;
}
.bg-hover-blue-100:hover {
background-color: #0305FC;
}
.text-blue-200 {
color: #3030f8;
}
.bg-blue-200 {
background-color: #3030f8;
}
.text-hover-blue-200:hover {
color: #3030f8;
}
.bg-hover-blue-200:hover {
background-color: #3030f8;
}
.text-yellow {
color: #ecc518;
}
.bg-yellow {
background-color: #ecc518;
}
.text-hover-yellow:hover {
color: #ecc518;
}
.bg-hover-yellow:hover {
background-color: #ecc518;
}
.text-grey-100 {
color: #f5f5f5;
}
.bg-grey-100 {
background-color: #f5f5f5;
}
.text-hover-grey-100:hover {
color: #f5f5f5;
}
.bg-hover-grey-100:hover {
background-color: #f5f5f5;
}
.text-grey-200 {
color: #d3d3d3;
}
.bg-grey-200 {
background-color: #d3d3d3;
}
.text-hover-grey-200:hover {
color: #d3d3d3;
}
.bg-hover-grey-200:hover {
background-color: #d3d3d3;
}
.text-grey-300 {
color: #a8a7a4;
}
.bg-grey-300 {
background-color: #a8a7a4;
}
.text-hover-grey-300:hover {
color: #a8a7a4;
}
.bg-hover-grey-300:hover {
background-color: #a8a7a4;
}
.text-grey-400 {
color: #818181;
}
.bg-grey-400 {
background-color: #818181;
}
.text-hover-grey-400:hover {
color: #818181;
}
.bg-hover-grey-400:hover {
background-color: #818181;
}
.text-grey-500 {
color: #707070;
}
.bg-grey-500 {
background-color: #707070;
}
.text-hover-grey-500:hover {
color: #707070;
}
.bg-hover-grey-500:hover {
background-color: #707070;
}
.text-grey-600 {
color: #313131;
}
.bg-grey-600 {
background-color: #313131;
}
.text-hover-grey-600:hover {
color: #313131;
}
.bg-hover-grey-600:hover {
background-color: #313131;
}
.text-grey-700 {
color: #242424;
}
.bg-grey-700 {
background-color: #242424;
}
.text-hover-grey-700:hover {
color: #242424;
}
.bg-hover-grey-700:hover {
background-color: #242424;
}
:root { --pageBrandColorActive: #F0FA00;
--pageBrandColorHover: #F0FA00;
--pageAccentColor: #4592FF;
--pageSpaceUnit: 20px;
--pageMaxWidth: 1700px;
--pageModulesMaxWidth: 1700px;
--pageBodyBg: #fff;
--pageBodyColor: #313131;
--pageLinkColor: #000000;
--pageLinkHoverColor: #313131;
--pageFooterSpacer: calc(20px * 4);
--pageHeaderBgColor: #fff;
--pageHeaderShadow: none;
--pageHeaderLogoSizeS: 100px;
--pageHeaderLogoSizeL: 150px;
--pageHeaderMenuTopS: 34px;
--pageHeaderMenuTopL: 32px;
--pageHeaderMenuIconColor: #000000;
--pageHeaderNavigationColor: #000000;
--pageHeaderNavigationMobileColor:  #000000;
--pageFooterBgColor: #fff;
--pageFooterColor: #313131;
--pageFooterBorder: none;
--pageFooterLinkColor: #313131;
--pageFooterLinkHover: #707070; --pageTypoFamily: 'TT Commons Classic W01 Regular';
--pageTypoFontSize: 20px;
--pageTypoLineHeight: 1.3;
--pageTypoLetterSpacing: 1px;
--pageTypoHeadlineLetterSpacing: 2px;
--pageTypoParagraphPaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH1FontSize: 70px;
--pageTypoH1LineHeight: 1.1;
--pageTypoH1FontWeight: 400;
--pageTypoH1FontFamily: 'TT Commons Classic W01 DemiBold';
--pageTypoH1PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH1Color: #000000;
--pageTypoH2FontSize: 35px;
--pageTypoH2LineHeight: 1.2;
--pageTypoH2FontWeight: 400;
--pageTypoH2FontFamily: 'TT Commons Classic W01 Regular';
--pageTypoH2PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH2Color: #000000;
--pageTypoH3FontSize: 25px;
--pageTypoH3LineHeight: 1.2;
--pageTypoH3FontWeight: 400;
--pageTypoH3FontFamily: 'TT Commons Classic W01 Regular';
--pageTypoH3PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH3Color: #000000;
--pageTypoH4FontSize: 20px;
--pageTypoH4LineHeight: 1.2;
--pageTypoH4FontWeight: 400;
--pageTypoH4FontFamily: 'TT Commons Classic W01 Regular';
--pageTypoH4PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH4Color: #000000;
--pageTypoH5FontSize: var(--pageTypoFontSize);
--pageTypoH5LineHeight: 1.2;
--pageTypoH5FontWeight: 400;
--pageTypoH5FontFamily: 'TT Commons Classic W01 Regular';
--pageTypoH5PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH5Color: #000000;
--pageTypoHelperClassFontWeightS: 200;
--pageTypoHelperClassFontWeightM: 400;
--pageTypoHelperClassFontWeightL: 800;
--pageTypoHelperClassFontSizeX: 16px;
--pageTypoHelperClassFontSizeS: 20px;
--pageTypoHelperClassFontSizeM: 30px;
--pageTypoHelperClassFontSizeL: 70px;
--pageTypoHelperClassFontSizeXL: 95px;
--pageTypoHelperClassFontColorBright: #fff;
--pageTypoHelperClassFontColorDark: #313131;
--pageTypoHelperClassFontColorBrand: #0305FC; --pageComponentButtonPadding: 17px 0 20px;
--pageComponentButtonAlign: center;
--pageComponentButtonFontSize: inherit;
--pageComponentButtonMaxWidth: 320px;
--pageComponentButtonRadius: 28px;
--pageComponentButtonSolidBlackBorder: 1px solid #000000;
--pageComponentButtonSolidBlackBgColor: #000000;
--pageComponentButtonSolidBlackColor: #fff;
--pageComponentButtonSolidWhiteBorder: 1px solid #fff;
--pageComponentButtonSolidWhiteBgColor: #fff;
--pageComponentButtonSolidWhiteColor: #000000;
--pageComponentButtonSolidBrandBorder: 1px solid var(--pageBrandColorActive);
--pageComponentButtonSolidBrandBgColor: var(--pageBrandColorActive);
--pageComponentButtonSolidBrandColor: #fff;
--pageComponentButtonSolidAccentBorder: 1px solid var(--pageAccentColor);
--pageComponentButtonSolidAccentBgColor: var(--pageAccentColor);
--pageComponentButtonSolidAccentColor: #000000;
--pageComponentButtonSolidDisabledBorder: 1px solid #707070;
--pageComponentButtonSolidDisabledBgColor: #707070;
--pageComponentButtonSolidDisabledColor: #fff;
--pageComponentButtonOutlinedBlackBorder: 1px solid #000000;
--pageComponentButtonOutlinedBlackBgColor: transparent;
--pageComponentButtonOutlinedBlackColor: #000000;
--pageComponentButtonOutlinedWhiteBorder: 1px solid #fff;
--pageComponentButtonOutlinedWhiteBgColor: transparent;
--pageComponentButtonOutlinedWhiteColor: #fff;
--pageComponentButtonOutlinedBrandBorder: 1px solid var(--pageBrandColorActive);
--pageComponentButtonOutlinedBrandBgColor: transparent;
--pageComponentButtonOutlinedBrandColor: var(--pageBrandColorActive);
--pageComponentButtonOutlinedAccentBorder: 1px solid var(--pageAccentColor);
--pageComponentButtonOutlinedAccentBgColor: transparent;
--pageComponentButtonOutlinedAccentColor: var(--pageAccentColor);
--pageComponentButtonOutlinedDisabledBorder: 1px solid #707070;
--pageComponentButtonOutlinedDisabledBgColor: transparent;
--pageComponentButtonOutlinedDisabledColor: #707070; --pageFormErrorColor: #a40000;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldLabelBgColor: #fff;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #fff;
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131;
--pageFormCheckboxArrowColor: #313131;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #fff;
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px; --pageModalBgColor: rgba(0,0,0,.4);
--pageModalContentBgColor: #fff;
--pageModalContentPadding: 30px;
--pageModalWidthBase: 90vw;
--pageModalWidthS: 40vw;
--pageModalWidthM: 50vw;
--pageModalWidthL: 60vw;
--pageModalCloseBtnIconSize: 20px;
--pageModalCloseBtnIconColor: #313131; --pageOffcanvasBgColor: rgba(0,0,0,.4);
--pageOffcanvasContentBgColor: #fff;
--pageOffcanvasContentPadding: calc(var(--pageSpaceUnit) * 1);
--pageOffcanvasWidthBase: 100vw;
--pageOffcanvasWidthS: 40vw;
--pageOffcanvasWidthM: 50vw;
--pageOffcanvasWidthL: 60vw;
--pageOffcanvasCloseBtnIconSize: 29px;
--pageOffcanvasCloseBtnIconColor: #313131; --pageModuleBg: transparent;
--pageModuleSpaceMobileFactor: .65;
--pageModuleSpaceS: calc(var(--pageSpaceUnit) * 2);
--pageModuleSpaceM: calc(var(--pageSpaceUnit) * 4);
--pageModuleSpaceL: calc(var(--pageSpaceUnit) * 8);
--pageModuleIndentXS: calc(var(--pageSpaceUnit) * 2);
--pageModuleIndentS: 8.33333%;
--pageModuleIndentM: 16.666666%;
--pageModuleIndentL: 25%;
--pageModuleIndentXL: 50%;
--pageModuleSlideXNavigationIcon: var(--pageIconUiArrowBold);
--pageModuleSlideXNavigationColor: #313131;
--pageModuleSlideXNavigationShadow: 0px 1px rgba(255,255,255,0.3);
--pageModuleSlideXPaginationColor: #313131;
--pageModuleSlideXPaginationActiveColor: #d3d3d3;
--pageModuleAccordionContentBoxInvertBgColor: #444850;
--pageModuleAccordionContentBoxInvertColor: #f7f7f7;
--pageModuleQuoteLineHeight: 1.1;
--pageModuleQuotePaddingBottom: calc(var(--pageSpaceUnit) * 1); --pageSwiperSpaceNone: 0;
--pageSwiperSpaceS: calc(var(--pageSpaceUnit) * 2);
--pageSwiperSpaceM: calc(var(--pageSpaceUnit) * 4);
--pageSwiperSpaceL: calc(var(--pageSpaceUnit) * 8); --viewport-height: 0px;
--header-height: 0px;
--scroll-padding: 96px; --pageIconFont: 'WW-Default-Icons-2022-Q2' !important;
--pageIconUiGlobeBold: '\e91d';
--pageIconUiGlobeLight: '\e91e';
--pageIconUiHeartOutlined: '\e927';
--pageIconUiHeartFilled: '\e921';
--pageIconUiAccountBold: '\e929';
--pageIconUiAccountLight: '\e92a';
--pageIconUiCartBold: '\e939';
--pageIconUiCartLight: '\e949';
--pageIconUiLocationBold: '\e944';
--pageIconUiLocationLight: '\e943';
--pageIconUiMenuBold: '\e908';
--pageIconUiMenuLight: '\e909';
--pageIconUiAccount2Bold: '\e90a';
--pageIconUiAccount2Light: '\e90b';
--pageIconUiAddBold: '\e90c';
--pageIconUiAddLight: '\e90e';
--pageIconUiArrowBold: '\e90f';
--pageIconUiArrowLight: '\e914';
--pageIconUiArrowCircleBold: '\e910';
--pageIconUiArrowCircleLight: '\e911';
--pageIconUiPlusCircleBold: '\e912';
--pageIconUiPlusCircleLight: '\e913';
--pageIconUiCart2Bold: '\e915';
--pageIconUiCart2Light: '\e916';
--pageIconUiTimesBold: '\e917';
--pageIconUiTimesLight: '\e918';
--pageIconUiPhoneBold: '\e919';
--pageIconUiPhoneLight: '\e91a';
--pageIconUiSearchBold: '\e91b';
--pageIconUiSearchLight: '\e91c';
--pageIconSocialFacebookSquare: '\e900';
--pageIconSocialFacebook: '\67';
--pageIconSocialLinkedinSquare: '\e901';
--pageIconSocialLinkedin: '\e902';
--pageIconSocialWhatsapp: '\e905';
--pageIconSocialTwitter: '\e904';
--pageIconSocialXing: '\e906';
--pageIconSocialYoutube: '\e907';
--pageIconSocialYoutube2: '\7a';
--pageIconSocialSpotify: '\e90d';
--pageIconSocialInstagram: '\71';
--pageIconShippingGls: '\e903';
--pageIconShippingDhlPackstation: '\e101';
--pageIconShippingDhl: '\e111';
--pageIconShippingDpd: '\e112';
--pageIconShippingUps: '\e11c';
--pageIconPaymentEc: '\f016';
--pageIconPaymentMastercard: '\f030';
--pageIconPaymentMastercard2: '\f02f';
--pageIconPaymentPaypal: '\f036';
--pageIconPaymentPaypal2: '\f035';
--pageIconPaymentRechnung: '\f039';
--pageIconPaymentKlarna: '\f03d';
--pageIconPaymentVisa: '\f046';
--pageIconPaymentSepa: '\f04b';
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-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, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: 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-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform,opacity,height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
.ww-mdct-player {
--mdctPlayerBrandColor: #8b8b8b;
--mdctPlayerAnimationDuration: .3s;
--mdctPlayerBottomControlsBarBg: transparent;
--mdctPlayerTopControlsBarBg: transparent;
--mdctPlayerVolumeOverlayBg: #000;
--mdctPlayerControlsColor: #f7f7f7;
--mdctPlayerControlsBg: transparent;
--mdctPlayerControlsFontSize: 32px;
--mdctPlayerControlsFontWeight: 100;
--mdctPlayerConsoleBg: #f7f7f7;
--mdctPlayerConsoleColor: #333;
--mdctPlayerContextBg: #f7f7f7;
--mdctPlayerContextColor: #333;
--mdctPlayerOverlayBigPlayColor: #f7f7f7;
--mdctPlayerOverlayBigPlaySizeS: 90px;
--mdctPlayerOverlayBigPlaySizeM: 120px;
--mdctPlayerOverlayBigPlaySizeL: 140px;
--mdctPlayerOverlayBigPlayBorderColor: #f7f7f7;
--mdctPlayerOverlayBigPlayBorderSize: 2px;
--mdctPlayerOverlayBigPlayBgColor: rgba(0, 0, 0, 0.6);
--mdctPlayerControlsProgressbarWrapperHeight: 15px;
--mdctPlayerControlsProgressbarWrapperBg: transparent;
--mdctPlayerControlsProgressbarProgressHeight: 5px;
--mdctPlayerControlsProgressbarProgressPassiveBg: rgba(255,255,255,.2);
--mdctPlayerControlsProgressbarProgressActiveBg: var(--mdctPlayerBrandColor);
--mdctPlayerControlsProgressbarProgressBufferBg: #333;
--mdctPlayerIconSizeS: 90px;
--mdctPlayerIconSizeM: 110px;
--mdctPlayerIconSizeL: 130px;
--mdctPlayerControlsIconPlay: "\e90e";
--mdctPlayerControlsIconPause: "\e90d";
--mdctPlayerControlsIconClose: "\e909";
--mdctPlayerControlsIconSettings: "\e90f";
--mdctPlayerControlsIconCaptions: "\e90a";
--mdctPlayerControlsIconFullscreen: "\e90c";
--mdctPlayerControlsIconFullscreenExit: "\e90b";
--mdctPlayerControlsIconVolume: "\e911";
--mdctPlayerControlsIconVolumeOff: "\e910";
--mdctPlayerControlsIconBigPlay: "\e913";
}
.ww-mdct-player.outlined {
--mdctPlayerIconSizeS: 40px;
--mdctPlayerIconSizeM: 50px;
--mdctPlayerIconSizeL: 60px;
--mdctPlayerControlsIconPlay: "\e905";
--mdctPlayerControlsIconPause: "\e904";
--mdctPlayerControlsIconClose: "\e901";
--mdctPlayerControlsIconSettings: "\e906";
--mdctPlayerControlsIconCaptions: "\e900";
--mdctPlayerControlsIconFullscreen: "\e903";
--mdctPlayerControlsIconFullscreenExit: "\e902";
--mdctPlayerControlsIconVolume: "\e908";
--mdctPlayerControlsIconVolumeOff: "\e907";
--mdctPlayerControlsIconBigPlay: "\e912";
}
.ww-mdct-player.dark {
--mdctPlayerVolumeOverlayBg: #f7f7f7;
--mdctPlayerControlsColor: #171717;
--mdctPlayerConsoleBg: #171717;
--mdctPlayerConsoleColor: #f7f7f7;
--mdctPlayerOverlayBigPlayColor: #171717;
--mdctPlayerOverlayBigPlayBorderColor: #171717;
--mdctPlayerOverlayBigPlayBgColor: rgba(255, 255, 255, 0.6);
--mdctPlayerControlsProgressbarProgressPassiveBg: rgba(0,0,0,.2);
--mdctPlayerControlsProgressbarProgressBufferBg: #666;
}
@font-face {
font-family: "wwmdctplayer";
src: url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXAXVtKaAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zg3NJGAAAAF4AAALtGhlYWQYFCWlAAANLAAAADZoaGVhB04D2QAADWQAAAAkaG10eFYAEfIAAA2IAAAAYGxvY2EkziJIAAAN6AAAADJtYXhwAB0AogAADhwAAAAgbmFtZUr48C8AAA48AAABwnBvc3QAAwAAAAAQAAAAACAAAwPoAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpEwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6RP//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAMAAgAM8AwAAHAAzAEIAUQAAASEiBhURFBYzIRceATMyNjc+AT0BMzI2NRE0JiMTFAYrASIGHQEnLgErARE0NjMhMhYVEQMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwL1/hIdKg0IAQSsAwcDAwQCBgdNHikpHh0RDGMIDY4DBwT2EAwB7gwRgP7YCQ0NCQEoCQ0NCf7YCQ0NCQEoCQ0NCQMAKh3+dQkNkwIDAQEDCgaDKh0BWh0q/l8MEA0IanoCAwF2DBAQDP6mAQ0NCQkMDAkJDZUMCQkMDAkJDAABARwA1QLkAqQAIwAAATc2NCcmIg8BJyYiBwYUHwEHBhQXFjI/ARceATMyNjc2NC8BAh7GBwcGEgbGxgYSBgcHxsYHBwYSBsbGAwgEBAgDBwfGAcDGBhIGBwfGxgcHBhEHxsYGEgYHB8bGBAMDBAYRB8YAAAMAwACAA0ADAAAPAB8AQQAAASEiBhURFBYzITI2NRE0JgMUBiMhIiY1ETQ2MyEyFhUPATU0JiMiBh0BFBYXHgEXHgE7ATI2NTQmKwE3NjQnJiIHAw395hUeHhUCGhUeHg0FA/3mAwUFAwIaAwV+yg0JCA0BAQEGBAIEApYJDAwJYssGBgcRBwMAHhX95hUeHhUCGhUe/bMDBQUDAhoDBQUDWMpiCQwMCZYCBAIEBgEBAQ0ICQ3KBxEHBgcAAwDAAIADQAMAAA8AHwBDAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQcuASsBIgYVFBY7AQcGFBceATMyNj8BFRQWMzI2PQE0JicuAQMN/eYVHh4VAhoVHh4NBQP95gMFBQMCGgMFZgIFApUJDAwJYssGBgMIBAUHBMoNCAkNAQECBgMAHhX95hUeHhUCGhUe/bMDBQUDAhoDBQUDUwEBDQkIDcoHEQcDAwMDy2IJDAwJlQIFAgMGAAAAAAIBSwB8At8DBAAOAB0AACUiJjURNDYzMhYVERQGIyEiJjURNDYzMhYVERQGIwLKCQwMCQkMDAn+lwkNDQkJDAwJfAwJAl4JDAwJ/aIJDAwJAl4JDAwJ/aIJDAAAAgEoAKkDDALUABgAHAAAJSImJy4BNRE0Njc2MhcBHgEVFAYHAQ4BIxMRLQEBPQMFAgUGBgUFCwUBuQUGBgX+RwMFAxUBev6GqQIBAwoGAgIGCgMDA/7+AgoGBgoC/v4BAgHz/kjc3AAEAMEAgAM/AwAAVQCGAJIAnwAAAS4BLwE2NCc3PgE3MTYmLwEuAQ8BLgEnNTQmKwEiBh0BDgEHJyYGDwEOARceAR8BBhQXBw4BBwYWHwEeAT8BHgEXFRQWOwEyNj0BPgE3FxY2PwE+AScHJwcOAQ8BFwc1Jy4BLwEHJzcnJjQ/ASc3Fzc+AT8BJzcVFx4BHwE3FwcXFhQPARcHAyIGFRQWMzI2NTQmByImNTQ2MzIWFRQGIwM/AwoHNgEBNgcKAgMDBD0JIQ82CRQKGBJ6EhgKFAk2DyEJPQUCAgMKBzYBATYHCgMCAgU9CSEPNgkUChgSehIYChQJNg8hCT0FAgJmTwsMGw4OAXkODxoMC04+TwICAgJPPU8LDBsODgF5Dg4bDAtOPU4CAgICTz3ZKDg4KCg4OCgWICAWFiAgFgFzCA0EHwoWCx4EDQgIEAdoDwgIHwcLBD0RGBgRPQQLBx8ICQ5oBxAICA0EHwoWCx4EDQgIEAhnDwgIHwcLBD0RGBgRPQQLBx8ICA9oBxAIcS0JCg8FBVgCWgUFDwoJLWUtDg8eDw4rZy0JCg8FBVgCWgUFDwoJLWYsDg8eDw4rZwEeOCgoODgoKDiWIBYWICAWFiAAAAADAHYAfQLqAvcAGQA9AEcAAAEiBh0BJyYiBwYUHwEeATMyNjc+ATURNCYjEyYiDwE1NCYnJgYPASMiBh0BFBY7AQcGFBceATMyNjcBNjQnDwInMzI2PwEVAhMIDVkGEgYGBn0DCAQDBAIGBw0J1wcRB6IHBgYNBa1uERgYEUS3BgYDCAQECAMCVgYG7KdtAXcFBwOPAdIMCc9ZBgYGEgZ+AwMBAQILBgEDCQwBJQYGo2wGCwMCAgWtGBF4ERi2BxEHAwMDAwJWBhIGzqYCdgQDjmMAAAMAwAClA2sC1AAbACgASAAAASYGDwEjIgYdARQWOwEXHgEzMjY3PgE1ETQmJwMnLgEjByczMjY/ARElIzU0JiMiBh0BIyIGFRQWOwEVFBYzMjY9ATMyNjU0JgIcBg0ErW8RGBgRb60DCAQCBAIGBwcGHY8DCAR2AngECAOPAVZODAkJDU4JDAwJTg0JCQxOCQ0NAtQCAgWtGBF4ERitAwMBAQILBgIGBgsD/hqPAwMCdgQDjv5i5E8JDAwJTwwJCQxOCQ0NCU4MCQkMAAEA1QCVAysC6wALAAABJwcnBxcHFzcXNycDKzzv7zzv7zzv7zzvAq887+887+887+887wADAIAAawOAAxUADwAoAEEAAAEhIgYVERQWMyEyNjURNCYBIzUjFTM1MxUUBisBIiY9ATQ2OwEyFh0BISM1IxUzNTMVFAYrASImPQE0NjsBMhYdAQMr/aojMjIjAlYjMjL+h0BVVUAZEYASGRkSgBEZAStAVVVAGRKAERkZEYASGQMVMiP+ACMyMiMCACMy/tYVgBUqEhkZEqoSGRkSKhWAFSoSGRkSqhIZGRIqAAAAAAQA1QCVAysC6wAGAA0AEwAZAAATMxUzNSMVEyMVMzUjFQEzNTM1IxM1IxUzNdWAVtaAgNZWAQBWgNZWVtYBFYDWVgFWVtaA/iqAVgEAgNZWAAAAAAQA1QCVAysC6wAFAAsAEQAXAAABIxUzNSMDMzUzNSMBIxUzNSMDFTMVMzUBK1bWgFZWgNYCAIDWVoCAVgFr1lYBKoBW/gBW1gGAVoDWAAAAAgEAAJUDAALrAAMABwAAJTMRIyERMxEBAKurAVWrlQJW/aoCVgAAAAEBVQCVAysC6wACAAABEQEBVQHWAuv9qgErAAACAHQAJgOMA1oATQBZAAABPgE1NCYnNz4BLwEuAQ8BLgEvAS4BKwEiBg8BDgEHJyYGDwEGFh8BDgEVFBYXBw4BHwEeAT8BHgEfAR4BOwEyNj8BPgE3FxY2PwE2JicFIiY1NDYzMhYVFAYDMQEBAQJXBgIDUgQOB2YQIhMQAQsIpAgLAQ8TIw9mBw8EUQQDBlcCAgECVwYCA1IEDgdmECITEAELCKQICwEPEyMPZgcPBFIDAwb+ej9bWz8/W1sBmAkUCwoVCUQEDweNBwUCKQwUCGwICgoIbAgVCykCBQeNBw8ERAkVCgoVCUQEDweNBwUCKQwUCGwICgoIbAgUDCkCBQeNBw8ELls/P1tbPz9bAAQAgABAA4ADQAAIAB8AMgA2AAABNCYnFRc+ATUzFAYHFz4BNTQnLgEnJicVFhceARcWFQEHFyMRMxcRFw4BBxU+ATcXNwEFBxc1AsA7MGkBAWsMC0AVFxcWUDc3QC8nJzkQEP2LNsrKq9W1FTAbLFAiVzb9NgFKWVkBwDlbGF5pBw0HHjgbQChZMEQ+PmIjIw5YDRwbSy4uMwGANsr/ANUBH7YQGghYCigbVzYCyitZWbIAAAMAgABKA4ADNgAGAA0ALAAAExEzFxEHIwU0JicRPgEDFRYXHgEXFhUUBw4BBwYHFTY3PgE3NjU0Jy4BJyYngKvV1asCQDswMDtrLycnORAQEBA5JycvQDc3UBYXFxZQNzdAAkD/ANUCqtWAOVsY/qgYWwGvWA0cG0suLjMzLi5LGxwNWA4jI2I+PkREPj5iIyMOAAACAasBJgKjAnoAAwAGAAABERcHExU3Aav4+ByqASYBVKqqAR7odAAAAQG5AUECigJfAAIAAAE3JwG50dEBQY+PAAAAAAEAAAABAAALNyvFXw889QALBAAAAAAA2rTwpwAAAADatPCnAAAAAAOMA1oAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4wAAQAAAAAAAAAAAAAAAAAAABgEAAAAAAAAAAAAAAACAAAABAAAwAQAARwEAADABAAAwAQAAUsEAAEoBAAAwQQAAHYEAADABAAA1QQAAIAEAADVBAAA1QQAAQAEAAFVBAAAdAQAAIAEAACABAABqwQAAbkAAAAAAAoAFAAeAJAAygEoAYoBuAHsAtYDQAOmA8AEGARCBGoEfgSMBRQFbgW4BcwF2gAAAAEAAAAYAKAABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAMAAAAAQAAAAAAAgAHAI0AAQAAAAAAAwAMAEUAAQAAAAAABAAMAKIAAQAAAAAABQALACQAAQAAAAAABgAMAGkAAQAAAAAACgAaAMYAAwABBAkAAQAYAAwAAwABBAkAAgAOAJQAAwABBAkAAwAYAFEAAwABBAkABAAYAK4AAwABBAkABQAWAC8AAwABBAkABgAYAHUAAwABBAkACgA0AOB3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJ3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJ3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA);
}
.ww-mdct-player [class^="icon-"], .ww-mdct-player [class*=" icon-"] {
font-family: 'wwmdctplayer' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-clear-outlined-24px:before {
content: "\e909";
}
.icon-closed_caption-outlined-24px:before {
content: "\e90a";
}
.icon-fullscreen-outlined_exit-24px:before {
content: "\e90b";
}
.icon-fullscreen-outlined-24px:before {
content: "\e90c";
}
.icon-pause-outlined-24px:before {
content: "\e90d";
}
.icon-play_arrow-outlined-24px:before {
content: "\e90e";
}
.icon-settings-outlined-24px:before {
content: "\e90f";
}
.icon-volume_off-outlined-24px:before {
content: "\e910";
}
.icon-volume_up-outlined-24px:before {
content: "\e911";
}
.icon-clear-24px:before {
content: "\e900";
}
.icon-closed_caption-24px:before {
content: "\e901";
}
.icon-fullscreen_exit-24px:before {
content: "\e902";
}
.icon-fullscreen-24px:before {
content: "\e903";
}
.icon-pause-24px:before {
content: "\e904";
}
.icon-play_arrow-24px:before {
content: "\e905";
}
.icon-settings-24px:before {
content: "\e906";
}
.icon-volume_off-24px:before {
content: "\e907";
}
.icon-volume_up-24px:before {
content: "\e908";
}
.ww-mdct-player {
position: relative;
overflow: hidden;
width: 100%;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box;
}
.ww-mdct-player * {
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box;
}
.ww-mdct-player video {
width: 100%;
height: auto;
position: relative;
display: block;
}
.wwplayer-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
left: 0;
display: none;
}
.wwplayer-overlay.show {
display: block;
}
.wwplayer-overlay.videoposter {
top: 0;
left: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .5s ease;
}
.wwplayer-overlay.videoposter.show {
opacity: 1;
}
.wwplayer-overlay.videoposter .video-poster {
width: 100%;
height: 100%;
display: block;
padding: 0;
-o-object-fit: cover;
object-fit: cover;
}
.wwplayer-overlay.console {
top: 0;
background-color: var(--mdctPlayerConsoleBg);
color: var(--mdctPlayerConsoleColor);
}
.wwplayer-overlay.console h3 {
font-weight: normal;
color: var(--mdctPlayerConsoleColor);
}
.wwplayer-overlay.console.show {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.wwplayer-overlay.controls-bg {
background-color: rgba(0, 0, 0, 0.2);
z-index: 700;
display: block;
top: -100%;
width: 100%;
transition: opacity 0.3s ease-out .3s, top 0.3s ease-out 0.6s;
opacity: 0;
}
.wwplayer-overlay.controls-bg.open {
top: 0;
opacity: 1;
transition: opacity 0.5s ease-out;
}
.wwplayer-overlay.controls-bottom {
background-color: var(--mdctPlayerBottomControlsBarBg);
color: var(--mdctPlayerControlsColor);
z-index: 990;
display: block;
height: auto;
bottom: -100px;
width: 100%;
transition: opacity .3s ease .3s, bottom .3s ease .6s;
opacity: 0;
display: flex;
padding: 9px;
}
@media (min-width: 640px) {
.wwplayer-overlay.controls-bottom {
padding: 24px;
}
}
.wwplayer-overlay.controls-bottom.open {
opacity: 1;
transition: opacity .5s ease;
bottom: 0;
}
.wwplayer-overlay.controls-bottom .left-col-wrapper {
display: flex;
}
.wwplayer-overlay.controls-bottom .mid-col-wrapper {
flex-grow: 1;
text-align: right;
}
.wwplayer-overlay.controls-bottom .mid-col-wrapper::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.controls-bottom .right-col-wrapper {
display: flex;
}
.wwplayer-overlay.controls-top {
background-color: -var(--mdctPlayerTopControlsBarBg);
color: var(--mdctPlayerControlsColor);
z-index: 990;
display: block;
height: auto;
top: 0;
width: 100%;
transition: opacity .3s ease .3s, top .3s ease .6s;
opacity: 0;
display: flex;
padding: 9px;
transform: translateY(-100px);
}
@media (min-width: 640px) {
.wwplayer-overlay.controls-top {
padding: 24px;
}
}
.wwplayer-overlay.controls-top.open {
opacity: 1;
transform: translateY(0);
transition: opacity .5s ease;
}
.wwplayer-overlay.controls-top .top-left-col-wrapper {
text-align: left;
flex-basis: 1;
width: 50%;
}
.wwplayer-overlay.controls-top .top-left-col-wrapper::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.controls-top .top-right-col-wrapper {
text-align: right;
flex-basis: 1;
width: 50%;
}
.wwplayer-overlay.controls-top .top-right-col-wrapper::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.controls-top .wwplayer-controls-fullscreenbutton:after {
color: #fff;
}
.wwplayer-overlay.interaction {
top: 0;
z-index: 900;
display: flex;
align-items: center;
justify-content: center;
}
.wwplayer-overlay.display {
z-index: 800;
top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.wwplayer-overlay.display::after {
content: "";
opacity: 0;
transition: var(--mdctPlayerAnimationDuration) ease;
font-weight: 100;
color: var(--mdctPlayerOverlayBigPlayColor);
font-size: var(--mdctPlayerOverlayBigPlaySizeS);
line-height: 1;
font-family: "wwmdctplayer" !important;
}
@media (min-width: 640px) {
.wwplayer-overlay.display::after {
font-size: var(--mdctPlayerOverlayBigPlaySizeM);
}
}
@media (min-width: 1024px) {
.wwplayer-overlay.display::after {
font-size: var(--mdctPlayerOverlayBigPlaySizeL);
}
}
.wwplayer-overlay.display.play::before {
content: none;
border-radius: 50%;
}
.wwplayer-overlay.display.play::after {
content: var(--mdctPlayerControlsIconBigPlay);
opacity: 1;
transform-origin: center;
font-weight: 100;
transition: none;
}
.wwplayer-overlay.display.pause {
background-color: rgba(0, 0, 0, 0.6);
}
.wwplayer-overlay.display.pause::after {
content: var(--mdctPlayerControlsIconPause);
line-height: var(--mdctPlayerIconSizeS);
color: var(--mdctPlayerControlsColor);
opacity: 1;
transform-origin: center;
}
.wwplayer-overlay.display.loader {
background-color: rgba(0, 0, 0, 0.6);
}
.wwplayer-overlay.display.loader::before {
content: "";
opacity: 1;
width: 50px;
height: 50px;
border: 4px solid #333;
opacity: 1;
border-radius: 50%;
animation: wwplayer-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
transform-origin: center;
transform-box: fill-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
z-index: 5;
width: 60px;
height: 60px;
}
@media (min-width: 640px) {
.wwplayer-overlay.display.loader::before {
width: 80px;
height: 80px;
}
}
.wwplayer-overlay.display.loader::after {
content: "loading...";
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
color: #fff;
font-size: 20px;
font-family: inherit !important;
}
@media (min-width: 640px) {
.wwplayer-overlay.display.loader::after {
background-size: 130px auto;
}
}
@keyframes wwplayer-ripple {
0% {
top: 50%;
left: 50%;
width: 50px;
height: 50px;
transform: translate(-50%, -50%) scale(0);
opacity: 1;
border-color: #333;
transform-box: fill-box;
}
100% {
transform: translate(-50%, -50%) scale(2);
opacity: 0;
border-color: #fff;
transform-box: fill-box;
}
}
.v2 .wwplayer-overlay.display.play::before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
border: var(--mdctPlayerOverlayBigPlayBorderSize) solid var(--mdctPlayerOverlayBigPlayBorderColor);
opacity: 1;
}
@media (min-width: 640px) {
.v2 .wwplayer-overlay.display.play::before {
width: 80px;
height: 80px;
}
}
@media (min-width: 1024px) {
.v2 .wwplayer-overlay.display.play::before {
width: 100px;
height: 100px;
}
}
.v2 .wwplayer-overlay.display.play::after {
color: var(--mdctPlayerOverlayBigPlayColor);
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
}
.v3 .wwplayer-overlay.display.play::before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--mdctPlayerOverlayBigPlayBgColor);
opacity: 1;
}
@media (min-width: 640px) {
.v3 .wwplayer-overlay.display.play::before {
width: 80px;
height: 80px;
}
}
@media (min-width: 1024px) {
.v3 .wwplayer-overlay.display.play::before {
width: 100px;
height: 100px;
}
}
.v3 .wwplayer-overlay.display.play::after {
color: var(--mdctPlayerOverlayBigPlayColor);
position: absolute;
top: 50.3%;
left: 50.2%;
z-index: 2;
transform: translate(-50%, -50%);
}
.v0 .wwplayer-overlay.display.play::before {
content: none;
}
.v0 .wwplayer-overlay.display.play::after {
content: none;
}
.wwplayer-overlay.settings {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex;
}
.wwplayer-overlay.settings::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.settings.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px;
}
@media (min-width: 640px) {
.wwplayer-overlay.settings.open {
padding: 24px 39px;
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: none;
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-quality-icon {
padding: 10px 12px 0 48px;
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon .title {
display: none;
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-quality-icon .title {
display: inline;
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon::before {
content: var(--mdctPlayerControlsIconSettings);
font-family: "wwmdctplayer" !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
color: var(--mdctPlayerControlsColor);
transition: var(--mdctPlayerAnimationDuration) ease-in;
position: absolute;
top: 7px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight);
}
.wwplayer-overlay.settings .wwplayer-qualities {
padding: 11px 0 0;
width: 100%;
}
.wwplayer-overlay.settings .wwplayer-qualities::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-qualities {
padding: 11px 24px 0;
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item {
display: inline-block;
float: left;
padding-right: 5px;
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item {
margin-right: 12px;
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button {
border: none;
background-color: transparent;
text-decoration: none;
font-size: 14px;
font-weight: normal;
transition: color 0.3s ease;
color: var(--mdctPlayerControlsColor);
}
@media (hover: hover) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button {
font-size: 18px;
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button.active {
color: var(--mdctPlayerBrandColor);
}
.wwplayer-overlay.settings .wwplayer-quality-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 9px;
font-weight: 100;
outline: none;
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-overlay.settings .wwplayer-quality-close:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.settings .wwplayer-quality-close {
padding: 0 0 0 24px;
}
}
.wwplayer-overlay.settings .wwplayer-quality-close::after {
font-family: "wwmdctplayer" !important;
content: var(--mdctPlayerControlsIconClose);
}
.wwplayer-overlay.captions-target-wrapper {
display: flex;
z-index: 700;
height: 100%;
padding: 30px 84px 30px;
bottom: 0;
align-items: flex-end;
justify-content: center;
transition: bottom .3s ease .2s;
}
.wwplayer-overlay.captions-target-wrapper.open {
transition: bottom .3s ease .1s;
bottom: 60px;
}
.wwplayer-overlay.captions-target-wrapper .captions-target {
display: inline-block;
opacity: 0;
background: none;
color: #fff;
padding: 8px 8px 8px;
font-size: 16px;
line-height: 20.8px;
text-shadow: none;
transition: opacity 0.2s ease;
}
.wwplayer-overlay.captions-target-wrapper .captions-target.show {
opacity: 1;
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-s {
font-size: 16px;
line-height: 20.8px;
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-m {
font-size: 20px;
line-height: 26px;
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-l {
font-size: 34px;
line-height: 44.2px;
}
.caption-alignX-left .wwplayer-overlay.captions-target-wrapper {
justify-content: flex-start;
}
.caption-alignX-center .wwplayer-overlay.captions-target-wrapper {
justify-content: center;
}
.caption-alignX-right .wwplayer-overlay.captions-target-wrapper {
justify-content: flex-end;
}
.caption-alignY-top .wwplayer-overlay.captions-target-wrapper {
align-items: flex-start;
}
.caption-alignY-center .wwplayer-overlay.captions-target-wrapper {
align-items: center;
}
.caption-alignY-bottom .wwplayer-overlay.captions-target-wrapper {
align-items: flex-end;
}
.caption-bg-shadow .wwplayer-overlay.captions-target-wrapper .captions-target {
background: none;
text-shadow: 1px 1px #000;
}
.caption-bg-color .wwplayer-overlay.captions-target-wrapper .captions-target {
background: rgba(0, 0, 0, 0.4);
text-shadow: none;
}
.wwplayer-overlay.captions {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex;
}
.wwplayer-overlay.captions::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.captions.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px;
}
@media (min-width: 640px) {
.wwplayer-overlay.captions.open {
padding: 24px 39px;
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: none;
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions-icon {
padding: 10px 12px 0 48px;
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon .title {
display: none;
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions-icon .title {
display: inline;
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon::before {
content: var(--mdctPlayerControlsIconCaptions);
font-family: "wwmdctplayer" !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
color: var(--mdctPlayerControlsColor);
transition: var(--mdctPlayerAnimationDuration) ease-in;
position: absolute;
top: 7px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight);
}
.wwplayer-overlay.captions .wwplayer-captions {
padding: 11px 0 0;
width: 100%;
}
.wwplayer-overlay.captions .wwplayer-captions::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions {
padding: 11px 12px 0;
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item {
display: inline-block;
float: left;
padding-right: 5px;
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item {
margin-right: 12px;
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item button {
border: none;
background-color: transparent;
text-decoration: none;
font-size: 14px;
font-weight: normal;
color: var(--mdctPlayerControlsColor);
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item button:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item button {
font-size: 18px;
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item button.active {
color: var(--mdctPlayerBrandColor);
}
.wwplayer-overlay.captions .wwplayer-captions-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 9px;
font-weight: 100;
outline: none;
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-overlay.captions .wwplayer-captions-close:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.captions .wwplayer-captions-close {
padding: 0 0 0 24px;
}
}
.wwplayer-overlay.captions .wwplayer-captions-close::after {
font-family: "wwmdctplayer" !important;
content: var(--mdctPlayerControlsIconClose);
}
.wwplayer-overlay.placements-target-wrapper {
display: flex;
z-index: 901;
height: auto;
top: 0;
align-items: flex-start;
justify-content: flex-start;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target {
width: 100%;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper {
margin: 24px;
padding: 24px;
opacity: 0;
transition: opacity 0.5s ease;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper.show {
opacity: 1;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-image {
width: 25%;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-detail {
width: 45%;
padding: 0 32px;
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-button {
width: 30%;
padding: 16px;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target {
width: 100%;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper {
padding: 42px;
background-color: #fff;
color: #000;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-image {
width: 10%;
float: left;
padding-bottom: 0;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-detail {
width: 65%;
float: left;
padding-left: 4.11111%;
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-button {
width: 20%;
float: left;
display: block;
background-color: #000;
color: #fff;
padding: 16px;
text-align: center;
}
.wwplayer-overlay.volume {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex;
}
.wwplayer-overlay.volume::after {
content: "";
display: table;
clear: both;
}
.wwplayer-overlay.volume.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px;
}
@media (min-width: 640px) {
.wwplayer-overlay.volume.open {
padding: 24px 39px;
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: none;
color: var(--mdctPlayerControlsColor);
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-overlay.volume .wwplayer-volume-mute:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.volume .wwplayer-volume-mute {
padding: 0 12px 0 48px;
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute .title {
display: none;
}
@media (min-width: 640px) {
.wwplayer-overlay.volume .wwplayer-volume-mute .title {
display: inline;
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute::before {
content: var(--mdctPlayerControlsIconVolumeOff);
font-family: "wwmdctplayer" !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
position: absolute;
top: 9px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight);
}
.wwplayer-overlay.volume .wwplayer-volume-mute.loud::before {
content: var(--mdctPlayerControlsIconVolume);
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0 24px;
flex-grow: 1;
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-interactive {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
top: 0;
left: 0;
background-color: transparent;
cursor: pointer;
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-bar-position {
position: absolute;
width: 0;
height: 5px;
z-index: 4;
top: 50%;
left: 0;
background-color: var(--mdctPlayerBrandColor);
transform: translateY(-50%);
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-bar-bg {
position: absolute;
width: 100%;
height: 5px;
z-index: 3;
top: 50%;
left: 0;
background-color: #222f3e;
transform: translateY(-50%);
}
.wwplayer-overlay.volume .wwplayer-volume-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 13px;
font-weight: 100;
outline: none;
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-overlay.volume .wwplayer-volume-close:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-overlay.volume .wwplayer-volume-close {
padding: 0 0 0 24px;
}
}
.wwplayer-overlay.volume .wwplayer-volume-close::after {
font-family: "wwmdctplayer" !important;
content: var(--mdctPlayerControlsIconClose);
}
.wwplayer-overlay.context {
top: 0;
background-color: var(--mdctPlayerContextBg);
color: var(--mdctPlayerContextColor);
width: auto;
height: auto;
padding: 40px;
box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.49);
}
.wwplayer-overlay.context h3 {
font-weight: normal;
color: var(--mdctPlayerContextColor);
}
.wwplayer-overlay.context.show {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 910;
}
.wwplayer-controls-component {
margin: 0;
display: inline-block;
background-color: var(--mdctPlayerControlsBg);
border: none;
color: var(--mdctPlayerControlsColor);
min-height: 48px;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
font-weight: var(--mdctPlayerControlsFontWeight);
outline: none;
padding: 0 12px;
transition: color 0.3s ease;
}
@media (hover: hover) {
.wwplayer-controls-component:hover {
color: var(--mdctPlayerBrandColor);
}
}
@media (min-width: 640px) {
.wwplayer-controls-component {
padding: 0 12px;
}
}
.wwplayer-controls-component::after {
content: "";
font-family: "wwmdctplayer" !important;
display: inline;
}
.wwplayer-controls-component.playbutton {
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
}
.wwplayer-controls-component.playbutton.play::after {
content: var(--mdctPlayerControlsIconPlay);
}
.wwplayer-controls-component.playbutton.pause::after {
content: var(--mdctPlayerControlsIconPause);
}
.wwplayer-controls-component.mutebutton {
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
}
.wwplayer-controls-component.mutebutton.loud::after {
content: var(--mdctPlayerControlsIconVolume);
}
.wwplayer-controls-component.mutebutton.muted::after {
content: var(--mdctPlayerControlsIconVolumeOff);
}
.wwplayer-controls-component.volumebutton::after {
content: var(--mdctPlayerControlsIconVolume);
}
.wwplayer-controls-component.volumebutton.muted::after {
content: var(--mdctPlayerControlsIconVolumeOff);
}
.wwplayer-controls-component.fullscreenbutton.enter::after {
content: var(--mdctPlayerControlsIconFullscreen);
}
.wwplayer-controls-component.fullscreenbutton.exit::after {
content: var(--mdctPlayerControlsIconFullscreenExit);
}
.wwplayer-controls-component.settingsbutton::after {
content: var(--mdctPlayerControlsIconSettings);
opacity: .5;
}
.wwplayer-controls-component.settingsbutton.open::after {
transform: rotate(45deg);
}
.wwplayer-controls-component.settingsbutton.active::after {
opacity: 1;
}
.wwplayer-controls-component.captionsbutton::after {
content: var(--mdctPlayerControlsIconCaptions);
}
.wwplayer-controls-component.timedisplay {
font-size: 20px;
line-height: 20px;
font-weight: normal;
padding-top: 11px;
min-width: 89px;
text-align: right;
}
.wwplayer-controls-component.timedisplay:hover {
color: var(--mdctPlayerControlsColor);
}
.wwplayer-controls-component.timedisplay .wwplayer-time-minutes {
min-width: 30px;
display: inline-block;
}
.wwplayer-controls-component.timedisplay .wwplayer-time-delemiter {
display: inline-block;
padding-left: 4px;
}
.wwplayer-controls-component.timedisplay .wwplayer-time-seconds {
min-width: 30px;
display: inline-block;
}
.mobile .wwplayer-controls-component.playbutton {
display: none;
}
.mobile .wwplayer-controls-component.timedisplay {
display: none;
}
.wwplayer-progressbar-wrapper {
position: relative;
height: var(--mdctPlayerControlsProgressbarWrapperHeight);
background-color: var(--mdctPlayerControlsProgressbarWrapperBg);
padding: 25px 0;
margin: 0 16px;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints {
z-index: 15;
position: relative;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint {
display: inline;
outline: none;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint:hover .quepoint-tooltip {
opacity: 1;
display: block;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip {
position: absolute;
bottom: 18px;
left: 50%;
z-index: 1;
display: inline-block;
padding: 10px;
background-color: black;
transform: translateX(-50%);
opacity: 0;
display: none;
transition: opacity 0.3s ease;
outline: none;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip .tooltip-canvas {
width: 100px;
height: 56px;
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip h4 {
color: white;
padding: 8px 0 0 0;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-bg {
cursor: pointer;
background-color: var(--mdctPlayerControlsProgressbarProgressPassiveBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 3;
width: 100%;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-progress {
cursor: pointer;
background-color: var(--mdctPlayerControlsProgressbarProgressActiveBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 3;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-buffer {
background-color: var(--mdctPlayerControlsProgressbarProgressBufferBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 2;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints {
background-color: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 5;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
z-index: 5;
transition: all 0.3s ease;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint:hover {
padding: 10px 0;
transform: translateY(-2px);
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint.section {
background-color: rgba(186, 220, 88, 0.5);
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint.gate {
background-color: #EA2027;
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-interaction {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.mobile .wwplayer-progressbar-wrapper {
margin: 0;
}
.wwplayer-progressbar-preview {
position: absolute;
top: -50px;
left: 0;
z-index: 10;
display: inline-block;
transform: translateX(-50px);
opacity: 0;
width: 0px;
overflow: hidden;
transition: opaycity .3s ease, width 0s ease .3s;
}
.wwplayer-progressbar-preview.show {
opacity: 1;
width: 100px;
transition: opaycity .3s ease, width 0s ease;
}
.keen-slider:not([data-keen-slider-disabled]) {
align-content: flex-start;
display: flex;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
flex-wrap: wrap;
}
[data-keen-slider-moves] * {
pointer-events: none;
}
.module-slidex {
position: relative;
}
.module-slidex {
--navigation-top: 50%;
}
.module-slidex .slidex-prev-button, .module-slidex .slidex-next-button {
position: absolute;
top: var(--navigation-top);
z-index: 2;
transform: translateY(-50%);
width: 60px;
height: 60px;
cursor: pointer;
background-size: 40px;
background-repeat: no-repeat;
background-position: center center;
}
.module-slidex .slidex-prev-button.disabled, .module-slidex .slidex-next-button.disabled {
opacity: .2;
}
.module-slidex .slidex-prev-button {
left: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJfNDQxLUFycm93X3VwIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTIzLjksMS41TDEwLjUsMTUuOWwxMy40LDE0LjNsLTEuNSwxLjRsLTE0LTE1Yy0wLjQtMC40LTAuNC0xLDAtMS40bDE0LTE1TDIzLjksMS41eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
}
.module-slidex .slidex-next-button {
right: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJfNDQxLUFycm93X3VwIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTguMSwzMC4ybDEzLjQtMTQuM0w4LjEsMS41bDEuNS0xLjRsMTQsMTVjMC40LDAuNCwwLjQsMSwwLDEuNGwtMTQsMTVMOC4xLDMwLjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
}
.module-slidex .slidex-pagination {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
transform: translateX(-50%);
display: inline-flex;
}
.module-slidex .slidex-pagination__item {
width: 16px;
height: 16px;
background-color: #6b6b6b;
border-radius: 50%;
margin: 0 8px;
cursor: pointer;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
transition: .2s ease-in;
}
.module-slidex .slidex-pagination__item.active {
background-color: #ccc;
}
div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
background: none;
border: 0 none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
float: none;
font-size: 100%;
height: auto;
letter-spacing: normal;
list-style: none;
outline: none;
position: static;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
width: auto;
visibility: visible;
overflow: visible;
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
div.wpforms-container-full {
margin-left: auto;
margin-right: auto;
}
div.wpforms-container-full .wpforms-form amp-img > img {
position: absolute;
}
div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form label, div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form button, div.wpforms-container-full .wpforms-form textarea {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
background: none;
height: auto;
box-sizing: border-box;
}
div.wpforms-container-full .wpforms-form textarea {
width: 100%;
}
div.wpforms-container-full .wpforms-form ul, div.wpforms-container-full .wpforms-form ul li {
background: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
div.wpforms-container-full .wpforms-form ul li {
margin-bottom: 5px !important;
}
div.wpforms-container-full .wpforms-form ul li:last-of-type {
margin-bottom: 0 !important;
}
div.wpforms-container-full .wpforms-form hr {
border-top: 1px solid #ccc;
margin: 0.5em auto;
}
div.wpforms-container-full .wpforms-form fieldset {
min-width: 0;
}
.wpforms-container .wpforms-form .wpforms-error-alert {
border: 1px solid #cccccc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
padding: 10px 15px;
font-size: 14px;
margin: 0 0 10px 0;
}
.wpforms-container .wpforms-form .wpforms-error-alert {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] {
border-style: none;
}
.wpforms-is-turnstile iframe {
margin-left: -2px !important;
}
.wpforms-clear:before {
content: " ";
display: table;
}
.wpforms-clear:after {
clear: both;
content: " ";
display: table;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 60%;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
height: 120px;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-small, div.wpforms-container-full .wpforms-form select.wpforms-field-small, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small {
max-width: 25%;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-small {
height: 70px;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-large, div.wpforms-container-full .wpforms-form select.wpforms-field-large, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large {
max-width: 100%;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
height: 220px;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 10px 0;
clear: both;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description, div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
font-size: 13px;
line-height: 1.3;
margin: 8px 0 0 0;
word-break: break-word;
word-wrap: break-word;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description {
background-color: #fff;
border: 1px solid #ddd;
color: #444;
padding: 15px 15px 0;
margin-top: 15px;
height: 125px;
overflow-y: scroll;
overflow-x: hidden;
font-size: 12px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p {
color: #444;
font-size: 12px;
line-height: 18px;
margin-bottom: 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description-before, div.wpforms-container-full .wpforms-form .wpforms-field-description.before {
margin: 0 0 8px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
display: block;
font-weight: 700;
font-size: 16px;
float: none;
line-height: 1.3;
margin: 0 0 4px 0;
padding: 0;
word-break: break-word;
word-wrap: break-word;
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
display: block;
font-size: 13px;
float: none;
font-weight: 400;
line-height: 1.3;
margin: 4px 0 0;
padding: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before {
margin: 0 0 4px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
display: inline;
vertical-align: baseline;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
word-break: break-word;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide, div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide {
position: absolute;
top: -99999px;
left: -99999px;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #ff0000;
font-weight: 400;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row {
margin-bottom: 8px;
position: relative;
}
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type {
margin-bottom: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row:before {
content: " ";
display: table;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row:after {
clear: both;
content: " ";
display: table;
}
div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child {
margin-left: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
float: left;
margin-left: 4%;
clear: none;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
width: 48%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-two-sixths {
width: 30.6666666667%;
}
div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
width: 65.3333333333%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-fourth {
width: 22%;
}
div.wpforms-container-full .wpforms-form .wpforms-three-fourths {
width: 74%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-fifth {
width: 16.8%;
}
div.wpforms-container-full .wpforms-form .wpforms-two-fifths {
width: 37.6%;
}
div.wpforms-container-full .wpforms-form .wpforms-three-fifths {
width: 58.4%;
}
div.wpforms-container-full .wpforms-form .wpforms-four-fifths {
width: 79.2%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-sixth {
width: 13.3333333333%;
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths {
width: 82.6666666667%;
}
div.wpforms-container-full .wpforms-form .wpforms-first {
clear: both !important;
margin-left: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul {
display: -ms-flex;
display: flex;
flex-wrap: wrap;
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li {
width: 50%;
display: block;
padding-right: 26px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
width: 33.3333%;
display: block;
padding-right: 26px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li {
display: inline-block;
vertical-align: top;
margin-right: 20px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half {
float: left;
width: 48%;
clear: both;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half {
float: right;
width: 48%;
clear: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third {
float: left;
width: 30.666666667%;
clear: both;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third {
float: left;
width: 30.666666667%;
margin-left: 4%;
clear: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third {
float: right;
width: 30.666666667%;
clear: none;
}
div.wpforms-container-full .wpforms-form div.wpforms-last {
float: right !important;
margin-right: 0 !important;
clear: none;
}
div.wpforms-container-full.inline-fields {
overflow: hidden;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container {
display: table;
width: calc(100% - 160px);
float: left;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field {
display: table-cell;
padding-right: 2%;
vertical-align: top;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
float: right;
width: 160px;
clear: none;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit {
display: block;
width: 100%;
}
div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium, div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium, div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100%;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
font-family: inherit;
border: 1px solid #ccc;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
}
div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio] {
border: 1px solid #ccc;
background-color: #fff;
width: 14px;
height: 14px;
margin: 0 10px 0 3px;
display: inline-block;
vertical-align: baseline;
}
div.wpforms-container-full .wpforms-form input[type=radio] {
border-radius: 50%;
}
div.wpforms-container-full .wpforms-form select {
max-width: 100%;
text-transform: none;
white-space: nowrap;
}
div.wpforms-container-full .wpforms-form select[multiple] {
height: auto;
overflow-y: scroll;
background-image: none;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: #eee;
border: 1px solid #ddd;
color: #333;
font-size: 1em;
padding: 10px 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-button {
font-size: 0.9em;
font-weight: 400;
margin: 0 5px;
min-width: 90px;
text-align: center;
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
background-color: #ddd;
border: 1px solid #ccc;
cursor: pointer;
}
div.wpforms-container-full .wpforms-form input[type=submit]:disabled, div.wpforms-container-full .wpforms-form button[type=submit]:disabled, div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled {
background-color: #eee;
border: 1px solid #ddd;
cursor: default;
opacity: 0.5;
}
div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form .is-focused .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown {
border: 1px solid #999;
box-shadow: none;
}
div.wpforms-container-full .wpforms-form input:disabled, div.wpforms-container-full .wpforms-form textarea:disabled, div.wpforms-container-full .wpforms-form select:disabled {
background-color: #f9f9f9;
border-color: #ddd;
color: #999;
cursor: not-allowed;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container, div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {
color: #990000;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
display: block;
color: #990000;
font-size: 12px;
float: none;
cursor: default;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
border: 1px solid #cc0000;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error {
display: none !important;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full {
color: #333;
margin: 0 auto 24px;
padding: 15px 15px;
overflow-wrap: break-word;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #e0ffc7;
border: 1px solid #b4d39b;
box-sizing: border-box;
}
.wpforms-confirmation-container-full p:last-of-type, div[submit-success] > .wpforms-confirmation-container-full p:last-of-type {
margin: 0;
}
.amp-form-submit-success .wpforms-field-container, .amp-form-submit-success .wpforms-submit-container {
display: none;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
padding: 10px 0 20px 0;
clear: both;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible {
padding: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha {
line-height: 0;
font-size: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe {
position: relative !important;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe {
width: 100%;
max-width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-title {
font-size: 26px;
margin: 0 0 10px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-description {
margin: 0 0 10px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
padding: 10px 0 0 0;
clear: both;
position: relative;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
margin-left: 0.5em;
display: inline-block;
vertical-align: middle;
max-width: 26px;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center {
text-align: center;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
text-align: left;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
margin: 0 10px 0 0;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right {
text-align: right;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button {
margin: 0 0 0 10px;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev {
float: left;
margin: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next {
float: right;
margin: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number {
margin-right: 100px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code {
position: absolute;
right: 0;
top: 0;
width: 90px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name {
margin-right: 170px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration {
position: absolute;
right: 0;
top: 0;
width: 160px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select {
width: 45%;
float: left;
display: block;
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span {
float: left;
width: 10%;
text-align: center;
line-height: 38px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 10px;
background: #fff;
border: 1px solid #CCC;
border-radius: 5px;
outline: none;
padding: 0;
margin: 10px 0 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track {
color: transparent;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 17px;
height: 17px;
background: #B5B5B5;
cursor: pointer;
border-radius: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb {
width: 17px;
height: 17px;
background: #B5B5B5;
cursor: pointer;
border-radius: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb {
width: 17px;
height: 17px;
background: #B5B5B5;
cursor: pointer;
border-radius: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint {
font-size: 13px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber, div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
padding: 8px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
}
div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid {
border: 1px solid #cc0000 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul, div.wpforms-container-full .wpforms-form .wpforms-field-html ol {
margin: 0 0 20px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li, div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
margin: 0 0 5px 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
list-style: disc !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
list-style: decimal !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-html li > ul, div.wpforms-container-full .wpforms-form .wpforms-field-html li > ol {
margin: 6px 0 0 20px !important;
}
div.wpforms-container-full .wpforms-field-date-time-date-sep {
display: inline-block;
padding: 0 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year, div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day, div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month {
display: inline-block;
width: auto;
}
div.wpforms-container-full .wpforms-datepicker-wrap {
position: relative;
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear {
position: absolute;
background-image: url(//www.iqst.org/wp-content/themes/images/times-solid-white.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #cccccc;
background-size: 8px;
width: 16px;
height: 16px;
cursor: pointer;
display: block;
border-radius: 50%;
right: 10px;
top: 50%;
margin-top: -8px;
transition: all 0.3s;
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover {
background-color: red;
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear {
right: calc( 75% + 10px);
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear {
right: calc( 40% + 10px);
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-math input {
display: inline-block;
width: 70px;
vertical-align: inherit;
margin: 0 0 0 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-equation {
font-size: 16px;
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-question {
margin: 0 0 4px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item {
padding-right: 6px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating svg {
cursor: pointer;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
opacity: 0.60;
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg, div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg, div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus + svg {
transform: scale(1.3);
opacity: 1;
}
div.wpforms-field-file-upload .wpforms-hide {
display: none !important;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern {
border: 2px dashed rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.02);
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files {
padding: 5px;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg {
height: 50px;
width: 50px;
color: #e27730;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title {
font-weight: bold;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint {
color: rgba(0, 0, 0, 0.1);
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted {
border-color: #e27730;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block {
width: 100px;
height: 100px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
background-size: cover !important;
margin: 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: default;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay {
opacity: 1;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
display: block;
width: 18px;
height: 18px;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title {
position: absolute;
font-size: 12px;
color: #fff;
top: 25px;
bottom: 10px;
left: 5px;
right: 5px;
overflow-y: auto;
line-height: 16px;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left, div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right {
height: 18px;
width: 1px;
background: #fff;
position: absolute;
display: block;
z-index: 1;
right: 9px;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left {
transform: rotate(-45deg);
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right {
transform: rotate(45deg);
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg {
height: 25px;
width: 25px;
color: rgba(0, 0, 0, 0.1);
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress {
height: 5px;
width: 0;
position: absolute;
bottom: 0;
left: 0;
background: #e27730;
transition: all 0.5s;
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"] {
display: none;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error) {
cursor: pointer;
position: relative;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input {
top: 50%;
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li {
margin: 5px 5px 5px 5px !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img {
display: inline-block;
margin: 0 auto;
max-width: 100%;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
background-color: #fff;
display: block;
margin: 0 auto;
border: 1px solid #fff;
border-radius: 3px;
padding: 20px 20px 18px 20px;
transition: all 0.5s;
text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus {
border: 1px solid #ddd;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after {
content: "\2714";
font-size: 22px;
line-height: 32px;
color: #fff;
background: green;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
width: 32px;
height: 32px;
border-radius: 50%;
transition: all 0.5s;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after {
opacity: 1;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image {
display: block;
position: relative;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label {
font-weight: 700;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label {
display: block;
margin-top: 12px;
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li {
margin: 0 10px 10px 0 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img {
display: inline-block;
margin: 0 auto;
max-width: 100%;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) {
background-color: #fff;
display: block;
margin: 0 auto;
border: 2px solid #fff;
padding: 10px;
text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover, div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus {
border-color: #ddd;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image {
display: block;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #666 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label {
display: block;
margin-top: 8px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices * {
box-sizing: border-box;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 !important;
margin: 12px 0 -20px 0 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-field-description, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-error {
margin-top: 15px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li {
min-width: 120px;
padding-right: 0 !important;
margin: 0 0 20px 0 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label {
position: relative;
display: block;
margin: 0;
cursor: pointer;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon {
display: block;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg {
margin: 0 auto;
fill: var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg {
margin: 0;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
margin: 0 0 22px 0 !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label {
text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon {
position: relative;
z-index: 1;
margin-bottom: 10px;
padding: 15px 20px 45px 20px;
background-color: #ffffff;
box-shadow: 0 0 0 1px #cccccc;
border-radius: 6px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg {
position: relative;
z-index: 2;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg {
display: block;
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 6px;
background-color: #ffffff;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon {
background-color: transparent;
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
box-sizing: border-box;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg {
background-color: var(--wpforms-icon-choices-color);
opacity: .1;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label {
background-color: #ffffff !important;
box-shadow: 0 0 0 1px #cccccc;
border-radius: 6px;
height: 100%;
padding: 20px 20px 15px 20px;
text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon {
margin-bottom: 10px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label {
background-color: #ffffff !important;
height: 100%;
padding: 20px 20px 15px 20px;
text-align: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover {
box-shadow: 0 0 0 1px #999999;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label {
box-shadow: 0 0 0 1px #999999;
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon {
margin-bottom: 10px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before {
content: "";
position: absolute;
z-index: 2;
bottom: 15px;
left: calc(50% - 8px);
display: block;
width: 16px;
height: 16px;
background-color: #ffffff;
box-shadow: 0 0 0 1px #cccccc;
border-radius: 50%;
margin: 15px auto 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after {
content: "";
position: absolute;
z-index: 2;
bottom: calc(15px + 4px);
left: calc(50% - 4px);
display: block;
width: 8px;
height: 8px;
background-color: var(--wpforms-icon-choices-color);
border-radius: 50%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before {
content: "";
position: absolute;
z-index: 2;
bottom: 15px;
left: calc(50% - 8px);
display: block;
width: 16px;
height: 16px;
background-color: #ffffff;
box-shadow: 0 0 0 1px #cccccc;
border-radius: 3px;
margin: 15px auto 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after {
content: "";
box-sizing: border-box;
display: block;
position: absolute;
z-index: 2;
bottom: 23px;
left: calc(50% - 6px);
width: 6px;
height: 10px;
border-style: solid;
border-color: var(--wpforms-icon-choices-color);
border-width: 0 2px 2px 0;
transform-origin: bottom left;
transform: rotate(45deg);
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices, div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices {
flex-direction: row;
flex-wrap: wrap;
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li, div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li {
margin-right: 20px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
margin-right: 22px !important;
margin-bottom: 22px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li {
width: calc( 100% / 2 - 20px / 2);
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) {
margin-right: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
width: calc( 100% / 2 - 22px / 2);
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li {
width: calc( 100% / 3 - 20px * 2 / 3);
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) {
margin-right: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
width: calc( 100% / 3 - 22px * 2 / 3);
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li {
width: auto;
max-width: calc( 100% / 4 - 20px);
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
margin: 0 0 20px 0;
overflow: hidden;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 15px 10px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
float: left;
margin: 0 20px 0 0;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type {
margin: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
height: 40px;
width: 40px;
border-radius: 50%;
display: inline-block;
margin: 0 10px 0 0;
line-height: 40px;
text-align: center;
background-color: #ddd;
color: #666;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
color: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page {
float: left;
text-align: center;
font-size: 16px;
line-height: 1.2;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
display: block;
text-indent: -9999px;
height: 6px;
background-color: #ddd;
margin: 0 0 16px 0;
position: relative;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle {
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: transparent transparent transparent transparent;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: inline-block;
padding: 0 15px;
font-size: 16px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress {
font-size: 18px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
display: block;
width: 100%;
background-color: #ddd;
height: 18px;
border-radius: 10px;
overflow: hidden;
position: relative;
margin: 5px 0 0;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
height: 18px;
position: absolute;
left: 0;
top: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field-select select > option {
color: inherit;
}
div.wpforms-container-full .wpforms-form .wpforms-field-select select > option.placeholder, div.wpforms-container-full .wpforms-form .wpforms-field-select select > option[disabled] {
color: inherit;
opacity: 0.5;
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
padding-left: 6px;
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] {
padding: 0;
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option {
padding: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option:checked {
background-color: lightgrey;
}
div.wpforms-container-full .wpforms-form .choices {
font-size: 16px;
color: #333;
}
div.wpforms-container-full .wpforms-form .choices .choices__list--single {
font-size: 1em;
line-height: normal;
}
div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner, div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown {
border-radius: 0 0 2px 2px;
}
div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner {
border-radius: 2px 2px 0 0;
}
div.wpforms-container-full .wpforms-form .choices .choices__inner {
min-height: 38px;
border-radius: 2px;
}
div.wpforms-container-full .wpforms-form .choices input.choices__input {
display: inline-block;
height: auto;
line-height: 1.3;
}
div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
}
div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder {
color: inherit;
opacity: 0.5;
}
div.wpforms-container-full .wpforms-notice {
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 12px;
color: #333;
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
padding: 20px 36px 20px 26px;
position: relative;
}
div.wpforms-container-full .wpforms-notice .wpforms-delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0;
padding: 0;
outline: none;
vertical-align: top;
width: 20px;
position: absolute;
right: 10px;
top: 10px;
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:before, div.wpforms-container-full .wpforms-notice .wpforms-delete:after {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center;
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:before {
height: 2px;
width: 50%;
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:after {
height: 50%;
width: 2px;
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:hover, div.wpforms-container-full .wpforms-notice .wpforms-delete:focus {
background-color: rgba(10, 10, 10, 0.3);
}
div.wpforms-container-full .wpforms-notice a {
text-decoration: underline;
}
div.wpforms-container-full .wpforms-notice p {
margin: 0 0 20px 0;
}
div.wpforms-container-full .wpforms-notice p:last-of-type {
margin-bottom: 0;
}
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, div.wpforms-container-full .wpforms-notice.wpforms-info {
border-color: #3273dc;
}
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, div.wpforms-container-full .wpforms-notice.wpforms-success {
border-color: #23d160;
}
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, div.wpforms-container-full .wpforms-notice.wpforms-warning {
border-color: #ffdd57;
}
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, div.wpforms-container-full .wpforms-notice.wpforms-error {
border-color: #ff3860;
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-actions {
margin-top: 20px;
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-action {
border: 2px solid;
margin-right: 20px;
padding: 5px;
text-decoration: none;
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active {
color: #fff;
}
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active {
background-color: #3273dc;
}
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active {
background-color: #23d160;
}
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active {
background-color: #ffdd57;
color: inherit;
}
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active {
background-color: #ff3860;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area {
height: 100px;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area {
height: 250px;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area {
height: 400px;
}
.wpforms-preview-notice-links {
line-height: 2.4;
}
div.wpforms-container-full {
margin: 24px auto;
}
div.wpforms-container-full .wpforms-form h3 {
font-size: 24px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-hp {
display: none !important;
position: absolute !important;
left: -9000px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-hidden {
display: none;
padding: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element {
position: absolute !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
width: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
word-wrap: normal !important;
}
div.wpforms-container-full .wpforms-form .wpforms-limit-text {
font-size: 13px;
display: block;
}
body.rtl .wpforms-field-phone input[type=tel] {
direction: ltr;
unicode-bidi: embed;
text-align: right;
}
body.rtl .wpforms-container-full .wpforms-form .wpforms-first {
float: right;
}
body.rtl .wpforms-container-full .wpforms-form .wpforms-first + .wpforms-one-half {
margin-right: 4%;
margin-left: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container ul li {
list-style: inside !important;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container ol li {
list-style: inside decimal !important;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container a {
text-decoration: underline !important;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container del {
text-decoration: line-through !important;
}
div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote {
padding-left: 20px;
border-left: 4px solid;
font-style: italic;
}
@media only screen and (max-width: 600px) {
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container, div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field {
display: block;
width: 100%;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
overflow-x: hidden;
}
div.wpforms-container-full .wpforms-form .wpforms-field > * {
max-width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-mobile-full {
width: 100%;
margin-left: 0;
float: none;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, div.wpforms-container-full .wpforms-form input.wpforms-field-small, div.wpforms-container-full .wpforms-form select.wpforms-field-small, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small, div.wpforms-container-full .wpforms-form input.wpforms-field-large, div.wpforms-container-full .wpforms-form select.wpforms-field-large, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large {
max-width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
float: none;
width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
margin: 0 10px 0 0;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
width: 30px;
height: 30px;
line-height: 30px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
margin: 20px 0 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
width: 30px;
height: 30px;
}
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
* {
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box;
}
img,
picture {
width: 100%;
height: auto;
display: block;
}
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
.vc_row {
margin: 0 !important;
}
.vc_column_container > .vc_column-inner {
padding: 0 !important;
}
.vc_column_container {
padding-left: 0 !important;
padding-right: 0 !important;
}
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
height: auto;
}
div.wpforms-container-full {
width: 100% !important;
max-width: 470px;
}
@use 'sass:math';
.flex {
display: flex !important;
flex-wrap: nowrap !important;
}
.flex-end {
display: flex;
justify-content: flex-end;
}
.flex-w {
display: flex;
flex-wrap: wrap;
}
.i-flex {
display: inline-flex;
}
.i-flex-w {
display: inline-flex;
flex-wrap: wrap;
}
.p-0 {
padding: 0;
}
.p-1 {
padding: 5px;
}
.p-2 {
padding: 10px;
}
.p-3 {
padding: 20px;
}
.p-4 {
padding: 30px;
}
.p-5 {
padding: 40px;
}
.p-6 {
padding: 50px;
}
.pl-0 {
padding-left: 0;
}
.pl-1 {
padding-left: 5px;
}
.pl-2 {
padding-left: 10px;
}
.pl-3 {
padding-left: 20px;
}
.pl-4 {
padding-left: 30px;
}
.pl-5 {
padding-left: 40px;
}
.pl-6 {
padding-left: 50px;
}
.pt-0 {
padding-top: 0;
}
.pt-1 {
padding-top: 5px;
}
.pt-2 {
padding-top: 10px;
}
.pt-3 {
padding-top: 20px;
}
.pt-4 {
padding-top: 30px;
}
.pt-5 {
padding-top: 40px;
}
.pt-6 {
padding-top: 50px;
}
.pr-0 {
padding-right: 0;
}
.pr-1 {
padding-right: 5px;
}
.pr-2 {
padding-right: 10px;
}
.pr-3 {
padding-right: 20px;
}
.pr-4 {
padding-right: 30px;
}
.pr-5 {
padding-right: 40px;
}
.pr-6 {
padding-right: 50px;
}
.pb-0 {
padding-bottom: 0;
}
.pb-1 {
padding-bottom: 5px;
}
.pb-2 {
padding-bottom: 10px;
}
.pb-3 {
padding-bottom: 20px;
}
.pb-4 {
padding-bottom: 30px;
}
.pb-5 {
padding-bottom: 40px;
}
.pb-6 {
padding-bottom: 50px;
}
.m-0 {
margin: 0;
}
.m-1 {
margin: 5px;
}
.m-2 {
margin: 10px;
}
.m-3 {
margin: 20px;
}
.m-4 {
margin: 30px;
}
.m-5 {
margin: 40px;
}
.m-6 {
margin: 50px;
}
.ml-0 {
margin-left: 0;
}
.ml-1 {
margin-left: 5px;
}
.ml-2 {
margin-left: 10px;
}
.ml-3 {
margin-left: 20px;
}
.ml-4 {
margin-left: 30px;
}
.ml-5 {
margin-left: 40px;
}
.ml-6 {
margin-left: 50px;
}
.mt-0 {
margin-top: 0;
}
.mt-1 {
margin-top: 5px;
}
.mt-2 {
margin-top: 10px;
}
.mt-3 {
margin-top: 20px;
}
.mt-4 {
margin-top: 30px;
}
.mt-5 {
margin-top: 40px;
}
.mt-6 {
margin-top: 50px;
}
.mr-0 {
margin-right: 0;
}
.mr-1 {
margin-right: 5px;
}
.mr-2 {
margin-right: 10px;
}
.mr-3 {
margin-right: 20px;
}
.mr-4 {
margin-right: 30px;
}
.mr-5 {
margin-right: 40px;
}
.mr-6 {
margin-right: 50px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-1 {
margin-bottom: 5px;
}
.mb-2 {
margin-bottom: 10px;
}
.mb-3 {
margin-bottom: 20px;
}
.mb-4 {
margin-bottom: 30px;
}
.mb-5 {
margin-bottom: 40px;
}
.mb-6 {
margin-bottom: 50px;
}
.o-0 {
opacity: 0;
}
.o-10 {
opacity: 0.1;
}
.o-20 {
opacity: 0.2;
}
.o-30 {
opacity: 0.3;
}
.o-40 {
opacity: 0.4;
}
.o-50 {
opacity: 0.5;
}
.o-60 {
opacity: 0.6;
}
.o-70 {
opacity: 0.7;
}
.o-80 {
opacity: 0.8;
}
.o-90 {
opacity: 0.9;
}
.o-100 {
opacity: 1;
}
.br-none {
border-radius: 0;
}
.br-xs {
border-radius: 2px;
}
.br-sm {
border-radius: 4px;
}
.br-md {
border-radius: 8px;
}
.br-lg {
border-radius: 16px;
}
.br-full {
border-radius: 50%;
}
.font-xs {
font-size: 0.5rem;
}
.font-sm {
font-size: 1rem;
}
.font-md {
font-size: 1.5rem;
}
.font-lg {
font-size: 2rem;
}
.font-xl {
font-size: 2.5rem;
}
.lh-1 {
line-height: 1;
}
.lh-11 {
line-height: 1.1;
}
.lh-12 {
line-height: 1.2;
}
.lh-13 {
line-height: 1.3;
}
.lh-14 {
line-height: 1.4;
}
.lh-15 {
line-height: 1.5;
}
.maxw-1 {
max-width: 8.33333%;
}
.maxw-2 {
max-width: 16.66666%;
}
.maxw-3 {
max-width: 25%;
}
.maxw-4 {
max-width: 33.3333%;
}
.maxw-5 {
max-width: 41.66666%;
}
.maxw-6 {
max-width: 50%;
}
.maxw-7 {
max-width: 58.33333%;
}
.maxw-8 {
max-width: 66.66666%;
}
.maxw-9 {
max-width: 75%;
}
.maxw-10 {
max-width: 83.33333%;
}
.maxw-11 {
max-width: 91.66666%;
}
.maxw-12 {
max-width: 100%;
}
.minw-1 {
min-width: 5px;
}
.minw-2 {
min-width: 10px;
}
.minw-3 {
min-width: 15px;
}
.minw-4 {
min-width: 20px;
}
.minw-5 {
min-width: 25px;
}
.minw-6 {
min-width: 30px;
}
.minw-7 {
min-width: 35px;
}
.minw-8 {
min-width: 40px;
}
.minw-9 {
min-width: 45px;
}
.minw-10 {
min-width: 50px;
}
.minw-11 {
min-width: 55px;
}
.minw-12 {
min-width: 60px;
}
@media (min-width: 480px) {
.p-xs-0 {
padding: 0;
}
}
@media (min-width: 480px) {
.p-xs-1 {
padding: 5px;
}
}
@media (min-width: 480px) {
.p-xs-2 {
padding: 10px;
}
}
@media (min-width: 480px) {
.p-xs-3 {
padding: 20px;
}
}
@media (min-width: 480px) {
.p-xs-4 {
padding: 30px;
}
}
@media (min-width: 480px) {
.p-xs-5 {
padding: 40px;
}
}
@media (min-width: 480px) {
.p-xs-6 {
padding: 50px;
}
}
@media (min-width: 480px) {
.pl-xs-0 {
padding-left: 0;
}
}
@media (min-width: 480px) {
.pl-xs-1 {
padding-left: 5px;
}
}
@media (min-width: 480px) {
.pl-xs-2 {
padding-left: 10px;
}
}
@media (min-width: 480px) {
.pl-xs-3 {
padding-left: 20px;
}
}
@media (min-width: 480px) {
.pl-xs-4 {
padding-left: 30px;
}
}
@media (min-width: 480px) {
.pl-xs-5 {
padding-left: 40px;
}
}
@media (min-width: 480px) {
.pl-xs-6 {
padding-left: 50px;
}
}
@media (min-width: 480px) {
.pt-xs-0 {
padding-top: 0;
}
}
@media (min-width: 480px) {
.pt-xs-1 {
padding-top: 5px;
}
}
@media (min-width: 480px) {
.pt-xs-2 {
padding-top: 10px;
}
}
@media (min-width: 480px) {
.pt-xs-3 {
padding-top: 20px;
}
}
@media (min-width: 480px) {
.pt-xs-4 {
padding-top: 30px;
}
}
@media (min-width: 480px) {
.pt-xs-5 {
padding-top: 40px;
}
}
@media (min-width: 480px) {
.pt-xs-6 {
padding-top: 50px;
}
}
@media (min-width: 480px) {
.pr-xs-0 {
padding-right: 0;
}
}
@media (min-width: 480px) {
.pr-xs-1 {
padding-right: 5px;
}
}
@media (min-width: 480px) {
.pr-xs-2 {
padding-right: 10px;
}
}
@media (min-width: 480px) {
.pr-xs-3 {
padding-right: 20px;
}
}
@media (min-width: 480px) {
.pr-xs-4 {
padding-right: 30px;
}
}
@media (min-width: 480px) {
.pr-xs-5 {
padding-right: 40px;
}
}
@media (min-width: 480px) {
.pr-xs-6 {
padding-right: 50px;
}
}
@media (min-width: 480px) {
.pb-xs-0 {
padding-bottom: 0;
}
}
@media (min-width: 480px) {
.pb-xs-1 {
padding-bottom: 5px;
}
}
@media (min-width: 480px) {
.pb-xs-2 {
padding-bottom: 10px;
}
}
@media (min-width: 480px) {
.pb-xs-3 {
padding-bottom: 20px;
}
}
@media (min-width: 480px) {
.pb-xs-4 {
padding-bottom: 30px;
}
}
@media (min-width: 480px) {
.pb-xs-5 {
padding-bottom: 40px;
}
}
@media (min-width: 480px) {
.pb-xs-6 {
padding-bottom: 50px;
}
}
@media (min-width: 480px) {
.m-xs-0 {
margin: 0;
}
}
@media (min-width: 480px) {
.m-xs-1 {
margin: 5px;
}
}
@media (min-width: 480px) {
.m-xs-2 {
margin: 10px;
}
}
@media (min-width: 480px) {
.m-xs-3 {
margin: 20px;
}
}
@media (min-width: 480px) {
.m-xs-4 {
margin: 30px;
}
}
@media (min-width: 480px) {
.m-xs-5 {
margin: 40px;
}
}
@media (min-width: 480px) {
.m-xs-6 {
margin: 50px;
}
}
@media (min-width: 480px) {
.ml-xs-0 {
margin-left: 0;
}
}
@media (min-width: 480px) {
.ml-xs-1 {
margin-left: 5px;
}
}
@media (min-width: 480px) {
.ml-xs-2 {
margin-left: 10px;
}
}
@media (min-width: 480px) {
.ml-xs-3 {
margin-left: 20px;
}
}
@media (min-width: 480px) {
.ml-xs-4 {
margin-left: 30px;
}
}
@media (min-width: 480px) {
.ml-xs-5 {
margin-left: 40px;
}
}
@media (min-width: 480px) {
.ml-xs-6 {
margin-left: 50px;
}
}
@media (min-width: 480px) {
.mt-xs-0 {
margin-top: 0;
}
}
@media (min-width: 480px) {
.mt-xs-1 {
margin-top: 5px;
}
}
@media (min-width: 480px) {
.mt-xs-2 {
margin-top: 10px;
}
}
@media (min-width: 480px) {
.mt-xs-3 {
margin-top: 20px;
}
}
@media (min-width: 480px) {
.mt-xs-4 {
margin-top: 30px;
}
}
@media (min-width: 480px) {
.mt-xs-5 {
margin-top: 40px;
}
}
@media (min-width: 480px) {
.mt-xs-6 {
margin-top: 50px;
}
}
@media (min-width: 480px) {
.mr-xs-0 {
margin-right: 0;
}
}
@media (min-width: 480px) {
.mr-xs-1 {
margin-right: 5px;
}
}
@media (min-width: 480px) {
.mr-xs-2 {
margin-right: 10px;
}
}
@media (min-width: 480px) {
.mr-xs-3 {
margin-right: 20px;
}
}
@media (min-width: 480px) {
.mr-xs-4 {
margin-right: 30px;
}
}
@media (min-width: 480px) {
.mr-xs-5 {
margin-right: 40px;
}
}
@media (min-width: 480px) {
.mr-xs-6 {
margin-right: 50px;
}
}
@media (min-width: 480px) {
.mb-xs-0 {
margin-bottom: 0;
}
}
@media (min-width: 480px) {
.mb-xs-1 {
margin-bottom: 5px;
}
}
@media (min-width: 480px) {
.mb-xs-2 {
margin-bottom: 10px;
}
}
@media (min-width: 480px) {
.mb-xs-3 {
margin-bottom: 20px;
}
}
@media (min-width: 480px) {
.mb-xs-4 {
margin-bottom: 30px;
}
}
@media (min-width: 480px) {
.mb-xs-5 {
margin-bottom: 40px;
}
}
@media (min-width: 480px) {
.mb-xs-6 {
margin-bottom: 50px;
}
}
@media (min-width: 480px) {
.o-xs-0 {
opacity: 0;
}
}
@media (min-width: 480px) {
.o-xs-10 {
opacity: 0.1;
}
}
@media (min-width: 480px) {
.o-xs-20 {
opacity: 0.2;
}
}
@media (min-width: 480px) {
.o-xs-30 {
opacity: 0.3;
}
}
@media (min-width: 480px) {
.o-xs-40 {
opacity: 0.4;
}
}
@media (min-width: 480px) {
.o-xs-50 {
opacity: 0.5;
}
}
@media (min-width: 480px) {
.o-xs-60 {
opacity: 0.6;
}
}
@media (min-width: 480px) {
.o-xs-70 {
opacity: 0.7;
}
}
@media (min-width: 480px) {
.o-xs-80 {
opacity: 0.8;
}
}
@media (min-width: 480px) {
.o-xs-90 {
opacity: 0.9;
}
}
@media (min-width: 480px) {
.o-xs-100 {
opacity: 1;
}
}
@media (min-width: 480px) {
.br-xs-none {
border-radius: 0;
}
}
@media (min-width: 480px) {
.br-xs-xs {
border-radius: 2px;
}
}
@media (min-width: 480px) {
.br-xs-sm {
border-radius: 4px;
}
}
@media (min-width: 480px) {
.br-xs-md {
border-radius: 8px;
}
}
@media (min-width: 480px) {
.br-xs-lg {
border-radius: 16px;
}
}
@media (min-width: 480px) {
.br-xs-full {
border-radius: 50%;
}
}
@media (min-width: 480px) {
.font-xs-xs {
font-size: 0.5rem;
}
}
@media (min-width: 480px) {
.font-xs-sm {
font-size: 1rem;
}
}
@media (min-width: 480px) {
.font-xs-md {
font-size: 1.5rem;
}
}
@media (min-width: 480px) {
.font-xs-lg {
font-size: 2rem;
}
}
@media (min-width: 480px) {
.font-xs-xl {
font-size: 2.5rem;
}
}
@media (min-width: 480px) {
.lh-xs-1 {
line-height: 1;
}
}
@media (min-width: 480px) {
.lh-xs-11 {
line-height: 1.1;
}
}
@media (min-width: 480px) {
.lh-xs-12 {
line-height: 1.2;
}
}
@media (min-width: 480px) {
.lh-xs-13 {
line-height: 1.3;
}
}
@media (min-width: 480px) {
.lh-xs-14 {
line-height: 1.4;
}
}
@media (min-width: 480px) {
.lh-xs-15 {
line-height: 1.5;
}
}
@media (min-width: 480px) {
.maxw-xs-1 {
max-width: 8.33333%;
}
}
@media (min-width: 480px) {
.maxw-xs-2 {
max-width: 16.66666%;
}
}
@media (min-width: 480px) {
.maxw-xs-3 {
max-width: 25%;
}
}
@media (min-width: 480px) {
.maxw-xs-4 {
max-width: 33.3333%;
}
}
@media (min-width: 480px) {
.maxw-xs-5 {
max-width: 41.66666%;
}
}
@media (min-width: 480px) {
.maxw-xs-6 {
max-width: 50%;
}
}
@media (min-width: 480px) {
.maxw-xs-7 {
max-width: 58.33333%;
}
}
@media (min-width: 480px) {
.maxw-xs-8 {
max-width: 66.66666%;
}
}
@media (min-width: 480px) {
.maxw-xs-9 {
max-width: 75%;
}
}
@media (min-width: 480px) {
.maxw-xs-10 {
max-width: 83.33333%;
}
}
@media (min-width: 480px) {
.maxw-xs-11 {
max-width: 91.66666%;
}
}
@media (min-width: 480px) {
.maxw-xs-12 {
max-width: 100%;
}
}
@media (min-width: 480px) {
.minw-xs-1 {
min-width: 5px;
}
}
@media (min-width: 480px) {
.minw-xs-2 {
min-width: 10px;
}
}
@media (min-width: 480px) {
.minw-xs-3 {
min-width: 15px;
}
}
@media (min-width: 480px) {
.minw-xs-4 {
min-width: 20px;
}
}
@media (min-width: 480px) {
.minw-xs-5 {
min-width: 25px;
}
}
@media (min-width: 480px) {
.minw-xs-6 {
min-width: 30px;
}
}
@media (min-width: 480px) {
.minw-xs-7 {
min-width: 35px;
}
}
@media (min-width: 480px) {
.minw-xs-8 {
min-width: 40px;
}
}
@media (min-width: 480px) {
.minw-xs-9 {
min-width: 45px;
}
}
@media (min-width: 480px) {
.minw-xs-10 {
min-width: 50px;
}
}
@media (min-width: 480px) {
.minw-xs-11 {
min-width: 55px;
}
}
@media (min-width: 480px) {
.minw-xs-12 {
min-width: 60px;
}
}
@media (min-width: 640px) {
.p-sm-0 {
padding: 0;
}
}
@media (min-width: 640px) {
.p-sm-1 {
padding: 5px;
}
}
@media (min-width: 640px) {
.p-sm-2 {
padding: 10px;
}
}
@media (min-width: 640px) {
.p-sm-3 {
padding: 20px;
}
}
@media (min-width: 640px) {
.p-sm-4 {
padding: 30px;
}
}
@media (min-width: 640px) {
.p-sm-5 {
padding: 40px;
}
}
@media (min-width: 640px) {
.p-sm-6 {
padding: 50px;
}
}
@media (min-width: 640px) {
.pl-sm-0 {
padding-left: 0;
}
}
@media (min-width: 640px) {
.pl-sm-1 {
padding-left: 5px;
}
}
@media (min-width: 640px) {
.pl-sm-2 {
padding-left: 10px;
}
}
@media (min-width: 640px) {
.pl-sm-3 {
padding-left: 20px;
}
}
@media (min-width: 640px) {
.pl-sm-4 {
padding-left: 30px;
}
}
@media (min-width: 640px) {
.pl-sm-5 {
padding-left: 40px;
}
}
@media (min-width: 640px) {
.pl-sm-6 {
padding-left: 50px;
}
}
@media (min-width: 640px) {
.pt-sm-0 {
padding-top: 0;
}
}
@media (min-width: 640px) {
.pt-sm-1 {
padding-top: 5px;
}
}
@media (min-width: 640px) {
.pt-sm-2 {
padding-top: 10px;
}
}
@media (min-width: 640px) {
.pt-sm-3 {
padding-top: 20px;
}
}
@media (min-width: 640px) {
.pt-sm-4 {
padding-top: 30px;
}
}
@media (min-width: 640px) {
.pt-sm-5 {
padding-top: 40px;
}
}
@media (min-width: 640px) {
.pt-sm-6 {
padding-top: 50px;
}
}
@media (min-width: 640px) {
.pr-sm-0 {
padding-right: 0;
}
}
@media (min-width: 640px) {
.pr-sm-1 {
padding-right: 5px;
}
}
@media (min-width: 640px) {
.pr-sm-2 {
padding-right: 10px;
}
}
@media (min-width: 640px) {
.pr-sm-3 {
padding-right: 20px;
}
}
@media (min-width: 640px) {
.pr-sm-4 {
padding-right: 30px;
}
}
@media (min-width: 640px) {
.pr-sm-5 {
padding-right: 40px;
}
}
@media (min-width: 640px) {
.pr-sm-6 {
padding-right: 50px;
}
}
@media (min-width: 640px) {
.pb-sm-0 {
padding-bottom: 0;
}
}
@media (min-width: 640px) {
.pb-sm-1 {
padding-bottom: 5px;
}
}
@media (min-width: 640px) {
.pb-sm-2 {
padding-bottom: 10px;
}
}
@media (min-width: 640px) {
.pb-sm-3 {
padding-bottom: 20px;
}
}
@media (min-width: 640px) {
.pb-sm-4 {
padding-bottom: 30px;
}
}
@media (min-width: 640px) {
.pb-sm-5 {
padding-bottom: 40px;
}
}
@media (min-width: 640px) {
.pb-sm-6 {
padding-bottom: 50px;
}
}
@media (min-width: 640px) {
.m-sm-0 {
margin: 0;
}
}
@media (min-width: 640px) {
.m-sm-1 {
margin: 5px;
}
}
@media (min-width: 640px) {
.m-sm-2 {
margin: 10px;
}
}
@media (min-width: 640px) {
.m-sm-3 {
margin: 20px;
}
}
@media (min-width: 640px) {
.m-sm-4 {
margin: 30px;
}
}
@media (min-width: 640px) {
.m-sm-5 {
margin: 40px;
}
}
@media (min-width: 640px) {
.m-sm-6 {
margin: 50px;
}
}
@media (min-width: 640px) {
.ml-sm-0 {
margin-left: 0;
}
}
@media (min-width: 640px) {
.ml-sm-1 {
margin-left: 5px;
}
}
@media (min-width: 640px) {
.ml-sm-2 {
margin-left: 10px;
}
}
@media (min-width: 640px) {
.ml-sm-3 {
margin-left: 20px;
}
}
@media (min-width: 640px) {
.ml-sm-4 {
margin-left: 30px;
}
}
@media (min-width: 640px) {
.ml-sm-5 {
margin-left: 40px;
}
}
@media (min-width: 640px) {
.ml-sm-6 {
margin-left: 50px;
}
}
@media (min-width: 640px) {
.mt-sm-0 {
margin-top: 0;
}
}
@media (min-width: 640px) {
.mt-sm-1 {
margin-top: 5px;
}
}
@media (min-width: 640px) {
.mt-sm-2 {
margin-top: 10px;
}
}
@media (min-width: 640px) {
.mt-sm-3 {
margin-top: 20px;
}
}
@media (min-width: 640px) {
.mt-sm-4 {
margin-top: 30px;
}
}
@media (min-width: 640px) {
.mt-sm-5 {
margin-top: 40px;
}
}
@media (min-width: 640px) {
.mt-sm-6 {
margin-top: 50px;
}
}
@media (min-width: 640px) {
.mr-sm-0 {
margin-right: 0;
}
}
@media (min-width: 640px) {
.mr-sm-1 {
margin-right: 5px;
}
}
@media (min-width: 640px) {
.mr-sm-2 {
margin-right: 10px;
}
}
@media (min-width: 640px) {
.mr-sm-3 {
margin-right: 20px;
}
}
@media (min-width: 640px) {
.mr-sm-4 {
margin-right: 30px;
}
}
@media (min-width: 640px) {
.mr-sm-5 {
margin-right: 40px;
}
}
@media (min-width: 640px) {
.mr-sm-6 {
margin-right: 50px;
}
}
@media (min-width: 640px) {
.mb-sm-0 {
margin-bottom: 0;
}
}
@media (min-width: 640px) {
.mb-sm-1 {
margin-bottom: 5px;
}
}
@media (min-width: 640px) {
.mb-sm-2 {
margin-bottom: 10px;
}
}
@media (min-width: 640px) {
.mb-sm-3 {
margin-bottom: 20px;
}
}
@media (min-width: 640px) {
.mb-sm-4 {
margin-bottom: 30px;
}
}
@media (min-width: 640px) {
.mb-sm-5 {
margin-bottom: 40px;
}
}
@media (min-width: 640px) {
.mb-sm-6 {
margin-bottom: 50px;
}
}
@media (min-width: 640px) {
.o-sm-0 {
opacity: 0;
}
}
@media (min-width: 640px) {
.o-sm-10 {
opacity: 0.1;
}
}
@media (min-width: 640px) {
.o-sm-20 {
opacity: 0.2;
}
}
@media (min-width: 640px) {
.o-sm-30 {
opacity: 0.3;
}
}
@media (min-width: 640px) {
.o-sm-40 {
opacity: 0.4;
}
}
@media (min-width: 640px) {
.o-sm-50 {
opacity: 0.5;
}
}
@media (min-width: 640px) {
.o-sm-60 {
opacity: 0.6;
}
}
@media (min-width: 640px) {
.o-sm-70 {
opacity: 0.7;
}
}
@media (min-width: 640px) {
.o-sm-80 {
opacity: 0.8;
}
}
@media (min-width: 640px) {
.o-sm-90 {
opacity: 0.9;
}
}
@media (min-width: 640px) {
.o-sm-100 {
opacity: 1;
}
}
@media (min-width: 640px) {
.br-sm-none {
border-radius: 0;
}
}
@media (min-width: 640px) {
.br-sm-xs {
border-radius: 2px;
}
}
@media (min-width: 640px) {
.br-sm-sm {
border-radius: 4px;
}
}
@media (min-width: 640px) {
.br-sm-md {
border-radius: 8px;
}
}
@media (min-width: 640px) {
.br-sm-lg {
border-radius: 16px;
}
}
@media (min-width: 640px) {
.br-sm-full {
border-radius: 50%;
}
}
@media (min-width: 640px) {
.font-sm-xs {
font-size: 0.5rem;
}
}
@media (min-width: 640px) {
.font-sm-sm {
font-size: 1rem;
}
}
@media (min-width: 640px) {
.font-sm-md {
font-size: 1.5rem;
}
}
@media (min-width: 640px) {
.font-sm-lg {
font-size: 2rem;
}
}
@media (min-width: 640px) {
.font-sm-xl {
font-size: 2.5rem;
}
}
@media (min-width: 640px) {
.lh-sm-1 {
line-height: 1;
}
}
@media (min-width: 640px) {
.lh-sm-11 {
line-height: 1.1;
}
}
@media (min-width: 640px) {
.lh-sm-12 {
line-height: 1.2;
}
}
@media (min-width: 640px) {
.lh-sm-13 {
line-height: 1.3;
}
}
@media (min-width: 640px) {
.lh-sm-14 {
line-height: 1.4;
}
}
@media (min-width: 640px) {
.lh-sm-15 {
line-height: 1.5;
}
}
@media (min-width: 640px) {
.maxw-sm-1 {
max-width: 8.33333%;
}
}
@media (min-width: 640px) {
.maxw-sm-2 {
max-width: 16.66666%;
}
}
@media (min-width: 640px) {
.maxw-sm-3 {
max-width: 25%;
}
}
@media (min-width: 640px) {
.maxw-sm-4 {
max-width: 33.3333%;
}
}
@media (min-width: 640px) {
.maxw-sm-5 {
max-width: 41.66666%;
}
}
@media (min-width: 640px) {
.maxw-sm-6 {
max-width: 50%;
}
}
@media (min-width: 640px) {
.maxw-sm-7 {
max-width: 58.33333%;
}
}
@media (min-width: 640px) {
.maxw-sm-8 {
max-width: 66.66666%;
}
}
@media (min-width: 640px) {
.maxw-sm-9 {
max-width: 75%;
}
}
@media (min-width: 640px) {
.maxw-sm-10 {
max-width: 83.33333%;
}
}
@media (min-width: 640px) {
.maxw-sm-11 {
max-width: 91.66666%;
}
}
@media (min-width: 640px) {
.maxw-sm-12 {
max-width: 100%;
}
}
@media (min-width: 640px) {
.minw-sm-1 {
min-width: 5px;
}
}
@media (min-width: 640px) {
.minw-sm-2 {
min-width: 10px;
}
}
@media (min-width: 640px) {
.minw-sm-3 {
min-width: 15px;
}
}
@media (min-width: 640px) {
.minw-sm-4 {
min-width: 20px;
}
}
@media (min-width: 640px) {
.minw-sm-5 {
min-width: 25px;
}
}
@media (min-width: 640px) {
.minw-sm-6 {
min-width: 30px;
}
}
@media (min-width: 640px) {
.minw-sm-7 {
min-width: 35px;
}
}
@media (min-width: 640px) {
.minw-sm-8 {
min-width: 40px;
}
}
@media (min-width: 640px) {
.minw-sm-9 {
min-width: 45px;
}
}
@media (min-width: 640px) {
.minw-sm-10 {
min-width: 50px;
}
}
@media (min-width: 640px) {
.minw-sm-11 {
min-width: 55px;
}
}
@media (min-width: 640px) {
.minw-sm-12 {
min-width: 60px;
}
}
@media (min-width: 768px) {
.p-md-0 {
padding: 0;
}
}
@media (min-width: 768px) {
.p-md-1 {
padding: 5px;
}
}
@media (min-width: 768px) {
.p-md-2 {
padding: 10px;
}
}
@media (min-width: 768px) {
.p-md-3 {
padding: 20px;
}
}
@media (min-width: 768px) {
.p-md-4 {
padding: 30px;
}
}
@media (min-width: 768px) {
.p-md-5 {
padding: 40px;
}
}
@media (min-width: 768px) {
.p-md-6 {
padding: 50px;
}
}
@media (min-width: 768px) {
.pl-md-0 {
padding-left: 0;
}
}
@media (min-width: 768px) {
.pl-md-1 {
padding-left: 5px;
}
}
@media (min-width: 768px) {
.pl-md-2 {
padding-left: 10px;
}
}
@media (min-width: 768px) {
.pl-md-3 {
padding-left: 20px;
}
}
@media (min-width: 768px) {
.pl-md-4 {
padding-left: 30px;
}
}
@media (min-width: 768px) {
.pl-md-5 {
padding-left: 40px;
}
}
@media (min-width: 768px) {
.pl-md-6 {
padding-left: 50px;
}
}
@media (min-width: 768px) {
.pt-md-0 {
padding-top: 0;
}
}
@media (min-width: 768px) {
.pt-md-1 {
padding-top: 5px;
}
}
@media (min-width: 768px) {
.pt-md-2 {
padding-top: 10px;
}
}
@media (min-width: 768px) {
.pt-md-3 {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.pt-md-4 {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.pt-md-5 {
padding-top: 40px;
}
}
@media (min-width: 768px) {
.pt-md-6 {
padding-top: 50px;
}
}
@media (min-width: 768px) {
.pr-md-0 {
padding-right: 0;
}
}
@media (min-width: 768px) {
.pr-md-1 {
padding-right: 5px;
}
}
@media (min-width: 768px) {
.pr-md-2 {
padding-right: 10px;
}
}
@media (min-width: 768px) {
.pr-md-3 {
padding-right: 20px;
}
}
@media (min-width: 768px) {
.pr-md-4 {
padding-right: 30px;
}
}
@media (min-width: 768px) {
.pr-md-5 {
padding-right: 40px;
}
}
@media (min-width: 768px) {
.pr-md-6 {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.pb-md-0 {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.pb-md-1 {
padding-bottom: 5px;
}
}
@media (min-width: 768px) {
.pb-md-2 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.pb-md-3 {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.pb-md-4 {
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.pb-md-5 {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.pb-md-6 {
padding-bottom: 50px;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0;
}
}
@media (min-width: 768px) {
.m-md-1 {
margin: 5px;
}
}
@media (min-width: 768px) {
.m-md-2 {
margin: 10px;
}
}
@media (min-width: 768px) {
.m-md-3 {
margin: 20px;
}
}
@media (min-width: 768px) {
.m-md-4 {
margin: 30px;
}
}
@media (min-width: 768px) {
.m-md-5 {
margin: 40px;
}
}
@media (min-width: 768px) {
.m-md-6 {
margin: 50px;
}
}
@media (min-width: 768px) {
.ml-md-0 {
margin-left: 0;
}
}
@media (min-width: 768px) {
.ml-md-1 {
margin-left: 5px;
}
}
@media (min-width: 768px) {
.ml-md-2 {
margin-left: 10px;
}
}
@media (min-width: 768px) {
.ml-md-3 {
margin-left: 20px;
}
}
@media (min-width: 768px) {
.ml-md-4 {
margin-left: 30px;
}
}
@media (min-width: 768px) {
.ml-md-5 {
margin-left: 40px;
}
}
@media (min-width: 768px) {
.ml-md-6 {
margin-left: 50px;
}
}
@media (min-width: 768px) {
.mt-md-0 {
margin-top: 0;
}
}
@media (min-width: 768px) {
.mt-md-1 {
margin-top: 5px;
}
}
@media (min-width: 768px) {
.mt-md-2 {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.mt-md-3 {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.mt-md-4 {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.mt-md-5 {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.mt-md-6 {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.mr-md-0 {
margin-right: 0;
}
}
@media (min-width: 768px) {
.mr-md-1 {
margin-right: 5px;
}
}
@media (min-width: 768px) {
.mr-md-2 {
margin-right: 10px;
}
}
@media (min-width: 768px) {
.mr-md-3 {
margin-right: 20px;
}
}
@media (min-width: 768px) {
.mr-md-4 {
margin-right: 30px;
}
}
@media (min-width: 768px) {
.mr-md-5 {
margin-right: 40px;
}
}
@media (min-width: 768px) {
.mr-md-6 {
margin-right: 50px;
}
}
@media (min-width: 768px) {
.mb-md-0 {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.mb-md-1 {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.mb-md-2 {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.mb-md-3 {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.mb-md-4 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.mb-md-5 {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.mb-md-6 {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.o-md-0 {
opacity: 0;
}
}
@media (min-width: 768px) {
.o-md-10 {
opacity: 0.1;
}
}
@media (min-width: 768px) {
.o-md-20 {
opacity: 0.2;
}
}
@media (min-width: 768px) {
.o-md-30 {
opacity: 0.3;
}
}
@media (min-width: 768px) {
.o-md-40 {
opacity: 0.4;
}
}
@media (min-width: 768px) {
.o-md-50 {
opacity: 0.5;
}
}
@media (min-width: 768px) {
.o-md-60 {
opacity: 0.6;
}
}
@media (min-width: 768px) {
.o-md-70 {
opacity: 0.7;
}
}
@media (min-width: 768px) {
.o-md-80 {
opacity: 0.8;
}
}
@media (min-width: 768px) {
.o-md-90 {
opacity: 0.9;
}
}
@media (min-width: 768px) {
.o-md-100 {
opacity: 1;
}
}
@media (min-width: 768px) {
.br-md-none {
border-radius: 0;
}
}
@media (min-width: 768px) {
.br-md-xs {
border-radius: 2px;
}
}
@media (min-width: 768px) {
.br-md-sm {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.br-md-md {
border-radius: 8px;
}
}
@media (min-width: 768px) {
.br-md-lg {
border-radius: 16px;
}
}
@media (min-width: 768px) {
.br-md-full {
border-radius: 50%;
}
}
@media (min-width: 768px) {
.font-md-xs {
font-size: 0.5rem;
}
}
@media (min-width: 768px) {
.font-md-sm {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.font-md-md {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.font-md-lg {
font-size: 2rem;
}
}
@media (min-width: 768px) {
.font-md-xl {
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
.lh-md-1 {
line-height: 1;
}
}
@media (min-width: 768px) {
.lh-md-11 {
line-height: 1.1;
}
}
@media (min-width: 768px) {
.lh-md-12 {
line-height: 1.2;
}
}
@media (min-width: 768px) {
.lh-md-13 {
line-height: 1.3;
}
}
@media (min-width: 768px) {
.lh-md-14 {
line-height: 1.4;
}
}
@media (min-width: 768px) {
.lh-md-15 {
line-height: 1.5;
}
}
@media (min-width: 768px) {
.maxw-md-1 {
max-width: 8.33333%;
}
}
@media (min-width: 768px) {
.maxw-md-2 {
max-width: 16.66666%;
}
}
@media (min-width: 768px) {
.maxw-md-3 {
max-width: 25%;
}
}
@media (min-width: 768px) {
.maxw-md-4 {
max-width: 33.3333%;
}
}
@media (min-width: 768px) {
.maxw-md-5 {
max-width: 41.66666%;
}
}
@media (min-width: 768px) {
.maxw-md-6 {
max-width: 50%;
}
}
@media (min-width: 768px) {
.maxw-md-7 {
max-width: 58.33333%;
}
}
@media (min-width: 768px) {
.maxw-md-8 {
max-width: 66.66666%;
}
}
@media (min-width: 768px) {
.maxw-md-9 {
max-width: 75%;
}
}
@media (min-width: 768px) {
.maxw-md-10 {
max-width: 83.33333%;
}
}
@media (min-width: 768px) {
.maxw-md-11 {
max-width: 91.66666%;
}
}
@media (min-width: 768px) {
.maxw-md-12 {
max-width: 100%;
}
}
@media (min-width: 768px) {
.minw-md-1 {
min-width: 5px;
}
}
@media (min-width: 768px) {
.minw-md-2 {
min-width: 10px;
}
}
@media (min-width: 768px) {
.minw-md-3 {
min-width: 15px;
}
}
@media (min-width: 768px) {
.minw-md-4 {
min-width: 20px;
}
}
@media (min-width: 768px) {
.minw-md-5 {
min-width: 25px;
}
}
@media (min-width: 768px) {
.minw-md-6 {
min-width: 30px;
}
}
@media (min-width: 768px) {
.minw-md-7 {
min-width: 35px;
}
}
@media (min-width: 768px) {
.minw-md-8 {
min-width: 40px;
}
}
@media (min-width: 768px) {
.minw-md-9 {
min-width: 45px;
}
}
@media (min-width: 768px) {
.minw-md-10 {
min-width: 50px;
}
}
@media (min-width: 768px) {
.minw-md-11 {
min-width: 55px;
}
}
@media (min-width: 768px) {
.minw-md-12 {
min-width: 60px;
}
}
@media (min-width: 992px) {
.p-lg-0 {
padding: 0;
}
}
@media (min-width: 992px) {
.p-lg-1 {
padding: 5px;
}
}
@media (min-width: 992px) {
.p-lg-2 {
padding: 10px;
}
}
@media (min-width: 992px) {
.p-lg-3 {
padding: 20px;
}
}
@media (min-width: 992px) {
.p-lg-4 {
padding: 30px;
}
}
@media (min-width: 992px) {
.p-lg-5 {
padding: 40px;
}
}
@media (min-width: 992px) {
.p-lg-6 {
padding: 50px;
}
}
@media (min-width: 992px) {
.pl-lg-0 {
padding-left: 0;
}
}
@media (min-width: 992px) {
.pl-lg-1 {
padding-left: 5px;
}
}
@media (min-width: 992px) {
.pl-lg-2 {
padding-left: 10px;
}
}
@media (min-width: 992px) {
.pl-lg-3 {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.pl-lg-4 {
padding-left: 30px;
}
}
@media (min-width: 992px) {
.pl-lg-5 {
padding-left: 40px;
}
}
@media (min-width: 992px) {
.pl-lg-6 {
padding-left: 50px;
}
}
@media (min-width: 992px) {
.pt-lg-0 {
padding-top: 0;
}
}
@media (min-width: 992px) {
.pt-lg-1 {
padding-top: 5px;
}
}
@media (min-width: 992px) {
.pt-lg-2 {
padding-top: 10px;
}
}
@media (min-width: 992px) {
.pt-lg-3 {
padding-top: 20px;
}
}
@media (min-width: 992px) {
.pt-lg-4 {
padding-top: 30px;
}
}
@media (min-width: 992px) {
.pt-lg-5 {
padding-top: 40px;
}
}
@media (min-width: 992px) {
.pt-lg-6 {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.pr-lg-0 {
padding-right: 0;
}
}
@media (min-width: 992px) {
.pr-lg-1 {
padding-right: 5px;
}
}
@media (min-width: 992px) {
.pr-lg-2 {
padding-right: 10px;
}
}
@media (min-width: 992px) {
.pr-lg-3 {
padding-right: 20px;
}
}
@media (min-width: 992px) {
.pr-lg-4 {
padding-right: 30px;
}
}
@media (min-width: 992px) {
.pr-lg-5 {
padding-right: 40px;
}
}
@media (min-width: 992px) {
.pr-lg-6 {
padding-right: 50px;
}
}
@media (min-width: 992px) {
.pb-lg-0 {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.pb-lg-1 {
padding-bottom: 5px;
}
}
@media (min-width: 992px) {
.pb-lg-2 {
padding-bottom: 10px;
}
}
@media (min-width: 992px) {
.pb-lg-3 {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.pb-lg-4 {
padding-bottom: 30px;
}
}
@media (min-width: 992px) {
.pb-lg-5 {
padding-bottom: 40px;
}
}
@media (min-width: 992px) {
.pb-lg-6 {
padding-bottom: 50px;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0;
}
}
@media (min-width: 992px) {
.m-lg-1 {
margin: 5px;
}
}
@media (min-width: 992px) {
.m-lg-2 {
margin: 10px;
}
}
@media (min-width: 992px) {
.m-lg-3 {
margin: 20px;
}
}
@media (min-width: 992px) {
.m-lg-4 {
margin: 30px;
}
}
@media (min-width: 992px) {
.m-lg-5 {
margin: 40px;
}
}
@media (min-width: 992px) {
.m-lg-6 {
margin: 50px;
}
}
@media (min-width: 992px) {
.ml-lg-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.ml-lg-1 {
margin-left: 5px;
}
}
@media (min-width: 992px) {
.ml-lg-2 {
margin-left: 10px;
}
}
@media (min-width: 992px) {
.ml-lg-3 {
margin-left: 20px;
}
}
@media (min-width: 992px) {
.ml-lg-4 {
margin-left: 30px;
}
}
@media (min-width: 992px) {
.ml-lg-5 {
margin-left: 40px;
}
}
@media (min-width: 992px) {
.ml-lg-6 {
margin-left: 50px;
}
}
@media (min-width: 992px) {
.mt-lg-0 {
margin-top: 0;
}
}
@media (min-width: 992px) {
.mt-lg-1 {
margin-top: 5px;
}
}
@media (min-width: 992px) {
.mt-lg-2 {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.mt-lg-3 {
margin-top: 20px;
}
}
@media (min-width: 992px) {
.mt-lg-4 {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.mt-lg-5 {
margin-top: 40px;
}
}
@media (min-width: 992px) {
.mt-lg-6 {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.mr-lg-0 {
margin-right: 0;
}
}
@media (min-width: 992px) {
.mr-lg-1 {
margin-right: 5px;
}
}
@media (min-width: 992px) {
.mr-lg-2 {
margin-right: 10px;
}
}
@media (min-width: 992px) {
.mr-lg-3 {
margin-right: 20px;
}
}
@media (min-width: 992px) {
.mr-lg-4 {
margin-right: 30px;
}
}
@media (min-width: 992px) {
.mr-lg-5 {
margin-right: 40px;
}
}
@media (min-width: 992px) {
.mr-lg-6 {
margin-right: 50px;
}
}
@media (min-width: 992px) {
.mb-lg-0 {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.mb-lg-1 {
margin-bottom: 5px;
}
}
@media (min-width: 992px) {
.mb-lg-2 {
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.mb-lg-3 {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.mb-lg-4 {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.mb-lg-5 {
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.mb-lg-6 {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.o-lg-0 {
opacity: 0;
}
}
@media (min-width: 992px) {
.o-lg-10 {
opacity: 0.1;
}
}
@media (min-width: 992px) {
.o-lg-20 {
opacity: 0.2;
}
}
@media (min-width: 992px) {
.o-lg-30 {
opacity: 0.3;
}
}
@media (min-width: 992px) {
.o-lg-40 {
opacity: 0.4;
}
}
@media (min-width: 992px) {
.o-lg-50 {
opacity: 0.5;
}
}
@media (min-width: 992px) {
.o-lg-60 {
opacity: 0.6;
}
}
@media (min-width: 992px) {
.o-lg-70 {
opacity: 0.7;
}
}
@media (min-width: 992px) {
.o-lg-80 {
opacity: 0.8;
}
}
@media (min-width: 992px) {
.o-lg-90 {
opacity: 0.9;
}
}
@media (min-width: 992px) {
.o-lg-100 {
opacity: 1;
}
}
@media (min-width: 992px) {
.br-lg-none {
border-radius: 0;
}
}
@media (min-width: 992px) {
.br-lg-xs {
border-radius: 2px;
}
}
@media (min-width: 992px) {
.br-lg-sm {
border-radius: 4px;
}
}
@media (min-width: 992px) {
.br-lg-md {
border-radius: 8px;
}
}
@media (min-width: 992px) {
.br-lg-lg {
border-radius: 16px;
}
}
@media (min-width: 992px) {
.br-lg-full {
border-radius: 50%;
}
}
@media (min-width: 992px) {
.font-lg-xs {
font-size: 0.5rem;
}
}
@media (min-width: 992px) {
.font-lg-sm {
font-size: 1rem;
}
}
@media (min-width: 992px) {
.font-lg-md {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
.font-lg-lg {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.font-lg-xl {
font-size: 2.5rem;
}
}
@media (min-width: 992px) {
.lh-lg-1 {
line-height: 1;
}
}
@media (min-width: 992px) {
.lh-lg-11 {
line-height: 1.1;
}
}
@media (min-width: 992px) {
.lh-lg-12 {
line-height: 1.2;
}
}
@media (min-width: 992px) {
.lh-lg-13 {
line-height: 1.3;
}
}
@media (min-width: 992px) {
.lh-lg-14 {
line-height: 1.4;
}
}
@media (min-width: 992px) {
.lh-lg-15 {
line-height: 1.5;
}
}
@media (min-width: 992px) {
.maxw-lg-1 {
max-width: 8.33333%;
}
}
@media (min-width: 992px) {
.maxw-lg-2 {
max-width: 16.66666%;
}
}
@media (min-width: 992px) {
.maxw-lg-3 {
max-width: 25%;
}
}
@media (min-width: 992px) {
.maxw-lg-4 {
max-width: 33.3333%;
}
}
@media (min-width: 992px) {
.maxw-lg-5 {
max-width: 41.66666%;
}
}
@media (min-width: 992px) {
.maxw-lg-6 {
max-width: 50%;
}
}
@media (min-width: 992px) {
.maxw-lg-7 {
max-width: 58.33333%;
}
}
@media (min-width: 992px) {
.maxw-lg-8 {
max-width: 66.66666%;
}
}
@media (min-width: 992px) {
.maxw-lg-9 {
max-width: 75%;
}
}
@media (min-width: 992px) {
.maxw-lg-10 {
max-width: 83.33333%;
}
}
@media (min-width: 992px) {
.maxw-lg-11 {
max-width: 91.66666%;
}
}
@media (min-width: 992px) {
.maxw-lg-12 {
max-width: 100%;
}
}
@media (min-width: 992px) {
.minw-lg-1 {
min-width: 5px;
}
}
@media (min-width: 992px) {
.minw-lg-2 {
min-width: 10px;
}
}
@media (min-width: 992px) {
.minw-lg-3 {
min-width: 15px;
}
}
@media (min-width: 992px) {
.minw-lg-4 {
min-width: 20px;
}
}
@media (min-width: 992px) {
.minw-lg-5 {
min-width: 25px;
}
}
@media (min-width: 992px) {
.minw-lg-6 {
min-width: 30px;
}
}
@media (min-width: 992px) {
.minw-lg-7 {
min-width: 35px;
}
}
@media (min-width: 992px) {
.minw-lg-8 {
min-width: 40px;
}
}
@media (min-width: 992px) {
.minw-lg-9 {
min-width: 45px;
}
}
@media (min-width: 992px) {
.minw-lg-10 {
min-width: 50px;
}
}
@media (min-width: 992px) {
.minw-lg-11 {
min-width: 55px;
}
}
@media (min-width: 992px) {
.minw-lg-12 {
min-width: 60px;
}
}
@media (min-width: 1024px) {
.p-xl-0 {
padding: 0;
}
}
@media (min-width: 1024px) {
.p-xl-1 {
padding: 5px;
}
}
@media (min-width: 1024px) {
.p-xl-2 {
padding: 10px;
}
}
@media (min-width: 1024px) {
.p-xl-3 {
padding: 20px;
}
}
@media (min-width: 1024px) {
.p-xl-4 {
padding: 30px;
}
}
@media (min-width: 1024px) {
.p-xl-5 {
padding: 40px;
}
}
@media (min-width: 1024px) {
.p-xl-6 {
padding: 50px;
}
}
@media (min-width: 1024px) {
.pl-xl-0 {
padding-left: 0;
}
}
@media (min-width: 1024px) {
.pl-xl-1 {
padding-left: 5px;
}
}
@media (min-width: 1024px) {
.pl-xl-2 {
padding-left: 10px;
}
}
@media (min-width: 1024px) {
.pl-xl-3 {
padding-left: 20px;
}
}
@media (min-width: 1024px) {
.pl-xl-4 {
padding-left: 30px;
}
}
@media (min-width: 1024px) {
.pl-xl-5 {
padding-left: 40px;
}
}
@media (min-width: 1024px) {
.pl-xl-6 {
padding-left: 50px;
}
}
@media (min-width: 1024px) {
.pt-xl-0 {
padding-top: 0;
}
}
@media (min-width: 1024px) {
.pt-xl-1 {
padding-top: 5px;
}
}
@media (min-width: 1024px) {
.pt-xl-2 {
padding-top: 10px;
}
}
@media (min-width: 1024px) {
.pt-xl-3 {
padding-top: 20px;
}
}
@media (min-width: 1024px) {
.pt-xl-4 {
padding-top: 30px;
}
}
@media (min-width: 1024px) {
.pt-xl-5 {
padding-top: 40px;
}
}
@media (min-width: 1024px) {
.pt-xl-6 {
padding-top: 50px;
}
}
@media (min-width: 1024px) {
.pr-xl-0 {
padding-right: 0;
}
}
@media (min-width: 1024px) {
.pr-xl-1 {
padding-right: 5px;
}
}
@media (min-width: 1024px) {
.pr-xl-2 {
padding-right: 10px;
}
}
@media (min-width: 1024px) {
.pr-xl-3 {
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.pr-xl-4 {
padding-right: 30px;
}
}
@media (min-width: 1024px) {
.pr-xl-5 {
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.pr-xl-6 {
padding-right: 50px;
}
}
@media (min-width: 1024px) {
.pb-xl-0 {
padding-bottom: 0;
}
}
@media (min-width: 1024px) {
.pb-xl-1 {
padding-bottom: 5px;
}
}
@media (min-width: 1024px) {
.pb-xl-2 {
padding-bottom: 10px;
}
}
@media (min-width: 1024px) {
.pb-xl-3 {
padding-bottom: 20px;
}
}
@media (min-width: 1024px) {
.pb-xl-4 {
padding-bottom: 30px;
}
}
@media (min-width: 1024px) {
.pb-xl-5 {
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
.pb-xl-6 {
padding-bottom: 50px;
}
}
@media (min-width: 1024px) {
.m-xl-0 {
margin: 0;
}
}
@media (min-width: 1024px) {
.m-xl-1 {
margin: 5px;
}
}
@media (min-width: 1024px) {
.m-xl-2 {
margin: 10px;
}
}
@media (min-width: 1024px) {
.m-xl-3 {
margin: 20px;
}
}
@media (min-width: 1024px) {
.m-xl-4 {
margin: 30px;
}
}
@media (min-width: 1024px) {
.m-xl-5 {
margin: 40px;
}
}
@media (min-width: 1024px) {
.m-xl-6 {
margin: 50px;
}
}
@media (min-width: 1024px) {
.ml-xl-0 {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.ml-xl-1 {
margin-left: 5px;
}
}
@media (min-width: 1024px) {
.ml-xl-2 {
margin-left: 10px;
}
}
@media (min-width: 1024px) {
.ml-xl-3 {
margin-left: 20px;
}
}
@media (min-width: 1024px) {
.ml-xl-4 {
margin-left: 30px;
}
}
@media (min-width: 1024px) {
.ml-xl-5 {
margin-left: 40px;
}
}
@media (min-width: 1024px) {
.ml-xl-6 {
margin-left: 50px;
}
}
@media (min-width: 1024px) {
.mt-xl-0 {
margin-top: 0;
}
}
@media (min-width: 1024px) {
.mt-xl-1 {
margin-top: 5px;
}
}
@media (min-width: 1024px) {
.mt-xl-2 {
margin-top: 10px;
}
}
@media (min-width: 1024px) {
.mt-xl-3 {
margin-top: 20px;
}
}
@media (min-width: 1024px) {
.mt-xl-4 {
margin-top: 30px;
}
}
@media (min-width: 1024px) {
.mt-xl-5 {
margin-top: 40px;
}
}
@media (min-width: 1024px) {
.mt-xl-6 {
margin-top: 50px;
}
}
@media (min-width: 1024px) {
.mr-xl-0 {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.mr-xl-1 {
margin-right: 5px;
}
}
@media (min-width: 1024px) {
.mr-xl-2 {
margin-right: 10px;
}
}
@media (min-width: 1024px) {
.mr-xl-3 {
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.mr-xl-4 {
margin-right: 30px;
}
}
@media (min-width: 1024px) {
.mr-xl-5 {
margin-right: 40px;
}
}
@media (min-width: 1024px) {
.mr-xl-6 {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.mb-xl-0 {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.mb-xl-1 {
margin-bottom: 5px;
}
}
@media (min-width: 1024px) {
.mb-xl-2 {
margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
.mb-xl-3 {
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.mb-xl-4 {
margin-bottom: 30px;
}
}
@media (min-width: 1024px) {
.mb-xl-5 {
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
.mb-xl-6 {
margin-bottom: 50px;
}
}
@media (min-width: 1024px) {
.o-xl-0 {
opacity: 0;
}
}
@media (min-width: 1024px) {
.o-xl-10 {
opacity: 0.1;
}
}
@media (min-width: 1024px) {
.o-xl-20 {
opacity: 0.2;
}
}
@media (min-width: 1024px) {
.o-xl-30 {
opacity: 0.3;
}
}
@media (min-width: 1024px) {
.o-xl-40 {
opacity: 0.4;
}
}
@media (min-width: 1024px) {
.o-xl-50 {
opacity: 0.5;
}
}
@media (min-width: 1024px) {
.o-xl-60 {
opacity: 0.6;
}
}
@media (min-width: 1024px) {
.o-xl-70 {
opacity: 0.7;
}
}
@media (min-width: 1024px) {
.o-xl-80 {
opacity: 0.8;
}
}
@media (min-width: 1024px) {
.o-xl-90 {
opacity: 0.9;
}
}
@media (min-width: 1024px) {
.o-xl-100 {
opacity: 1;
}
}
@media (min-width: 1024px) {
.br-xl-none {
border-radius: 0;
}
}
@media (min-width: 1024px) {
.br-xl-xs {
border-radius: 2px;
}
}
@media (min-width: 1024px) {
.br-xl-sm {
border-radius: 4px;
}
}
@media (min-width: 1024px) {
.br-xl-md {
border-radius: 8px;
}
}
@media (min-width: 1024px) {
.br-xl-lg {
border-radius: 16px;
}
}
@media (min-width: 1024px) {
.br-xl-full {
border-radius: 50%;
}
}
@media (min-width: 1024px) {
.font-xl-xs {
font-size: 0.5rem;
}
}
@media (min-width: 1024px) {
.font-xl-sm {
font-size: 1rem;
}
}
@media (min-width: 1024px) {
.font-xl-md {
font-size: 1.5rem;
}
}
@media (min-width: 1024px) {
.font-xl-lg {
font-size: 2rem;
}
}
@media (min-width: 1024px) {
.font-xl-xl {
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
.lh-xl-1 {
line-height: 1;
}
}
@media (min-width: 1024px) {
.lh-xl-11 {
line-height: 1.1;
}
}
@media (min-width: 1024px) {
.lh-xl-12 {
line-height: 1.2;
}
}
@media (min-width: 1024px) {
.lh-xl-13 {
line-height: 1.3;
}
}
@media (min-width: 1024px) {
.lh-xl-14 {
line-height: 1.4;
}
}
@media (min-width: 1024px) {
.lh-xl-15 {
line-height: 1.5;
}
}
@media (min-width: 1024px) {
.maxw-xl-1 {
max-width: 8.33333%;
}
}
@media (min-width: 1024px) {
.maxw-xl-2 {
max-width: 16.66666%;
}
}
@media (min-width: 1024px) {
.maxw-xl-3 {
max-width: 25%;
}
}
@media (min-width: 1024px) {
.maxw-xl-4 {
max-width: 33.3333%;
}
}
@media (min-width: 1024px) {
.maxw-xl-5 {
max-width: 41.66666%;
}
}
@media (min-width: 1024px) {
.maxw-xl-6 {
max-width: 50%;
}
}
@media (min-width: 1024px) {
.maxw-xl-7 {
max-width: 58.33333%;
}
}
@media (min-width: 1024px) {
.maxw-xl-8 {
max-width: 66.66666%;
}
}
@media (min-width: 1024px) {
.maxw-xl-9 {
max-width: 75%;
}
}
@media (min-width: 1024px) {
.maxw-xl-10 {
max-width: 83.33333%;
}
}
@media (min-width: 1024px) {
.maxw-xl-11 {
max-width: 91.66666%;
}
}
@media (min-width: 1024px) {
.maxw-xl-12 {
max-width: 100%;
}
}
@media (min-width: 1024px) {
.minw-xl-1 {
min-width: 5px;
}
}
@media (min-width: 1024px) {
.minw-xl-2 {
min-width: 10px;
}
}
@media (min-width: 1024px) {
.minw-xl-3 {
min-width: 15px;
}
}
@media (min-width: 1024px) {
.minw-xl-4 {
min-width: 20px;
}
}
@media (min-width: 1024px) {
.minw-xl-5 {
min-width: 25px;
}
}
@media (min-width: 1024px) {
.minw-xl-6 {
min-width: 30px;
}
}
@media (min-width: 1024px) {
.minw-xl-7 {
min-width: 35px;
}
}
@media (min-width: 1024px) {
.minw-xl-8 {
min-width: 40px;
}
}
@media (min-width: 1024px) {
.minw-xl-9 {
min-width: 45px;
}
}
@media (min-width: 1024px) {
.minw-xl-10 {
min-width: 50px;
}
}
@media (min-width: 1024px) {
.minw-xl-11 {
min-width: 55px;
}
}
@media (min-width: 1024px) {
.minw-xl-12 {
min-width: 60px;
}
}
@media (min-width: 1280px) {
.p-xxl-0 {
padding: 0;
}
}
@media (min-width: 1280px) {
.p-xxl-1 {
padding: 5px;
}
}
@media (min-width: 1280px) {
.p-xxl-2 {
padding: 10px;
}
}
@media (min-width: 1280px) {
.p-xxl-3 {
padding: 20px;
}
}
@media (min-width: 1280px) {
.p-xxl-4 {
padding: 30px;
}
}
@media (min-width: 1280px) {
.p-xxl-5 {
padding: 40px;
}
}
@media (min-width: 1280px) {
.p-xxl-6 {
padding: 50px;
}
}
@media (min-width: 1280px) {
.pl-xxl-0 {
padding-left: 0;
}
}
@media (min-width: 1280px) {
.pl-xxl-1 {
padding-left: 5px;
}
}
@media (min-width: 1280px) {
.pl-xxl-2 {
padding-left: 10px;
}
}
@media (min-width: 1280px) {
.pl-xxl-3 {
padding-left: 20px;
}
}
@media (min-width: 1280px) {
.pl-xxl-4 {
padding-left: 30px;
}
}
@media (min-width: 1280px) {
.pl-xxl-5 {
padding-left: 40px;
}
}
@media (min-width: 1280px) {
.pl-xxl-6 {
padding-left: 50px;
}
}
@media (min-width: 1280px) {
.pt-xxl-0 {
padding-top: 0;
}
}
@media (min-width: 1280px) {
.pt-xxl-1 {
padding-top: 5px;
}
}
@media (min-width: 1280px) {
.pt-xxl-2 {
padding-top: 10px;
}
}
@media (min-width: 1280px) {
.pt-xxl-3 {
padding-top: 20px;
}
}
@media (min-width: 1280px) {
.pt-xxl-4 {
padding-top: 30px;
}
}
@media (min-width: 1280px) {
.pt-xxl-5 {
padding-top: 40px;
}
}
@media (min-width: 1280px) {
.pt-xxl-6 {
padding-top: 50px;
}
}
@media (min-width: 1280px) {
.pr-xxl-0 {
padding-right: 0;
}
}
@media (min-width: 1280px) {
.pr-xxl-1 {
padding-right: 5px;
}
}
@media (min-width: 1280px) {
.pr-xxl-2 {
padding-right: 10px;
}
}
@media (min-width: 1280px) {
.pr-xxl-3 {
padding-right: 20px;
}
}
@media (min-width: 1280px) {
.pr-xxl-4 {
padding-right: 30px;
}
}
@media (min-width: 1280px) {
.pr-xxl-5 {
padding-right: 40px;
}
}
@media (min-width: 1280px) {
.pr-xxl-6 {
padding-right: 50px;
}
}
@media (min-width: 1280px) {
.pb-xxl-0 {
padding-bottom: 0;
}
}
@media (min-width: 1280px) {
.pb-xxl-1 {
padding-bottom: 5px;
}
}
@media (min-width: 1280px) {
.pb-xxl-2 {
padding-bottom: 10px;
}
}
@media (min-width: 1280px) {
.pb-xxl-3 {
padding-bottom: 20px;
}
}
@media (min-width: 1280px) {
.pb-xxl-4 {
padding-bottom: 30px;
}
}
@media (min-width: 1280px) {
.pb-xxl-5 {
padding-bottom: 40px;
}
}
@media (min-width: 1280px) {
.pb-xxl-6 {
padding-bottom: 50px;
}
}
@media (min-width: 1280px) {
.m-xxl-0 {
margin: 0;
}
}
@media (min-width: 1280px) {
.m-xxl-1 {
margin: 5px;
}
}
@media (min-width: 1280px) {
.m-xxl-2 {
margin: 10px;
}
}
@media (min-width: 1280px) {
.m-xxl-3 {
margin: 20px;
}
}
@media (min-width: 1280px) {
.m-xxl-4 {
margin: 30px;
}
}
@media (min-width: 1280px) {
.m-xxl-5 {
margin: 40px;
}
}
@media (min-width: 1280px) {
.m-xxl-6 {
margin: 50px;
}
}
@media (min-width: 1280px) {
.ml-xxl-0 {
margin-left: 0;
}
}
@media (min-width: 1280px) {
.ml-xxl-1 {
margin-left: 5px;
}
}
@media (min-width: 1280px) {
.ml-xxl-2 {
margin-left: 10px;
}
}
@media (min-width: 1280px) {
.ml-xxl-3 {
margin-left: 20px;
}
}
@media (min-width: 1280px) {
.ml-xxl-4 {
margin-left: 30px;
}
}
@media (min-width: 1280px) {
.ml-xxl-5 {
margin-left: 40px;
}
}
@media (min-width: 1280px) {
.ml-xxl-6 {
margin-left: 50px;
}
}
@media (min-width: 1280px) {
.mt-xxl-0 {
margin-top: 0;
}
}
@media (min-width: 1280px) {
.mt-xxl-1 {
margin-top: 5px;
}
}
@media (min-width: 1280px) {
.mt-xxl-2 {
margin-top: 10px;
}
}
@media (min-width: 1280px) {
.mt-xxl-3 {
margin-top: 20px;
}
}
@media (min-width: 1280px) {
.mt-xxl-4 {
margin-top: 30px;
}
}
@media (min-width: 1280px) {
.mt-xxl-5 {
margin-top: 40px;
}
}
@media (min-width: 1280px) {
.mt-xxl-6 {
margin-top: 50px;
}
}
@media (min-width: 1280px) {
.mr-xxl-0 {
margin-right: 0;
}
}
@media (min-width: 1280px) {
.mr-xxl-1 {
margin-right: 5px;
}
}
@media (min-width: 1280px) {
.mr-xxl-2 {
margin-right: 10px;
}
}
@media (min-width: 1280px) {
.mr-xxl-3 {
margin-right: 20px;
}
}
@media (min-width: 1280px) {
.mr-xxl-4 {
margin-right: 30px;
}
}
@media (min-width: 1280px) {
.mr-xxl-5 {
margin-right: 40px;
}
}
@media (min-width: 1280px) {
.mr-xxl-6 {
margin-right: 50px;
}
}
@media (min-width: 1280px) {
.mb-xxl-0 {
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.mb-xxl-1 {
margin-bottom: 5px;
}
}
@media (min-width: 1280px) {
.mb-xxl-2 {
margin-bottom: 10px;
}
}
@media (min-width: 1280px) {
.mb-xxl-3 {
margin-bottom: 20px;
}
}
@media (min-width: 1280px) {
.mb-xxl-4 {
margin-bottom: 30px;
}
}
@media (min-width: 1280px) {
.mb-xxl-5 {
margin-bottom: 40px;
}
}
@media (min-width: 1280px) {
.mb-xxl-6 {
margin-bottom: 50px;
}
}
@media (min-width: 1280px) {
.o-xxl-0 {
opacity: 0;
}
}
@media (min-width: 1280px) {
.o-xxl-10 {
opacity: 0.1;
}
}
@media (min-width: 1280px) {
.o-xxl-20 {
opacity: 0.2;
}
}
@media (min-width: 1280px) {
.o-xxl-30 {
opacity: 0.3;
}
}
@media (min-width: 1280px) {
.o-xxl-40 {
opacity: 0.4;
}
}
@media (min-width: 1280px) {
.o-xxl-50 {
opacity: 0.5;
}
}
@media (min-width: 1280px) {
.o-xxl-60 {
opacity: 0.6;
}
}
@media (min-width: 1280px) {
.o-xxl-70 {
opacity: 0.7;
}
}
@media (min-width: 1280px) {
.o-xxl-80 {
opacity: 0.8;
}
}
@media (min-width: 1280px) {
.o-xxl-90 {
opacity: 0.9;
}
}
@media (min-width: 1280px) {
.o-xxl-100 {
opacity: 1;
}
}
@media (min-width: 1280px) {
.br-xxl-none {
border-radius: 0;
}
}
@media (min-width: 1280px) {
.br-xxl-xs {
border-radius: 2px;
}
}
@media (min-width: 1280px) {
.br-xxl-sm {
border-radius: 4px;
}
}
@media (min-width: 1280px) {
.br-xxl-md {
border-radius: 8px;
}
}
@media (min-width: 1280px) {
.br-xxl-lg {
border-radius: 16px;
}
}
@media (min-width: 1280px) {
.br-xxl-full {
border-radius: 50%;
}
}
@media (min-width: 1280px) {
.font-xxl-xs {
font-size: 0.5rem;
}
}
@media (min-width: 1280px) {
.font-xxl-sm {
font-size: 1rem;
}
}
@media (min-width: 1280px) {
.font-xxl-md {
font-size: 1.5rem;
}
}
@media (min-width: 1280px) {
.font-xxl-lg {
font-size: 2rem;
}
}
@media (min-width: 1280px) {
.font-xxl-xl {
font-size: 2.5rem;
}
}
@media (min-width: 1280px) {
.lh-xxl-1 {
line-height: 1;
}
}
@media (min-width: 1280px) {
.lh-xxl-11 {
line-height: 1.1;
}
}
@media (min-width: 1280px) {
.lh-xxl-12 {
line-height: 1.2;
}
}
@media (min-width: 1280px) {
.lh-xxl-13 {
line-height: 1.3;
}
}
@media (min-width: 1280px) {
.lh-xxl-14 {
line-height: 1.4;
}
}
@media (min-width: 1280px) {
.lh-xxl-15 {
line-height: 1.5;
}
}
@media (min-width: 1280px) {
.maxw-xxl-1 {
max-width: 8.33333%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-2 {
max-width: 16.66666%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-3 {
max-width: 25%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-4 {
max-width: 33.3333%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-5 {
max-width: 41.66666%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-6 {
max-width: 50%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-7 {
max-width: 58.33333%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-8 {
max-width: 66.66666%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-9 {
max-width: 75%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-10 {
max-width: 83.33333%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-11 {
max-width: 91.66666%;
}
}
@media (min-width: 1280px) {
.maxw-xxl-12 {
max-width: 100%;
}
}
@media (min-width: 1280px) {
.minw-xxl-1 {
min-width: 5px;
}
}
@media (min-width: 1280px) {
.minw-xxl-2 {
min-width: 10px;
}
}
@media (min-width: 1280px) {
.minw-xxl-3 {
min-width: 15px;
}
}
@media (min-width: 1280px) {
.minw-xxl-4 {
min-width: 20px;
}
}
@media (min-width: 1280px) {
.minw-xxl-5 {
min-width: 25px;
}
}
@media (min-width: 1280px) {
.minw-xxl-6 {
min-width: 30px;
}
}
@media (min-width: 1280px) {
.minw-xxl-7 {
min-width: 35px;
}
}
@media (min-width: 1280px) {
.minw-xxl-8 {
min-width: 40px;
}
}
@media (min-width: 1280px) {
.minw-xxl-9 {
min-width: 45px;
}
}
@media (min-width: 1280px) {
.minw-xxl-10 {
min-width: 50px;
}
}
@media (min-width: 1280px) {
.minw-xxl-11 {
min-width: 55px;
}
}
@media (min-width: 1280px) {
.minw-xxl-12 {
min-width: 60px;
}
}
@media (min-width: 1640px) {
.p-xxxl-0 {
padding: 0;
}
}
@media (min-width: 1640px) {
.p-xxxl-1 {
padding: 5px;
}
}
@media (min-width: 1640px) {
.p-xxxl-2 {
padding: 10px;
}
}
@media (min-width: 1640px) {
.p-xxxl-3 {
padding: 20px;
}
}
@media (min-width: 1640px) {
.p-xxxl-4 {
padding: 30px;
}
}
@media (min-width: 1640px) {
.p-xxxl-5 {
padding: 40px;
}
}
@media (min-width: 1640px) {
.p-xxxl-6 {
padding: 50px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-0 {
padding-left: 0;
}
}
@media (min-width: 1640px) {
.pl-xxxl-1 {
padding-left: 5px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-2 {
padding-left: 10px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-3 {
padding-left: 20px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-4 {
padding-left: 30px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-5 {
padding-left: 40px;
}
}
@media (min-width: 1640px) {
.pl-xxxl-6 {
padding-left: 50px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-0 {
padding-top: 0;
}
}
@media (min-width: 1640px) {
.pt-xxxl-1 {
padding-top: 5px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-2 {
padding-top: 10px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-3 {
padding-top: 20px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-4 {
padding-top: 30px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-5 {
padding-top: 40px;
}
}
@media (min-width: 1640px) {
.pt-xxxl-6 {
padding-top: 50px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-0 {
padding-right: 0;
}
}
@media (min-width: 1640px) {
.pr-xxxl-1 {
padding-right: 5px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-2 {
padding-right: 10px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-3 {
padding-right: 20px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-4 {
padding-right: 30px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-5 {
padding-right: 40px;
}
}
@media (min-width: 1640px) {
.pr-xxxl-6 {
padding-right: 50px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-0 {
padding-bottom: 0;
}
}
@media (min-width: 1640px) {
.pb-xxxl-1 {
padding-bottom: 5px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-2 {
padding-bottom: 10px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-3 {
padding-bottom: 20px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-4 {
padding-bottom: 30px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-5 {
padding-bottom: 40px;
}
}
@media (min-width: 1640px) {
.pb-xxxl-6 {
padding-bottom: 50px;
}
}
@media (min-width: 1640px) {
.m-xxxl-0 {
margin: 0;
}
}
@media (min-width: 1640px) {
.m-xxxl-1 {
margin: 5px;
}
}
@media (min-width: 1640px) {
.m-xxxl-2 {
margin: 10px;
}
}
@media (min-width: 1640px) {
.m-xxxl-3 {
margin: 20px;
}
}
@media (min-width: 1640px) {
.m-xxxl-4 {
margin: 30px;
}
}
@media (min-width: 1640px) {
.m-xxxl-5 {
margin: 40px;
}
}
@media (min-width: 1640px) {
.m-xxxl-6 {
margin: 50px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-0 {
margin-left: 0;
}
}
@media (min-width: 1640px) {
.ml-xxxl-1 {
margin-left: 5px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-2 {
margin-left: 10px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-3 {
margin-left: 20px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-4 {
margin-left: 30px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-5 {
margin-left: 40px;
}
}
@media (min-width: 1640px) {
.ml-xxxl-6 {
margin-left: 50px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-0 {
margin-top: 0;
}
}
@media (min-width: 1640px) {
.mt-xxxl-1 {
margin-top: 5px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-2 {
margin-top: 10px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-3 {
margin-top: 20px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-4 {
margin-top: 30px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-5 {
margin-top: 40px;
}
}
@media (min-width: 1640px) {
.mt-xxxl-6 {
margin-top: 50px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-0 {
margin-right: 0;
}
}
@media (min-width: 1640px) {
.mr-xxxl-1 {
margin-right: 5px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-2 {
margin-right: 10px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-3 {
margin-right: 20px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-4 {
margin-right: 30px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-5 {
margin-right: 40px;
}
}
@media (min-width: 1640px) {
.mr-xxxl-6 {
margin-right: 50px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-0 {
margin-bottom: 0;
}
}
@media (min-width: 1640px) {
.mb-xxxl-1 {
margin-bottom: 5px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-2 {
margin-bottom: 10px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-3 {
margin-bottom: 20px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-4 {
margin-bottom: 30px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-5 {
margin-bottom: 40px;
}
}
@media (min-width: 1640px) {
.mb-xxxl-6 {
margin-bottom: 50px;
}
}
@media (min-width: 1640px) {
.o-xxxl-0 {
opacity: 0;
}
}
@media (min-width: 1640px) {
.o-xxxl-10 {
opacity: 0.1;
}
}
@media (min-width: 1640px) {
.o-xxxl-20 {
opacity: 0.2;
}
}
@media (min-width: 1640px) {
.o-xxxl-30 {
opacity: 0.3;
}
}
@media (min-width: 1640px) {
.o-xxxl-40 {
opacity: 0.4;
}
}
@media (min-width: 1640px) {
.o-xxxl-50 {
opacity: 0.5;
}
}
@media (min-width: 1640px) {
.o-xxxl-60 {
opacity: 0.6;
}
}
@media (min-width: 1640px) {
.o-xxxl-70 {
opacity: 0.7;
}
}
@media (min-width: 1640px) {
.o-xxxl-80 {
opacity: 0.8;
}
}
@media (min-width: 1640px) {
.o-xxxl-90 {
opacity: 0.9;
}
}
@media (min-width: 1640px) {
.o-xxxl-100 {
opacity: 1;
}
}
@media (min-width: 1640px) {
.br-xxxl-none {
border-radius: 0;
}
}
@media (min-width: 1640px) {
.br-xxxl-xs {
border-radius: 2px;
}
}
@media (min-width: 1640px) {
.br-xxxl-sm {
border-radius: 4px;
}
}
@media (min-width: 1640px) {
.br-xxxl-md {
border-radius: 8px;
}
}
@media (min-width: 1640px) {
.br-xxxl-lg {
border-radius: 16px;
}
}
@media (min-width: 1640px) {
.br-xxxl-full {
border-radius: 50%;
}
}
@media (min-width: 1640px) {
.font-xxxl-xs {
font-size: 0.5rem;
}
}
@media (min-width: 1640px) {
.font-xxxl-sm {
font-size: 1rem;
}
}
@media (min-width: 1640px) {
.font-xxxl-md {
font-size: 1.5rem;
}
}
@media (min-width: 1640px) {
.font-xxxl-lg {
font-size: 2rem;
}
}
@media (min-width: 1640px) {
.font-xxxl-xl {
font-size: 2.5rem;
}
}
@media (min-width: 1640px) {
.lh-xxxl-1 {
line-height: 1;
}
}
@media (min-width: 1640px) {
.lh-xxxl-11 {
line-height: 1.1;
}
}
@media (min-width: 1640px) {
.lh-xxxl-12 {
line-height: 1.2;
}
}
@media (min-width: 1640px) {
.lh-xxxl-13 {
line-height: 1.3;
}
}
@media (min-width: 1640px) {
.lh-xxxl-14 {
line-height: 1.4;
}
}
@media (min-width: 1640px) {
.lh-xxxl-15 {
line-height: 1.5;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-1 {
max-width: 8.33333%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-2 {
max-width: 16.66666%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-3 {
max-width: 25%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-4 {
max-width: 33.3333%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-5 {
max-width: 41.66666%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-6 {
max-width: 50%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-7 {
max-width: 58.33333%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-8 {
max-width: 66.66666%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-9 {
max-width: 75%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-10 {
max-width: 83.33333%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-11 {
max-width: 91.66666%;
}
}
@media (min-width: 1640px) {
.maxw-xxxl-12 {
max-width: 100%;
}
}
@media (min-width: 1640px) {
.minw-xxxl-1 {
min-width: 5px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-2 {
min-width: 10px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-3 {
min-width: 15px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-4 {
min-width: 20px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-5 {
min-width: 25px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-6 {
min-width: 30px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-7 {
min-width: 35px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-8 {
min-width: 40px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-9 {
min-width: 45px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-10 {
min-width: 50px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-11 {
min-width: 55px;
}
}
@media (min-width: 1640px) {
.minw-xxxl-12 {
min-width: 60px;
}
}
.hidden {
display: none !important;
}
html, body {
height: 100%;
scroll-behavior: smooth;
scroll-padding-top: var(--scroll-padding);
margin-top: 0 !important;
}
body {
background-color: var(--pageBodyBg);
color: var(--pageBodyColor);
margin: 0;
padding: 0;
overflow-x: hidden;
}
body.locked {
overflow: hidden;
}
a {
color: var(--pageLinkColor);
transition: color .3s ease;
}
a i {
transition: color .3s ease;
}
a.textlink {
margin: 0 !important;
}
@media (hover: hover) {
a:hover {
color: var(--pageLinkHoverColor);
}
}
@use "sass:math";
.container {
width: 100%;
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.justify-flex-start {
justify-content: flex-start;
}
.justify-flex-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-space-between {
justify-content: space-between;
}
.justify-space-around {
justify-content: space-around;
}
.col-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-3 {
width: 25%;
flex-grow: 0;
}
.col-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-6 {
width: 50%;
flex-grow: 0;
}
.col-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-9 {
width: 75%;
flex-grow: 0;
}
.col-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-12 {
width: 100%;
flex-grow: 0;
}
.gap-none > * {
padding: 0 0;
}
@media (min-width: 640px) {
.gap-none > * {
padding: 0 0;
}
}
.gap-none {
margin-left: calc((0 / 2) * -1);
margin-right: calc((0 / 2) * -1);
}
@media (min-width: 640px) {
.gap-none {
margin-left: -0;
margin-right: -0;
}
}
.gap-s > * {
padding: 0 10px;
}
@media (min-width: 640px) {
.gap-s > * {
padding: 0 20px;
}
}
.gap-s {
margin-left: calc((20px / 2) * -1);
margin-right: calc((20px / 2) * -1);
}
@media (min-width: 640px) {
.gap-s {
margin-left: -20px;
margin-right: -20px;
}
}
.gap-m > * {
padding: 0 20px;
}
@media (min-width: 640px) {
.gap-m > * {
padding: 0 40px;
}
}
.gap-m {
margin-left: calc((40px / 2) * -1);
margin-right: calc((40px / 2) * -1);
}
@media (min-width: 640px) {
.gap-m {
margin-left: -40px;
margin-right: -40px;
}
}
.gap-l > * {
padding: 0 30px;
}
@media (min-width: 640px) {
.gap-l > * {
padding: 0 60px;
}
}
.gap-l {
margin-left: calc((60px / 2) * -1);
margin-right: calc((60px / 2) * -1);
}
@media (min-width: 640px) {
.gap-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 480px) {
.col-xs-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-xs-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-xs-3 {
width: 25%;
flex-grow: 0;
}
.col-xs-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-xs-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-xs-6 {
width: 50%;
flex-grow: 0;
}
.col-xs-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-xs-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-xs-9 {
width: 75%;
flex-grow: 0;
}
.col-xs-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-xs-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-xs-12 {
width: 100%;
flex-grow: 0;
}
.gap-xs-none > * {
padding: 0 0;
}
.gap-xs-none {
margin-left: -0;
margin-right: -0;
}
.gap-xs-s > * {
padding: 0 20px;
}
.gap-xs-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-xs-m > * {
padding: 0 40px;
}
.gap-xs-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-xs-l > * {
padding: 0 60px;
}
.gap-xs-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 640px) {
.col-sm-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-sm-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-sm-3 {
width: 25%;
flex-grow: 0;
}
.col-sm-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-sm-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-sm-6 {
width: 50%;
flex-grow: 0;
}
.col-sm-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-sm-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-sm-9 {
width: 75%;
flex-grow: 0;
}
.col-sm-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-sm-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-sm-12 {
width: 100%;
flex-grow: 0;
}
.gap-sm-none > * {
padding: 0 0;
}
.gap-sm-none {
margin-left: -0;
margin-right: -0;
}
.gap-sm-s > * {
padding: 0 20px;
}
.gap-sm-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-sm-m > * {
padding: 0 40px;
}
.gap-sm-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-sm-l > * {
padding: 0 60px;
}
.gap-sm-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 768px) {
.col-md-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-md-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-md-3 {
width: 25%;
flex-grow: 0;
}
.col-md-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-md-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-md-6 {
width: 50%;
flex-grow: 0;
}
.col-md-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-md-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-md-9 {
width: 75%;
flex-grow: 0;
}
.col-md-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-md-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-md-12 {
width: 100%;
flex-grow: 0;
}
.gap-md-none > * {
padding: 0 0;
}
.gap-md-none {
margin-left: -0;
margin-right: -0;
}
.gap-md-s > * {
padding: 0 20px;
}
.gap-md-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-md-m > * {
padding: 0 40px;
}
.gap-md-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-md-l > * {
padding: 0 60px;
}
.gap-md-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 992px) {
.col-lg-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-lg-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-lg-3 {
width: 25%;
flex-grow: 0;
}
.col-lg-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-lg-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-lg-6 {
width: 50%;
flex-grow: 0;
}
.col-lg-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-lg-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-lg-9 {
width: 75%;
flex-grow: 0;
}
.col-lg-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-lg-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-lg-12 {
width: 100%;
flex-grow: 0;
}
.gap-lg-none > * {
padding: 0 0;
}
.gap-lg-none {
margin-left: -0;
margin-right: -0;
}
.gap-lg-s > * {
padding: 0 20px;
}
.gap-lg-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-lg-m > * {
padding: 0 40px;
}
.gap-lg-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-lg-l > * {
padding: 0 60px;
}
.gap-lg-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 1024px) {
.col-xl-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-xl-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-xl-3 {
width: 25%;
flex-grow: 0;
}
.col-xl-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-xl-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-xl-6 {
width: 50%;
flex-grow: 0;
}
.col-xl-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-xl-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-xl-9 {
width: 75%;
flex-grow: 0;
}
.col-xl-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-xl-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-xl-12 {
width: 100%;
flex-grow: 0;
}
.gap-xl-none > * {
padding: 0 0;
}
.gap-xl-none {
margin-left: -0;
margin-right: -0;
}
.gap-xl-s > * {
padding: 0 20px;
}
.gap-xl-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-xl-m > * {
padding: 0 40px;
}
.gap-xl-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-xl-l > * {
padding: 0 60px;
}
.gap-xl-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 1280px) {
.col-xxl-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-xxl-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-xxl-3 {
width: 25%;
flex-grow: 0;
}
.col-xxl-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-xxl-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-xxl-6 {
width: 50%;
flex-grow: 0;
}
.col-xxl-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-xxl-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-xxl-9 {
width: 75%;
flex-grow: 0;
}
.col-xxl-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-xxl-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-xxl-12 {
width: 100%;
flex-grow: 0;
}
.gap-xxl-none > * {
padding: 0 0;
}
.gap-xxl-none {
margin-left: -0;
margin-right: -0;
}
.gap-xxl-s > * {
padding: 0 20px;
}
.gap-xxl-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-xxl-m > * {
padding: 0 40px;
}
.gap-xxl-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-xxl-l > * {
padding: 0 60px;
}
.gap-xxl-l {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 1640px) {
.col-xxxl-1 {
width: 8.333333%;
flex-grow: 0;
}
.col-xxxl-2 {
width: 16.666667%;
flex-grow: 0;
}
.col-xxxl-3 {
width: 25%;
flex-grow: 0;
}
.col-xxxl-4 {
width: 33.333333%;
flex-grow: 0;
}
.col-xxxl-5 {
width: 41.666667%;
flex-grow: 0;
}
.col-xxxl-6 {
width: 50%;
flex-grow: 0;
}
.col-xxxl-7 {
width: 58.333333%;
flex-grow: 0;
}
.col-xxxl-8 {
width: 66.666667%;
flex-grow: 0;
}
.col-xxxl-9 {
width: 75%;
flex-grow: 0;
}
.col-xxxl-10 {
width: 83.333333%;
flex-grow: 0;
}
.col-xxxl-11 {
width: 91.666667%;
flex-grow: 0;
}
.col-xxxl-12 {
width: 100%;
flex-grow: 0;
}
.gap-xxxl-none > * {
padding: 0 0;
}
.gap-xxxl-none {
margin-left: -0;
margin-right: -0;
}
.gap-xxxl-s > * {
padding: 0 20px;
}
.gap-xxxl-s {
margin-left: -20px;
margin-right: -20px;
}
.gap-xxxl-m > * {
padding: 0 40px;
}
.gap-xxxl-m {
margin-left: -40px;
margin-right: -40px;
}
.gap-xxxl-l > * {
padding: 0 60px;
}
.gap-xxxl-l {
margin-left: -60px;
margin-right: -60px;
}
}
@font-face {
font-family: "TT Commons Classic W01 Light";
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/c0fdf756-27c7-46b6-ade5-d04ede3fbf9b.woff2) format("woff2"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/499f3b52-6c48-40e5-9a4a-7d76f57bc82d.woff) format("woff");
font-display: fallback;
}
@font-face {
font-family: "TT Commons Classic W01 Regular";
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/56184c9a-0155-4961-a836-516c2a37949d.woff2) format("woff2"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/941bd4ef-6d96-4cc3-b891-b967fb693919.woff) format("woff");
font-display: fallback;
}
@font-face {
font-family: "TT Commons Classic W01 Medium";
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/ad9be1db-493d-445e-aeb8-16a5cca6cde9.woff2) format("woff2"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/5df2ffcf-6190-4c99-adea-e678cb3fcad8.woff) format("woff");
font-display: fallback;
}
@font-face {
font-family: "TT Commons Classic W01 DemiBold";
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/c7e2cf7d-6add-43b2-8bd9-f68faa219cb6.woff2) format("woff2"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/9a718670-1649-4925-a033-3a8b409e3a39.woff) format("woff");
font-display: fallback;
}
@font-face {
font-family: "TT Commons Classic W01 Bold";
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/7d35d1f9-668e-42b2-a6b2-9009f0aa3ed4.woff2) format("woff2"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/commons/23a70446-ff80-4d9d-a429-94bc68bb5c97.woff) format("woff");
font-display: fallback;
}
.text-box {
max-width: 80%;
}
body {
font-family: var(--pageTypoFamily);
font-size: var(--pageTypoFontSize);
line-height: var(--pageTypoLineHeight);
letter-spacing: var(--pageTypoLetterSpacing);
}
h1 {
font-family: var(--pageTypoH1FontFamily);
font-size: calc(var(--pageTypoH1FontSize) * .8);
line-height: var(--pageTypoH1LineHeight);
font-weight: var(--pageTypoH1FontWeight);
padding: 0 0 var(--pageTypoH1PaddingBottom);
margin: 0 0 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
color: var(--pageTypoH1Color);
}
@media (min-width: 768px) {
h1 {
font-size: var(--pageTypoH1FontSize);
}
}
h2 {
font-family: var(--pageTypoH2FontFamily);
font-size: calc(var(--pageTypoH2FontSize) * .8);
line-height: var(--pageTypoH2LineHeight);
font-weight: var(--pageTypoH2FontWeight);
padding: 0 0 var(--pageTypoH2PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH2Color);
}
@media (min-width: 768px) {
h2 {
font-size: var(--pageTypoH2FontSize);
}
}
h3 {
font-family: var(--pageTypoH3FontFamily);
font-size: var(--pageTypoH3FontSize);
line-height: var(--pageTypoH3LineHeight);
font-weight: var(--pageTypoH3FontWeight);
padding: 0 0 var(--pageTypoH3PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH3Color);
}
@media (min-width: 768px) {
h3 {
font-size: var(--pageTypoH3FontSize);
}
}
h4 {
font-family: var(--pageTypoH4FontFamily);
font-size: var(--pageTypoH4FontSize);
line-height: var(--pageTypoH4LineHeight);
font-weight: var(--pageTypoH4FontWeight);
padding: 0 0 var(--pageTypoH4PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH4Color);
}
@media (min-width: 768px) {
h4 {
font-size: var(--pageTypoH4FontSize);
}
}
h5 {
font-family: var(--pageTypoH5FontFamily);
font-size: var(--pageTypoH5FontSize);
line-height: var(--pageTypoH5LineHeight);
font-weight: var(--pageTypoH5FontWeight);
padding: 0 0 var(--pageTypoH5PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH5Color);
}
@media (min-width: 768px) {
h5 {
font-size: var(--pageTypoH5FontSize);
}
}
p {
padding: 0 0 var(--pageTypoParagraphPaddingBottom);
margin: 0 0 0;
}
ul {
padding: 0 0 30px 15px;
margin: 0 0 0;
}
.font-weight-s {
font-family: 'TT Commons Classic W01 Light';
}
.font-weight-m {
font-family: 'TT Commons Classic W01 Regular';
}
.font-weight-l {
font-family: 'TT Commons Classic W01 DemiBold';
}
.font-size-x {
font-size: var(--pageTypoHelperClassFontSizeX) !important;
}
@media (min-width: 768px) {
.font-size-x {
font-size: var(--pageTypoHelperClassFontSizeX) !important;
}
}
.font-size-s {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
}
@media (min-width: 768px) {
.font-size-s {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
}
}
.font-size-m {
font-size: calc(var(--pageTypoHelperClassFontSizeM) * .8) !important;
line-height: 1.2;
}
@media (min-width: 768px) {
.font-size-m {
font-size: var(--pageTypoHelperClassFontSizeM) !important;
line-height: 1.2;
}
}
.font-size-l {
font-size: calc(var(--pageTypoHelperClassFontSizeL) * .35) !important;
}
@media (min-width: 768px) {
.font-size-l {
font-size: calc(var(--pageTypoH1FontSize) * .7) !important;
line-height: 1.1;
}
}
@media (min-width: 1640px) {
.font-size-l {
font-size: var(--pageTypoH1FontSize) !important;
line-height: 1.1;
}
}
.font-size-xl {
font-size: calc(var(--pageTypoHelperClassFontSizeXL) * .35) !important;
}
@media (min-width: 768px) {
.font-size-xl {
font-size: calc(var(--pageTypoHelperClassFontSizeXL) * .7) !important;
line-height: 1.1;
}
}
@media (min-width: 1640px) {
.font-size-xl {
font-size: var(--pageTypoHelperClassFontSizeXL) !important;
line-height: 1.1;
}
}
.font-color-dark {
color: var(--pageTypoHelperClassFontColorDark) !important;
}
.font-color-bright {
color: var(--pageTypoHelperClassFontColorBright) !important;
}
.font-color-brand {
color: var(--pageBrandColorActive) !important;
}
.font-color-accent {
color: var(--pageAccentColor) !important;
}
.font-caps {
text-transform: uppercase;
}
.font-center {
text-align: center;
max-width: 100% !important;
}
.font-default {
font-family: 'Manrope';
}
.font-custom {
font-family: 'ABC Gravity';
}
.module__outer__inner.spacebefore-none {
padding-top: calc(0 *  var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spacebefore-none {
padding-top: 0;
}
}
.module__outer__inner.spaceafter-none {
padding-bottom: calc(0 * var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spaceafter-none {
padding-bottom: 0;
}
}
.module__outer__inner.spacebefore-s {
padding-top: calc(var(--pageModuleSpaceS) *  var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spacebefore-s {
padding-top: var(--pageModuleSpaceS);
}
}
.module__outer__inner.spaceafter-s {
padding-bottom: calc(var(--pageModuleSpaceS) * var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spaceafter-s {
padding-bottom: var(--pageModuleSpaceS);
}
}
.module__outer__inner.spacebefore-m {
padding-top: calc(var(--pageModuleSpaceM) *  var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spacebefore-m {
padding-top: var(--pageModuleSpaceM);
}
}
.module__outer__inner.spaceafter-m {
padding-bottom: calc(var(--pageModuleSpaceM) * var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spaceafter-m {
padding-bottom: var(--pageModuleSpaceM);
}
}
.module__outer__inner.spacebefore-l {
padding-top: calc(var(--pageModuleSpaceL) *  var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spacebefore-l {
padding-top: var(--pageModuleSpaceL);
}
}
.module__outer__inner.spaceafter-l {
padding-bottom: calc(var(--pageModuleSpaceL) * var(--pageModuleSpaceMobileFactor));
}
@media (min-width: 768px) {
.module__outer__inner.spaceafter-l {
padding-bottom: var(--pageModuleSpaceL);
}
}
.module {
background-color: var(--pageModuleBg);
}
.module__outer__inner.indentbefore-none {
padding-left: 0;
}
@media (min-width: 768px) {
.module__outer__inner.indentbefore-none {
padding-left: 0;
}
}
.module__outer__inner.indentafter-none {
padding-right: 0;
}
@media (min-width: 768px) {
.module__outer__inner.indentafter-none {
padding-right: 0;
}
}
.module {
background-color: var(--pageModuleBg);
}
.module__outer__inner.indentbefore-xs {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentbefore-xs {
padding-left: var(--pageModuleIndentS);
}
}
.module__outer__inner.indentafter-xs {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentafter-xs {
padding-right: var(--pageModuleIndentS);
}
}
.module {
background-color: var(--pageModuleBg);
}
.module__outer__inner.indentbefore-s {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentbefore-s {
padding-left: var(--pageModuleIndentM);
}
}
.module__outer__inner.indentafter-s {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentafter-s {
padding-right: var(--pageModuleIndentM);
}
}
.module {
background-color: var(--pageModuleBg);
}
.module__outer__inner.indentbefore-m {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentbefore-m {
padding-left: var(--pageModuleIndentL);
}
}
.module__outer__inner.indentafter-m {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentafter-m {
padding-right: var(--pageModuleIndentL);
}
}
.module {
background-color: var(--pageModuleBg);
}
.module__outer__inner.indentbefore-l {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentbefore-l {
padding-left: var(--pageModuleIndentXL);
}
}
.module__outer__inner.indentafter-l {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module__outer__inner.indentafter-l {
padding-right: var(--pageModuleIndentXL);
}
}
svg.icon {
width: 25px;
height: 25px;
display: inline-block;
}
svg.icon path, svg.icon g {
stroke: brown;
}
@font-face {
font-family: 'WW-Default-Icons-2022-Q2';
src: url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.ttf?gjvd6d) format("truetype"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.woff?gjvd6d) format("woff"), url(//www.iqst.org/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.svg?gjvd6d#WW-Default-Icons-2022-Q2) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
i { font-family: var(--pageIconFont);
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-globe_bold-ww::before {
content: var(--pageIconUiGlobeBold);
}
.icon-globe_light-ww::before {
content: var(--pageIconUiGlobeLight);
}
.icon-heart-outline-ww::before {
content: var(--pageIconUiHeartOutlined);
}
.icon-icon-heart-full-ww::before {
content: var(--pageIconUiHeartFilled);
}
.icon-account_bold-ww::before {
content: var(--pageIconUiAccountBold);
}
.icon-account_light-ww::before {
content: var(--pageIconUiAccountLight);
}
.icon-cart_bold-ww::before {
content: var(--pageIconUiCartBold);
}
.icon-cart_light-ww::before {
content: var(--pageIconUiCartLight);
}
.icon-location_bold-ww::before {
content: var(--pageIconUiLocationBold);
}
.icon-location_light-ww::before {
content: var(--pageIconUiLocationLight);
}
.icon-menu_bold-ww::before {
content: var(--pageIconUiMenuBold);
}
.icon-menu_light-ww::before {
content: var(--pageIconUiMenuLight);
}
.icon-account-2_bold-ww::before {
content: var(--pageIconUiAccount2Bold);
}
.icon-account-2_light-ww::before {
content: var(--pageIconUiAccount2Light);
}
.icon-add_bold-ww::before {
content: var(--pageIconUiAddBold);
}
.icon-add_light-ww::before {
content: var(--pageIconUiAddLight);
}
.icon-arrow_bold-ww::before {
content: var(--pageIconUiArrowBold);
}
.icon-arrow_light-ww::before {
content: var(--pageIconUiArrowLight);
}
.icon-arrow_circle_bold-ww::before {
content: var(--pageIconUiArrowCircleBold);
}
.icon-arrow_circle_light-ww::before {
content: var(--pageIconUiArrowCircleLight);
}
.icon-plus_circle_bold-ww::before {
content: var(--pageIconUiPlusCircleBold);
}
.icon-plus_circle_light-ww::before {
content: var(--pageIconUiPlusCircleLight);
}
.icon-cart-2_bold-ww::before {
content: var(--pageIconUiCart2Bold);
}
.icon-cart-2_light-ww::before {
content: var(--pageIconUiCart2Light);
}
.icon-times_bold-ww::before {
content: var(--pageIconUiTimesBold);
}
.icon-times_light-ww::before {
content: var(--pageIconUiTimesLight);
}
.icon-phone_bold-ww::before {
content: var(--pageIconUiPhoneBold);
}
.icon-phone_light-ww::before {
content: var(--pageIconUiPhoneLight);
}
.icon-search_bold-ww::before {
content: var(--pageIconUiSearchBold);
}
.icon-search_light-ww::before {
content: var(--pageIconUiSearchLight);
}
.icon-facebook_square-ww::before {
content: var(--pageIconSocialFacebookSquare);
}
.icon-linkedin_square-ww::before {
content: var(--pageIconSocialLinkedinSquare);
}
.icon-linkedin-ww::before {
content: var(--pageIconSocialLinkedin);
}
.icon-whatsapp-ww::before {
content: var(--pageIconSocialWhatsapp);
}
.icon-twitter-ww::before {
content: var(--pageIconSocialTwitter);
}
.icon-xing-ww::before {
content: var(--pageIconSocialXing);
}
.icon-youtube-ww::before {
content: var(--pageIconSocialYoutube);
}
.icon-youtube-2-ww::before {
content: var(--pageIconSocialYoutube2);
}
.icon-spotify-ww::before {
content: var(--pageIconSocialSpotify);
}
.icon-instagram-ww::before {
content: var(--pageIconSocialInstagram);
}
.icon-facebook-ww::before {
content: var(--pageIconSocialFacebook);
}
.icon-gls-ww::before {
content: var(--pageIconShippingGls);
}
.icon-dhl-packstation-ww::before {
content: var(--pageIconShippingDhlPackstation);
}
.icon-dhl-ww::before {
content: var(--pageIconShippingDhl);
}
.icon-dpd-ww::before {
content: var(--pageIconShippingDpd);
}
.icon-ups-ww::before {
content: var(--pageIconShippingUps);
}
.icon-ec-ww::before {
content: var(--pageIconPaymentEc);
}
.icon-mastercard-ww::before {
content: var(--pageIconPaymentMastercard);
}
.icon-mastercard-2-ww::before {
content: var(--pageIconPaymentMastercard2);
}
.icon-paypal-1-ww::before {
content: var(--pageIconPaymentPaypal);
}
.icon-paypal-2-ww::before {
content: var(--pageIconPaymentPaypal2);
}
.icon-rechnung-ww::before {
content: var(--pageIconPaymentRechnung);
}
.icon-klarna-ww::before {
content: var(--pageIconPaymentKlarna);
}
.icon-visa-ww::before {
content: var(--pageIconPaymentVisa);
}
.icon-sepa-ww::before {
content: var(--pageIconPaymentSepa);
}
.footer {
border-top: var(--pageFooterBorder);
background-color: var(--pageFooterBgColor);
}
.footer__outer {
max-width: var(--pageMaxWidth);
margin: 0 auto;
}
.footer__outer__inner {
padding: 100px 8.33333% 80px 8.33333%;
}
.footer__outer__inner .col {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.footer__outer__inner .col {
justify-content: flex-start;
}
}
.footer__outer__inner .col__wrapper {
display: block;
padding-bottom: 60px;
width: 100%;
}
@media (min-width: 768px) {
.footer__outer__inner .col__wrapper {
padding-bottom: 20px;
}
}
.footer__outer__inner .col__wrapper:last-of-type {
padding-bottom: 0;
}
.footer__outer__inner .col__wrapper__headline {
color: var(--pageFooterColor);
padding-bottom: 10px;
}
.footer__outer__inner .col__wrapper__list {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer__outer__inner .col__wrapper__list li:last-of-type {
padding-bottom: 0;
}
.footer__outer__inner .col__wrapper__list li a {
color: var(--pageFooterLinkColor);
text-decoration: none;
}
.footer__outer__inner .col.social {
padding-bottom: 60px;
}
@media (min-width: 768px) {
.footer__outer__inner .col.social {
padding-bottom: 0;
}
}
.footer__outer__inner .col.social .col__wrapper__list {
display: flex;
flex-wrap: wrap;
}
.footer__outer__inner .col.social .col__wrapper__list li {
display: inline-block;
padding-right: 16px;
}
.footer__outer__inner .col.social .col__wrapper__list li a {
text-decoration: none;
}
.footer__outer__inner .col.social .col__wrapper__list li a i {
font-size: 24px;
display: inline-block;
transform: translateY(6px);
padding-right: 10px;
}
.footer__outer__inner .col.legals {
display: flex;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.footer__outer__inner .col.legals {
padding-bottom: 0;
justify-content: center;
}
}
@media (min-width: 768px) {
.footer__outer__inner .col.legals .col__wrapper {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
.footer__outer__inner .col.legals .col__wrapper .col__wrapper__list li {
padding-bottom: 10px;
}
.footer__outer__inner .col.legals .col__wrapper .col__wrapper__list li a {
text-decoration: underline;
}
@media (hover: hover) {
.footer__inner .col__wrapper__list li a:hover {
color: var(--pageFooterLinkHover);
}
}
.header {
background-color: var(--pageHeaderBgColor);
width: 100%;
box-shadow: var(--pageHeaderShadow);
padding: 40px 8.33333%;
}
.header.fullscreen {
height: 100dvh;
}
.header.fullscreen .header__inner {
height: 100%;
}
.header.fullscreen .header__inner .row {
height: 100%;
align-items: flex-start;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.header.fullscreen .header__inner .row__logo {
width: 100%;
display: flex;
height: 33px;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer {
width: 100%;
display: none;
height: 200px;
flex-direction: row;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__col.left {
width: 70%;
justify-content: flex-end;
display: flex;
flex-direction: column;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__col.right {
width: 30%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch {
list-style-type: none;
margin: 0;
padding: 0;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li {
padding-bottom: 5px;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li a {
font-size: 25px;
text-decoration: none;
text-transform: uppercase;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li a.active {
font-family: 'Referenz Grotesk W05 Bold';
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__title {
font-size: 20px;
padding-bottom: 13px;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row {
font-size: 15px;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.tel {
display: block;
text-decoration: none;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.email {
display: block;
padding-bottom: 15px;
text-decoration: none;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.company {
display: block;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.address {
display: block;
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.city {
display: block;
}
.header.fullscreen .header__inner #menu-primary-menu {
display: none;
}
.header.fullscreen .header__inner .mobile-navigation {
display: flex;
}
.header.fullscreen .header__inner .mobile-menu-button::before {
transform: rotate(45deg) translate(7px, 6px);
}
@media (min-width: 640px) {
.header.fullscreen .header__inner .mobile-menu-button::before {
transform: rotate(45deg) translate(7px, 6px);
}
}
.header.fullscreen .header__inner .mobile-menu-button::after {
transform: rotate(-45deg) translate(5px, -5px);
}
@media (min-width: 640px) {
.header.fullscreen .header__inner .mobile-menu-button::after {
transform: rotate(-45deg) translate(5px, -5px);
}
}
.header--backdrop {
height: var(--header-height);
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--pageBrandColorActive);
mix-blend-mode: multiply;
z-index: 9998;
}
.header--backdrop.fullscreen {
height: var(--viewport-height);
}
.header .row {
max-width: var(--pageMaxWidth);
margin: 0 auto;
}
.header .row.mobile-navigation-wrapper {
display: none;
}
.header .logo {
display: inline-flex;
height: 100%;
align-items: center;
}
.header .logo .svg-logo {
width: 93px;
height: 34px;
}
@media (min-width: 640px) {
.header .logo .svg-logo {
width: 115px;
height: 42px;
}
}
.header .logo .svg-logo path {
fill: #000000;
}
.header .mobile-menu-button {
position: absolute;
top: 55px;
right: 8.333%;
z-index: 1;
display: inline-block;
width: 34px;
height: 20px;
border: none;
background-color: transparent;
outline: none;
transition: all .3s ease;
}
@media (min-width: 640px) {
.header .mobile-menu-button {
top: 55px;
width: 34px;
height: 20px;
}
}
@media (min-width: 992px) {
.header .mobile-menu-button {
display: none;
}
}
.header .mobile-menu-button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 3px;
background-color: var(--pageHeaderMenuIconColor);
transform-origin: center center;
transition: all .3s ease;
}
@media (min-width: 640px) {
.header .mobile-menu-button::before {
height: 4px;
}
}
.header .mobile-menu-button::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 3px;
background-color: var(--pageHeaderMenuIconColor);
transform-origin: center center;
transition: all .3s ease;
}
@media (min-width: 640px) {
.header .mobile-menu-button::after {
height: 4px;
}
}
.header .mobile-navigation-wrapper .mobile-navigation {
padding: 40px 0 0;
}
.header .mobile-navigation-wrapper .mobile-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.header .mobile-navigation-wrapper .mobile-navigation ul li {
padding: 0 0 20px;
}
.header .mobile-navigation-wrapper .mobile-navigation ul li a {
line-height: 1;
color: var(--pageHeaderNavigationColor);
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-wrapper {
width: 100%;
padding: 0;
min-height: 100%;
position: relative;
margin: 0 auto;
max-width: 100%;
}
.page-wrapper .main-content {
padding: 0 0 calc(var(--pageFooterSpacer) / 3);
}
@media (min-width: 640px) {
.page-wrapper .main-content {
padding: 0 0 var(--pageFooterSpacer);
}
}
.page-wrapper .main-content video {
width: 100%;
height: auto;
}
.header nav {
display: flex;
}
.header nav .logo {
display: flex;
width: 150px;
}
.header nav .mobile-menu-button {
top: 37px;
}
.header nav .nav-list {
display: none;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
width: calc(100% - 150px);
padding-left: 30px;
list-style: none;
padding: 0;
margin: 0;
background-color: #fff;
justify-content: flex-end;
}
@media (min-width: 992px) {
.header nav .nav-list {
display: flex;
flex-direction: row;
}
}
.header nav .nav-list li {
flex: 0 1 auto;
position: relative;
display: flex;
padding: 0 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.header nav .nav-list li {
flex-wrap: nowrap;
}
}
.header nav .nav-list li.menu-item-has-children a {
padding: 8px 20px 0 0;
}
.header nav .nav-list li a {
display: block;
text-decoration: none;
color: #000000;
text-transform: uppercase;
padding: 8px 0 0;
margin-bottom: 4px;
font-size: 20px;
line-height: 1;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
position: relative;
}
.header nav .nav-list li a:focus {
border-color: var(--pageBrandColorActive);
}
.header nav .nav-list li .dropdown-toggle {
background-color: transparent;
border: none;
color: #000000;
display: inline-block;
margin: 5px 0 0;
padding: 0 7px;
position: absolute;
top: 4px;
right: 0;
z-index: 1;
}
.header nav .nav-list li .dropdown-toggle i {
transform-origin: center center;
font-size: 18px;
display: inline-block;
}
.header nav .nav-list li .dropdown-toggle i::before {
display: inline-block;
transform-origin: center center;
transform: rotate(90deg);
}
.header nav .nav-list li .dropdown-toggle.open i::before {
transform: rotate(270deg);
}
.header nav .nav-list li .dropdown-toggle .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.header nav .nav-list li .dropdown-toggle .screen-reader-text:focus, .header nav .nav-list li .dropdown-toggle .screen-reader-text:active {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.header nav .nav-list li .sub-menu {
list-style: none;
padding: 0;
margin: 0;
background-color: #fff;
display: none;
opacity: 0;
width: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (min-width: 992px) {
.header nav .nav-list li .sub-menu {
position: absolute;
z-index: 30;
top: 100%;
width: auto;
}
}
.header nav .nav-list li .sub-menu.open {
display: flex;
opacity: 1;
flex-direction: column;
left: 0;
}
.header nav .nav-list li .sub-menu li {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 10px;
padding-bottom: 10px;
}
.header nav .nav-list li .sub-menu li:last-of-type {
border: none;
}
.header nav .nav-list li .sub-menu li .dropdown-toggle {
top: 14px;
}
.header nav .nav-list li .sub-menu li a {
font-size: 18px;
}
.header nav .nav-list li .sub-menu li .sub-menu {
background-color: #fff;
}
@media (min-width: 992px) {
.header nav .nav-list li .sub-menu li .sub-menu {
position: absolute;
z-index: 30;
top: 0;
left: 100%;
width: auto;
}
}
@media (min-width: 992px) {
.header nav .nav-list li .sub-menu li .sub-menu.lefted {
left: inherit;
right: 100%;
}
}
.header.fullscreen {
background-color: #fff;
}
.header.fullscreen .header__inner {
min-height: 100%;
max-width: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
.header.fullscreen .header__inner .row {
flex-direction: row;
align-items: flex-start !important;
justify-content: flex-start;
flex: 1;
min-height: 0;
overflow: auto;
}
.header.fullscreen .header__inner .row__logo {
width: 100%;
}
.header.fullscreen .header__inner .row .nav-list {
display: flex;
width: 100%;
justify-content: flex-start;
padding-top: 30px;
padding-bottom: 30px;
flex: 1 1 auto;
min-height: 0;
height: 100%;
flex-wrap: nowrap;
}
.header.fullscreen .header__inner .row .nav-list li {
border: none;
padding-right: 0;
padding-left: 0;
}
.header.fullscreen .header__inner .row .nav-list li .dropdown-toggle {
border: 1px solid #818181;
padding: 4px 7px 0;
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu {
box-shadow: none;
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li {
border: none;
padding-left: 15px;
border-left: 2px solid #a8a7a4;
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li .sub-menu {
box-shadow: none;
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li .sub-menu li {
border: none;
padding-left: 15px;
border-left: 2px solid #d3d3d3;
}
@media (hover: hover) and (pointer: fine) {
.header nav {
display: flex;
}
.header nav .logo {
display: flex;
width: 150px;
}
.header nav .nav-list li {
transition: all 0.2s ease;
}
.header nav .nav-list li a:hover {
border-color: var(--pageAccentColor);
}
.header nav .nav-list li .dropdown-toggle {
pointer-events: none;
}
.header nav .nav-list li .dropdown-toggle .screen-reader-text:hover {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.header nav .nav-list li:hover > .sub-menu {
display: flex;
opacity: 1;
flex-direction: column;
left: 0;
}
}
.mobile-navigation {
flex-direction: column;
flex-grow: 1;
height: calc(100% - 130px);
position: relative;
width: 100%;
overflow-x: hidden;
}
.mobile-navigation__list {
position: absolute;
top: 0;
left: -150%;
width: 100%;
height: 100%;
z-index: 1;
list-style-type: none;
margin: 0;
padding: 0;
transition: left .3s ease;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #818181 #d3d3d3;
scrollbar-width: thin;
}
.mobile-navigation__list::-webkit-scrollbar {
width: 8px;
}
.mobile-navigation__list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 11px #d3d3d3;
}
.mobile-navigation__list::-webkit-scrollbar-thumb {
background-color: #818181;
outline: none;
}
.mobile-navigation__list.left {
left: -150%;
}
.mobile-navigation__list.active {
left: 0;
}
.mobile-navigation__list.right {
left: 150%;
}
.mobile-navigation__list .mobile-navigation-item {
padding-bottom: 35px;
}
.mobile-navigation__list .mobile-navigation-item:last-of-type {
padding-bottom: 0;
}
.mobile-navigation__list .mobile-navigation-item a {
font-size: 25px;
display: block;
position: relative;
max-width: 50%;
text-decoration: none;
}
.mobile-navigation__list .mobile-navigation-item a.isparent::after {
font-family: 'WW-Default-Icons-2022-Q2';
content: var(--pageIconUiArrowBold);
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
pointer-events: none;
}
.mobile-navigation__section {
position: absolute;
top: 0;
left: 150%;
width: 100%;
height: 100%;
z-index: 1;
transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #818181 #d3d3d3;
scrollbar-width: thin;
}
.mobile-navigation__section::-webkit-scrollbar {
width: 8px;
}
.mobile-navigation__section::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 11px #d3d3d3;
}
.mobile-navigation__section::-webkit-scrollbar-thumb {
background-color: #818181;
outline: none;
}
.mobile-navigation__section.left {
left: -150%;
}
.mobile-navigation__section.active {
left: 0;
}
.mobile-navigation__section.right {
left: 150%;
}
.mobile-navigation__section__header {
padding-bottom: 35px;
}
.mobile-navigation__section__header__back {
font-size: 25px;
text-decoration: none;
}
.mobile-navigation__section__header__back i {
transform-origin: center center;
transform: rotate(180deg);
display: inline-block;
}
.mobile-navigation__section__content .mobile-navigation__navigation {
list-style-type: none;
margin: 0;
padding: 0 0 15px;
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item {
padding-bottom: 35px;
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item:last-of-type {
padding-bottom: 0;
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item a {
font-size: 20px;
text-decoration: none;
position: relative;
display: block;
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item a.isparent::after {
font-family: 'WW-Default-Icons-2022-Q2';
content: var(--pageIconUiArrowBold);
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
pointer-events: none;
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item a.master-cat {
font-size: 25px;
}
.button {
border: var(--pageComponentButtonBorder);
background-color: var(--pageComponentButtonBgColor);
color: var(--pageComponentButtonColor);
padding: var(--pageComponentButtonPadding) !important;
text-align: var(--pageComponentButtonAlign);
font-size: var(--pageComponentButtonFontSize);
max-width: var(--pageComponentButtonMaxWidth);
border-radius: var(--pageComponentButtonRadius);
width: 100%;
outline: none;
margin: 0;
transition: all .3s ease;
line-height: 1;
display: inline-block;
text-decoration: none !important;
}
.button--solid-black {
border: var(--pageComponentButtonSolidBlackBorder);
background-color: var(--pageComponentButtonSolidBlackBgColor);
color: var(--pageComponentButtonSolidBlackColor);
}
.button--solid-black.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-white {
border: var(--pageComponentButtonSolidWhiteBorder);
background-color: var(--pageComponentButtonSolidWhiteBgColor);
color: var(--pageComponentButtonSolidWhiteColor);
}
.button--solid-white.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-brand {
border: var(--pageComponentButtonSolidBrandBorder);
background-color: var(--pageComponentButtonSolidBrandBgColor);
color: var(--pageComponentButtonSolidBrandColor);
}
.button--solid-brand.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-accent {
border: var(--pageComponentButtonSolidAccentBorder);
background-color: var(--pageComponentButtonSolidAccentBgColor);
color: var(--pageComponentButtonSolidAccentColor);
}
.button--solid-accent.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--outlined-black {
border: var(--pageComponentButtonOutlinedBlackBorder);
background-color: var(--pageComponentButtonOutlinedBlackBgColor);
color: var(--pageComponentButtonOutlinedBlackColor);
}
.button--outlined-black.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-white {
border: var(--pageComponentButtonOutlinedWhiteBorder);
background-color: var(--pageComponentButtonOutlinedWhiteBgColor);
color: var(--pageComponentButtonOutlinedWhiteColor);
}
.button--outlined-white.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-brand {
border: var(--pageComponentButtonOutlinedBrandBorder);
background-color: var(--pageComponentButtonOutlinedBrandBgColor);
color: var(--pageComponentButtonOutlinedBrandColor);
}
.button--outlined-brand.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-accent {
border: var(--pageComponentButtonOutlinedAccentBorder);
background-color: var(--pageComponentButtonOutlinedAccentBgColor);
color: var(--pageComponentButtonOutlinedAccentColor);
}
.button--outlined-accent.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--icon-arrow {
padding-left: 30px !important;
padding-right: 60px !important;
text-align: left;
position: relative;
}
.button--icon-arrow::after {
content: var(--pageIconUiArrowBold);
font-family: var(--pageIconFont);
position: absolute;
top: 48%;
right: 20px;
transform: translateY(-50%);
}
.button--icon-plus {
padding-left: 40px !important;
padding-right: 60px !important;
text-align: left;
position: relative;
}
.button--icon-plus::after {
content: var(--pageIconUiAddBold);
font-family: var(--pageIconFont);
position: absolute;
top: 48%;
right: 20px;
transform: translateY(-50%);
}
@media (hover: hover) {
.button--solid-black:hover {
border: var(--pageComponentButtonOutlinedBlackBorder);
background-color: var(--pageComponentButtonOutlinedBlackBgColor);
color: var(--pageComponentButtonOutlinedBlackColor);
}
.button--solid-black.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-white:hover {
border: var(--pageComponentButtonOutlinedWhiteBorder);
background-color: var(--pageComponentButtonOutlinedWhiteBgColor);
color: var(--pageComponentButtonOutlinedWhiteColor);
}
.button--solid-white.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-brand:hover {
border: var(--pageComponentButtonOutlinedBrandBorder);
background-color: var(--pageComponentButtonOutlinedBrandBgColor);
color: var(--pageComponentButtonOutlinedBrandColor);
}
.button--solid-brand.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--solid-accent:hover {
border: var(--pageComponentButtonOutlinedAccentBorder);
background-color: var(--pageComponentButtonOutlinedAccentBgColor);
color: var(--pageComponentButtonOutlinedAccentColor);
}
.button--solid-accent.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor);
}
.button--outlined-black:hover {
border: var(--pageComponentButtonSolidBlackBorder);
background-color: var(--pageComponentButtonSolidBlackBgColor);
color: var(--pageComponentButtonSolidBlackColor);
}
.button--outlined-black.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-white:hover {
border: var(--pageComponentButtonSolidWhiteBorder);
background-color: var(--pageComponentButtonSolidWhiteBgColor);
color: var(--pageComponentButtonSolidWhiteColor);
}
.button--outlined-white.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-brand:hover {
border: var(--pageComponentButtonSolidBrandBorder);
background-color: var(--pageComponentButtonSolidBrandBgColor);
color: var(--pageComponentButtonSolidBrandColor);
}
.button--outlined-brand.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
.button--outlined-accent:hover {
border: var(--pageComponentButtonSolidAccentBorder);
background-color: var(--pageComponentButtonSolidAccentBgColor);
color: var(--pageComponentButtonSolidAccentColor);
}
.button--outlined-accent.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor);
}
}
.ww-form.bright { --pageFormErrorColor: #cc0000;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #f5f5f5;
--pageFormFieldBorderLeft: none;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #000000;
--pageFormFieldColor: #f5f5f5;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldLabelBgColor: #000000;
--pageFormFieldInvalidBorderTop: none;
--pageFormFieldInvalidBorderRight: none;
--pageFormFieldInvalidBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderLeft: none;
--pageFormFieldInvalidBgColor: #000000;
--pageFormFieldInvalidColor: #f5f5f5;
--pageFormFieldDisdabledBorderTop: none;
--pageFormFieldDisdabledBorderRight: none;
--pageFormFieldDisdabledBorderBottom: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderLeft: none;
--pageFormFieldDisdabledBgColor: #000000;
--pageFormFieldDisdabledColor: #a8a7a4;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #000000;
--pageFormCheckboxBorderTop: 1px solid #f5f5f5;
--pageFormCheckboxBorderRight: 1px solid #f5f5f5;
--pageFormCheckboxBorderBottom: 1px solid #f5f5f5;
--pageFormCheckboxBorderLeft: 1px solid #f5f5f5;
--pageFormCheckboxArrowColor: #f5f5f5;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #000000;
--pageFormRadioBorderTop: 1px solid #f5f5f5;
--pageFormRadioBorderRight: 1px solid #f5f5f5;
--pageFormRadioBorderBottom: 1px solid #f5f5f5;
--pageFormRadioBorderLeft: 1px solid #f5f5f5;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px;
}
.ww-form.v2.bright { --pageFormErrorColor: #cc0000;
--pageFormFieldBorderTop: 1px solid #f5f5f5;
--pageFormFieldBorderRight: 1px solid #f5f5f5;
--pageFormFieldBorderBottom: 1px solid #f5f5f5;
--pageFormFieldBorderLeft: 1px solid #f5f5f5;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #000000;
--pageFormFieldColor: #f5f5f5;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldLabelBgColor: #000000;
--pageFormFieldInvalidBorderTop: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderRight: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderLeft: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBgColor: #000000;
--pageFormFieldInvalidColor: #f5f5f5;
--pageFormFieldDisdabledBorderTop: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderRight: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderBottom: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderLeft: 1px solid #a8a7a4;
--pageFormFieldDisdabledBgColor: #000000;
--pageFormFieldDisdabledColor: #a8a7a4;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #000000;
--pageFormCheckboxBorderTop: 1px solid #f5f5f5;
--pageFormCheckboxBorderRight: 1px solid #f5f5f5;
--pageFormCheckboxBorderBottom: 1px solid #f5f5f5;
--pageFormCheckboxBorderLeft: 1px solid #f5f5f5;
--pageFormCheckboxArrowColor: #f5f5f5;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #000000;
--pageFormRadioBorderTop: 1px solid #f5f5f5;
--pageFormRadioBorderRight: 1px solid #f5f5f5;
--pageFormRadioBorderBottom: 1px solid #f5f5f5;
--pageFormRadioBorderLeft: 1px solid #f5f5f5;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px;
}
.ww-form .form-row .form-col {
padding-bottom: 30px;
}
@media (min-width: 640px) {
.ww-form .form-row .form-col {
padding-bottom: 0;
}
}
.ww-form .form-row .form-col .form-group {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
transition: background-color .3s ease;
}
.ww-form .form-row .form-col .form-group label {
font-weight: normal;
}
.ww-form .form-row .form-col .form-group label.hidden {
display: none;
visibility: hidden;
}
.ww-form .form-row .form-col .form-group--inline {
display: flex;
align-items: center;
justify-content: space-between;
}
.ww-form .form-row .form-col .form-group--inline label {
padding-right: 15px;
text-transform: uppercase;
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
}
.ww-form .form-row .form-col .form-group__error {
width: 100%;
display: block;
padding: 0 15px;
color: var(--pageFormErrorColor);
height: 0;
opacity: 0;
transition: opacity .3s ease;
font-size: var(--pageFormFieldLabelFontSize);
padding-top: 8px;
}
.ww-form .form-row .form-col .form-group__error.checkbox {
padding: 8px 0;
}
.ww-form .form-row .form-col .form-group__error.radio {
padding: 8px 0;
}
.ww-form .form-row .form-col .form-group.error .form-group__error {
height: auto;
opacity: 1;
}
.ww-form .form-row .form-col .form-group.compact {
display: flex;
flex-wrap: wrap;
}
.ww-form .form-row .form-col .form-group.compact input {
width: calc(100% - 60px);
}
.ww-form .form-row .form-col .form-group.compact button {
width: 60px;
}
.ww-form .form-row .form-col .form-group.icon-user::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiAccount2Bold);
}
.ww-form .form-row .form-col .form-group.icon-user input, .ww-form .form-row .form-col .form-group.icon-user textarea {
padding-right: 54px;
}
.ww-form .form-row .form-col .form-group.icon-hearts::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiHeartOutlined);
}
.ww-form .form-row .form-col .form-group.icon-hearts input, .ww-form .form-row .form-col .form-group.icon-hearts textarea {
padding-right: 54px;
}
.ww-form .form-row .form-col .form-group.icon-globe::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiGlobeBold);
}
.ww-form .form-row .form-col .form-group.icon-globe input, .ww-form .form-row .form-col .form-group.icon-globe textarea {
padding-right: 54px;
}
.ww-form .form-row .form-col .form-group.icon-search::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiSearchBold);
}
.ww-form .form-row .form-col .form-group.icon-search input, .ww-form .form-row .form-col .form-group.icon-search textarea {
padding-right: 54px;
}
.ww-form .form-row .form-col .form-group.icon-location::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiLocationBold);
}
.ww-form .form-row .form-col .form-group.icon-location input, .ww-form .form-row .form-col .form-group.icon-location textarea {
padding-right: 54px;
}
.ww-form.v2 .form-row .form-col {
padding-bottom: 30px;
}
@media (min-width: 640px) {
.ww-form.v2 .form-row .form-col {
padding-bottom: 0;
}
}
.ww-form.v2 .form-row .form-col .form-group {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
transition: background-color .3s ease;
}
.ww-form.v2 .form-row .form-col .form-group label {
order: 10;
font-weight: normal;
padding-bottom: 8px;
}
.ww-form.v2 .form-row .form-col .form-group label.hidden {
display: none;
visibility: hidden;
}
.ww-form.v2 .form-row .form-col .form-group label.label-text {
order: 25;
padding-bottom: 0;
}
.ww-form.v2 .form-row .form-col .form-group--inline {
display: flex;
align-items: center;
justify-content: space-between;
}
.ww-form.v2 .form-row .form-col .form-group--inline label {
padding-right: 15px;
text-transform: uppercase;
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
}
.ww-form.v2 .form-row .form-col .form-group input, .ww-form.v2 .form-row .form-col .form-group textarea, .ww-form.v2 .form-row .form-col .form-group select {
order: 20;
}
.ww-form.v2 .form-row .form-col .form-group input[type="submit"], .ww-form.v2 .form-row .form-col .form-group button[type="submit"] {
order: 25;
}
.ww-form.v2 .form-row .form-col .form-group__error {
order: 30;
width: 100%;
display: block;
padding: 0 15px;
color: var(--pageFormErrorColor);
height: 0;
opacity: 0;
transition: opacity .3s ease;
font-size: var(--pageFormFieldLabelFontSize);
padding-top: 8px;
}
.ww-form.v2 .form-row .form-col .form-group__error.checkbox {
padding: 8px 0;
}
.ww-form.v2 .form-row .form-col .form-group__error.radio {
padding: 8px 0;
}
.ww-form.v2 .form-row .form-col .form-group.error .form-group__error {
height: auto;
opacity: 1;
}
.ww-form.v2 .form-row .form-col .form-group.compact {
display: flex;
flex-wrap: wrap;
}
.ww-form.v2 .form-row .form-col .form-group.compact input {
width: calc(100% - 60px);
border-right: none;
}
.ww-form.v2 .form-row .form-col .form-group.compact button {
width: 60px;
padding: 14px 12px 10px;
font-size: 19px;
}
.ww-form.v2 .form-row .form-col .form-group.icon-user::after {
top: 36px;
right: 15px;
}
.ww-form.v2 .form-row .form-col .form-group.icon-hearts::after {
top: 36px;
right: 15px;
}
.ww-form.v2 .form-row .form-col .form-group.icon-globe::after {
top: 36px;
right: 15px;
}
.ww-form.v2 .form-row .form-col .form-group.icon-search::after {
top: 36px;
right: 15px;
}
.ww-form.v2 .form-row .form-col .form-group.icon-location::after {
top: 36px;
right: 15px;
}
.ww-form .form-textfield {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
background-color: var(--pageFormFieldBgColor);
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
-webkit-appearance: none;
outline: none;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: normal;
color: var(--pageFormFieldColor);
line-height: 1;
}
.ww-form .form-textfield:-webkit-autofill, .ww-form .form-textfield:-webkit-autofill:hover, .ww-form .form-textfield:-webkit-autofill:focus, .ww-form .form-textfield:-webkit-autofill:active, .ww-form .form-textfield:-internal-autofill-previewed, .ww-form .form-textfield:-internal-autofill-selected {
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important;
}
.ww-form .form-textfield:focus {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
--pageFormFieldBgColor: var(----pageFormFieldBgColor);
--pageFormFieldColor: var(--pageFormFieldColor);
}
.ww-form .form-textfield + label {
position: absolute;
top: 16px;
left: 15px;
font-family: var(--pageFormFieldFont);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
transition: all .3s ease;
background-color: var(--pageFormFieldLabelBgColor);
}
.ww-form .form-textfield:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px var(--pageFormFieldBgColor) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.ww-form .form-textfield:focus + label,
.ww-form .form-textfield:-webkit-autofill + label {
top: -6px;
padding: 0;
}
.ww-form .form-textfield:required.valid + label {
top: -6px;
padding: 0;
--pageFormFieldBgColor: var(--pageFormFieldLabelBgColor);
}
.ww-form .form-textfield.valid {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
background-color: var(--pageFormFieldBgColor);
color: var(--pageFormFieldColor);
}
.ww-form .form-textfield.invalid {
border-top: var(--pageFormFieldInvalidBorderTop);
border-right: var(--pageFormFieldInvalidBorderRight);
border-bottom: var(--pageFormFieldInvalidBorderBottom);
border-left: var(--pageFormFieldInvalidBorderLeft);
background-color: var(--pageFormFieldInvalidBgColor);
color: var(--pageFormFieldInvalidColor);
}
.ww-form .form-textfield.invalid.filled + label {
top: -6px;
padding: 0;
}
.ww-form .form-textfield.filled + label {
top: -6px;
padding: 0;
}
.ww-form .form-textfield:disabled {
border-top: var(--pageFormFieldDisabledBorderTop);
border-right: var(--pageFormFieldDisabledBorderRight);
border-bottom: var(--pageFormFieldDisabledBorderBottom);
border-left: var(--pageFormFieldDisabledBorderLeft);
background-color: var(--pageFormFieldDisabledBgColor);
color: var(--pageFormFieldDisabledColor);
cursor: default !important;
}
.ww-form.v2 .form-textfield {
--pageFormFieldBgColor: #fff;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textfield:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textfield + label {
position: relative;
top: inherit;
left: inherit;
}
.ww-form.v2 .form-textfield:focus + label,
.ww-form.v2 .form-textfield:-webkit-autofill + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textfield:required.valid + label {
--pageFormFieldLabelBgColor: #fff;
}
.ww-form.v2 .form-textfield.valid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
}
.ww-form.v2 .form-textfield.invalid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
}
.ww-form.v2 .form-textfield.invalid.filled + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
}
.ww-form.v2 .form-textfield.filled + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
}
.ww-form .form-textarea {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
background: var(--pageFormFieldBgColor) !important;
-webkit-appearance: none;
outline: none;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
font-weight: normal;
color: var(--pageFormFieldColor);
line-height: 1;
height: var(--pageFormTextareaHeight);
resize: none;
}
.ww-form .form-textarea:-webkit-autofill, .ww-form .form-textarea:-webkit-autofill:hover, .ww-form .form-textarea:-webkit-autofill:focus, .ww-form .form-textarea:-webkit-autofill:active, .ww-form .form-textarea:-internal-autofill-previewed, .ww-form .form-textarea:-internal-autofill-selected {
box-shadow: none;
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important;
}
.ww-form .form-textarea:focus {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form .form-textarea + label {
position: absolute;
top: 15px;
left: 15px;
font-family: var(--pageFormFieldFont);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
transition: all .3s ease;
}
.ww-form .form-textarea:focus + label,
.ww-form .form-textarea:-webkit-autofill + label {
top: -6px;
padding: 0;
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form .form-textarea:required:valid + label {
top: -6px;
padding: 0 4px;
--pageFormFieldBgColor: #fff;
}
.ww-form .form-textarea.valid {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form .form-textarea.invalid {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form .form-textarea.invalid.filled + label {
top: -6px;
padding: 0 4px;
}
.ww-form .form-textarea.filled + label {
top: -6px;
padding: 0 7px 0 2px;
}
.ww-form .form-textarea:disabled {
opacity: .3;
cursor: default !important;
}
.ww-form.v2 .form-textarea {
--pageFormFieldBgColor: #fff;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textarea:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textarea + label {
position: relative;
top: inherit;
left: inherit;
}
.ww-form.v2 .form-textarea:focus + label,
.ww-form.v2 .form-textarea:-webkit-autofill + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-textarea:required.valid + label {
--pageFormFieldLabelBgColor: #fff;
padding: 0 4px;
}
.ww-form.v2 .form-textarea.valid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
}
.ww-form.v2 .form-textarea.invalid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
}
.ww-form.v2 .form-textarea.invalid.filled + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
}
.ww-form.v2 .form-textarea.filled + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
}
.ww-form .form-group.select::before {
content: "";
border: var(--pageFormSelectArrowThickness) solid var(--pageFormFieldColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormSelectArrowWidth);
height: var(--pageFormSelectArrowWidth);
top: 38%;
right: 15px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease;
pointer-events: none;
}
.ww-form .form-group.select.disabled {
opacity: .2;
}
.ww-form .form-select {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
background: var(--pageFormFieldBgColor);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: normal;
color: var(--pageFormFieldColor);
line-height: 1;
}
.ww-form .form-select.hidden {
display: none;
visibility: hidden;
}
.ww-form .form-select::-ms-expand {
display: none;
}
.ww-form .form-select:focus {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
background: var(--pageFormFieldBgColor);
color: var(--pageFormFieldColor);
}
.ww-form .form-select + label {
position: absolute;
transition: .3s ease;
top: 13px;
left: 15px;
background-color: var(--pageFormFieldBgColor);
padding: 0 4px;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
color: var(--pageFormFieldColor);
pointer-events: none;
}
@media (min-width: 640px) {
.ww-form .form-select + label {
top: 14px;
}
}
.ww-form .form-select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px var(--pageFormFieldBgColor) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.ww-form .form-select:focus + label,
.ww-form .form-select:-webkit-autofill + label {
top: -6px;
background-color: var(--pageFormFieldBgColor);
padding: 0;
font-size: var(--pageFormFieldLabelFontSize);
}
.ww-form .form-select.filled + label {
top: -6px;
background-color: var(--pageFormFieldLabelBgColor);
padding: 0;
font-size: var(--pageFormFieldLabelFontSize);
}
.ww-form .form-select.flatten::after {
content: none;
}
.ww-form .form-select ~ div.validation-message {
top: 50px;
}
.ww-form .form-select:disabled {
opacity: .3;
cursor: default !important;
}
.ww-form.v2 .form-group.select::before {
top: 57%;
right: 15px;
}
.ww-form.v2 .form-select {
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #fff;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-select:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-select + label {
position: relative;
top: inherit;
left: inherit;
}
.ww-form.v2 .form-select:focus + label,
.ww-form.v2 .form-select:-webkit-autofill + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-select.filled + label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: 12px;
}
.ww-form .form-radiobutton {
display: none;
}
.ww-form .form-radiobutton ~ label.label-text {
padding-left: 15px;
padding-top: 2px;
width: calc(100% - 30px);
color: var(--pageFormFieldColor);
}
.ww-form .form-radiobutton + label:not(.label-text) {
width: var(--pageFormRadioWidth);
height: var(--pageFormRadioWidth);
padding: 12px;
border-radius: 50%;
background-color: var(--pageFormRadioBgColor);
display: block;
border-top: var(--pageFormRadioBorderTop);
border-right: var(--pageFormRadioBorderRight);
border-bottom: var(--pageFormRadioBorderBottom);
border-left: var(--pageFormRadioBorderLeft);
position: relative;
cursor: pointer;
transition: .2s ease;
}
.ww-form .form-radiobutton + label:not(.label-text)::before {
content: "";
width: 20px;
height: 20px;
}
.ww-form .form-radiobutton + label:not(.label-text)::before {
content: "";
color: #000000;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 0;
height: 0;
opacity: 1;
background-color: var(--pageFormRadioEffectColor);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: .2s ease;
border-radius: 50%;
}
.ww-form .form-radiobutton + label:not(.label-text)::after {
content: "";
color: #000000;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: var(--pageFormFieldColor);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: .2s ease;
z-index: 2;
}
.ww-form .form-radiobutton:checked + label:not(.label-text) {
border-top: var(--pageFormRadioBorderTop);
border-right: var(--pageFormRadioBorderRight);
border-bottom: var(--pageFormRadioBorderBottom);
border-left: var(--pageFormRadioBorderLeft);
}
.ww-form .form-radiobutton:checked + label:not(.label-text)::after {
width: var(--pageFormRadioDotWidth);
height: var(--pageFormRadioDotWidth);
}
.ww-form .form-radiobutton:checked + label:not(.label-text)::before {
width: 50px;
height: 50px;
opacity: 0;
}
.ww-form .form-radiobutton:disabled, .ww-form .form-radiobutton:disabled ~ * {
opacity: .3;
cursor: default !important;
}
.ww-form.v2 .form-radiobutton {
display: none;
}
.ww-form.v2 .form-radiobutton + label:not(.label-text) {
--pageFormRadioWidth: 20px;
--pageFormRadioBgColor: #fff;
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131;
}
.ww-form.v2 .form-radiobutton + label:not(.label-text)::before {
--pageFormRadioEffectColor: #d3d3d3;
}
.ww-form.v2 .form-radiobutton + label:not(.label-text)::after {
--pageFormFieldColor: #313131;
}
.ww-form.v2 .form-radiobutton:checked + label:not(.label-text) {
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131;
}
.ww-form.v2 .form-radiobutton:checked + label:not(.label-text)::after {
--pageFormRadioDotWidth: 10px;
}
.ww-form .form-checkbox {
display: none;
}
.ww-form .form-checkbox ~ label.label-text {
padding-left: 15px;
padding-top: 1px;
width: calc(100% - 30px);
display: inline-block;
color: var(--pageFormFieldColor);
}
.ww-form .form-checkbox + label:not(.label-text) {
width: var(--pageFormCheckboxWidth);
height: var(--pageFormCheckboxWidth);
padding: 10px;
background-color: var(--pageFormCheckboxBgColor);
display: inline-block;
border-top: var(--pageFormCheckboxBorderTop);
border-right: var(--pageFormCheckboxBorderRight);
border-bottom: var(--pageFormCheckboxBorderBottom);
border-left: var(--pageFormCheckboxBorderLeft);
position: relative;
cursor: pointer;
transition: .2s ease;
}
.ww-form .form-checkbox + label:not(.label-text)::before {
content: "";
color: #000000;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 0;
height: 0;
opacity: 1;
background-color: var(--pageFormCheckboxEffectColor);
transform: translate(-50%, -50%);
}
.ww-form .form-checkbox + label:not(.label-text)::after {
content: "";
border: var(--pageFormCheckboxArrowThickness) solid var(--pageFormCheckboxArrowColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormCheckboxArrowWidth);
height: var(--pageFormCheckboxArrowHeight);
top: 38%;
left: 50%;
font-size: 0;
transform: translate(-50%, -50%) rotate(-49deg);
transition: .2s ease;
opacity: 0;
}
.ww-form .form-checkbox:checked + label:not(.label-text) {
border-top: var(--pageFormCheckboxBorderTop);
border-right: var(--pageFormCheckboxBorderRight);
border-bottom: var(--pageFormCheckboxBorderBottom);
border-left: var(--pageFormCheckboxBorderLeft);
}
.ww-form .form-checkbox:checked + label:not(.label-text)::after {
opacity: 1;
}
.ww-form .form-checkbox:checked + label:not(.label-text)::before {
width: 50px;
height: 50px;
opacity: 0;
transition: .2s ease;
}
.ww-form .form-checkbox:disabled, .ww-form .form-checkbox:disabled ~ *, .ww-form .form-checkbox:disabled + * {
opacity: .3;
cursor: default !important;
}
.ww-form.v2 .form-checkbox {
display: none;
}
.ww-form.v2 .form-checkbox + label:not(.label-text) {
--pageFormCheckboxWidth: xxx;
--pageFormCheckboxBgColor: #fff;
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131;
}
.ww-form.v2 .form-checkbox + label:not(.label-text)::before {
--pageFormCheckboxEffectColor: #d3d3d3;
}
.ww-form.v2 .form-checkbox + label:not(.label-text)::after {
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxArrowColor: #313131;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
}
.ww-form.v2 .form-checkbox:checked + label:not(.label-text) {
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131;
}
.ww-tooltip {
position: relative;
z-index: 999;
text-decoration: underline;
}
.ww-tooltip:hover {
color: #000;
}
.ww-tooltip__window {
position: absolute;
display: none;
bottom: calc(100% + 12px);
left: calc(50%);
transform: translateX(-50%);
z-index: 100;
background-color: #fff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 24px;
max-width: 320px;
width: 100vw;
font-style: normal;
}
.ww-tooltip__window.show {
display: flex !important;
}
.ww-tooltip__arrow {
position: absolute;
z-index: 100;
bottom: calc(100% + -9px);
left: 50%;
display: none;
transform: translateX(-50%);
}
.ww-tooltip__arrow::after {
content: "";
width: 0;
height: 0;
border: 8px solid transparent;
display: inline-block;
border-top-color: white;
filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.1));
}
.ww-tooltip__arrow.show {
display: inline-block;
}
.module-slidex .slidex-prev-button {
background: none;
font-size: 44px;
text-align: center;
color: var(--pageModuleSlideXNavigationColor);
}
.module-slidex .slidex-prev-button::after {
font-family: 'WW-Default-Icons-2022-Q2';
content: var(--pageModuleSlideXNavigationIcon);
transform-origin: center center;
transform: rotate(180deg);
display: inline-block;
text-shadow: var(--pageModuleSlideXNavigationShadow);
}
.module-slidex .slidex-next-button {
background: none;
font-size: 44px;
text-align: center;
color: var(--pageModuleSlideXNavigationColor);
}
.module-slidex .slidex-next-button::after {
font-family: 'WW-Default-Icons-2022-Q2';
content: var(--pageModuleSlideXNavigationIcon);
transform-origin: center center;
display: inline-block;
text-shadow: var(--pageModuleSlideXNavigationShadow);
}
.module-slidex .slidex-pagination {
bottom: 30px;
}
.module-slidex .slidex-pagination .slidex-pagination__item {
background-color: var(--pageModuleSlideXPaginationColor);
}
.module-slidex .slidex-pagination .slidex-pagination__item.active {
background-color: var(--pageModuleSlideXPaginationActiveColor);
}
.module-slidex.sidenavigation .keen-slider {
max-width: calc(100% - 120px);
margin: 0 auto;
}
.swiper-container-wrapper .swiper-container {
overflow: hidden;
position: relative;
}
.swiper-container-wrapper .swiper-container .swiper-pagination {
position: relative;
transform: none;
left: auto;
margin-top: 16px;
}
.swiper-container-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
margin: 0 4px;
width: 12px;
height: 12px;
background-color: #313131;
opacity: 1;
}
.swiper-container-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background-color: #d3d3d3;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
width: 100% !important;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
margin: 0 4px;
width: 16px;
height: 16px;
background-color: #313131;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
background-color: #d3d3d3;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-progressbar {
background-color: #d3d3d3;
height: 6px;
margin-top: 32px;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #313131;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction {
text-align: right;
font-size: 20px;
color: #313131;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
color: #818181;
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
color: #313131;
}
.swiper-container-wrapper .swiper-button-prev {
left: -11px;
width: 44px;
display: none;
}
@media (min-width: 992px) {
.swiper-container-wrapper .swiper-button-prev {
display: block;
}
}
.swiper-container-wrapper .swiper-button-prev::after {
font-family: 'WW-Default-Icons-2022-Q2' !important;
content: '\e90f';
transform-origin: center center;
transform: rotate(180deg);
color: #313131;
text-shadow: 1px 1px #f5f5f5;
display: inline-block;
}
.swiper-container-wrapper .swiper-button-next {
right: -11px;
width: 44px;
display: none;
}
@media (min-width: 992px) {
.swiper-container-wrapper .swiper-button-next {
display: block;
}
}
.swiper-container-wrapper .swiper-button-next::after {
font-family: 'WW-Default-Icons-2022-Q2' !important;
content: '\e90f';
transform-origin: center center;
color: #313131;
text-shadow: -1px -1px #f5f5f5;
display: inline-block;
}
.teaser-box {
position: relative;
}
.teaser-box.above .teaser-box__link__image {
padding-bottom: 0;
}
.teaser-box.above .teaser-box__link__details {
padding: 30px 0;
width: 100%;
}
@media (min-width: 640px) {
.teaser-box.above .teaser-box__link__details {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 108%);
width: 100%;
}
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy {
color: #000000 !important;
}
@media (min-width: 640px) {
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-bright, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-bright, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-bright {
color: #fff !important;
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-dark, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-dark, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-dark {
color: #000000 !important;
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-brand, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-brand, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-brand {
color: var(--pageBrandColorActive) !important;
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-accent, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-accent, .teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-accent {
color: var(--pageAccentColor) !important;
}
}
.teaser-box__link {
text-decoration: none;
}
.teaser-box__link__image {
padding-bottom: 24px;
}
.teaser-box__link__details {
max-width: 100%;
padding-right: 0 !important;
}
@media (min-width: 640px) {
.teaser-box__link__details {
padding-right: 10% !important;
}
}
.teaser-box__link__details__category {
padding-bottom: calc(20px / 2);
}
.teaser-box__link__details__headline {
padding-bottom: 0;
}
.teaser-box__link__details__copy {
padding-bottom: 20px;
}
.teaser-box__link__details__cta {
padding-top: 20px;
text-decoration: underline;
display: block;
}
.wpforms-form .wpforms-submit-container .wpforms-submit {
border: var(--pageComponentButtonBorder) !important;
background-color: var(--pageComponentButtonBgColor) !important;
color: var(--pageComponentButtonColor) !important;
padding: var(--pageComponentButtonPadding) !important;
text-align: var(--pageComponentButtonAlign) !important;
font-size: var(--pageComponentButtonFontSize) !important;
max-width: var(--pageComponentButtonMaxWidth) !important;
border-radius: var(--pageComponentButtonRadius) !important;
width: 100% !important;
outline: none !important;
margin: 0 !important;
transition: all .3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
border: var(--pageComponentButtonSolidAccentBorder) !important;
background-color: var(--pageComponentButtonSolidAccentBgColor) !important;
color: var(--pageComponentButtonSolidAccentColor) !important;
}
div.wpforms-container-full {
margin: 0 !important;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background-color: transparent !important;
border-color: transparent !important;
padding: 0 !important;
}
.content-select {
position: relative;
border: 1px solid #818181;
}
.content-select::before {
content: "";
right: 0;
border: 2px solid #000000;
border-top: none;
border-right: none;
width: 13px;
height: 13px;
outline: none;
pointer-events: none;
position: absolute;
top: 41%;
right: 20px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease;
}
@media (min-width: 640px) {
.content-select::before {
width: 13px;
height: 13px;
top: 50%;
border: 4px solid #000000;
border-top: none;
border-right: none;
}
}
.content-select select {
background-color: transparent;
border: none;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 63px 0 16px;
top: auto;
bottom: 100%;
height: 38px;
border-radius: 20px;
width: 100%;
}
@media (min-width: 992px) {
.content-select select {
padding: 0 78px 0 16px;
}
}
.content-select select:focus {
border: none;
outline: none;
}
.content-select select option {
color: #000000;
}
.search-form {
width: 100%;
}
.search-form__row {
width: 100%;
display: flex;
}
.search-form__row__input {
width: calc(100% - 45px);
border: 1px solid #000000;
border-right: none;
padding: 12px 8px;
background-color: #fff;
}
.search-form__row__input:focus {
outline: none;
background-color: #f5f5f5;
border-width: 1px;
}
.search-form__row__input:focus ~ .search-form__row__button {
background-color: #f5f5f5;
}
.search-form__row__input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 10px;
width: 10px;
background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a                   viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">\a                   <polygon points="72.5,63.8 124.6,11.6 126,10.3 124.6,8.9 118.7,2.9 117.3,1.6 115.9,2.9 63.8,55.1 11.6,2.9 10.3,1.6 8.9,2.9 \a                     2.9,8.9 1.6,10.3 2.9,11.6 55.1,63.8 2.9,115.9 1.6,117.3 2.9,118.7 8.9,124.6 10.3,126 11.6,124.6 63.8,72.5 115.9,124.6 \a                     117.3,126 118.7,124.6 124.6,118.7 126,117.3 124.6,115.9 "/>\a                   </svg>') no-repeat center center;
background-size: contain;
}
.search-form__row__button {
width: 45px;
border: 1px solid #000000;
border-left: none;
background-color: #fff;
}
.search-form__row__button i {
font-size: 20px;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input {
border-bottom: 1px solid #000;
border-radius: 0;
width: 100%;
color: #000;
background-color: #fff;
transition: all 0.3s ease;
box-shadow: none;
outline: none;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input:focus {
border-color: #000;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 10px;
width: 10px;
background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a                 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">\a                 <polygon points="72.5,63.8 124.6,11.6 126,10.3 124.6,8.9 118.7,2.9 117.3,1.6 115.9,2.9 63.8,55.1 11.6,2.9 10.3,1.6 8.9,2.9 \a                   2.9,8.9 1.6,10.3 2.9,11.6 55.1,63.8 2.9,115.9 1.6,117.3 2.9,118.7 8.9,124.6 10.3,126 11.6,124.6 63.8,72.5 115.9,124.6 \a                   117.3,126 118.7,124.6 124.6,118.7 126,117.3 124.6,115.9 "/>\a                 </svg>') no-repeat center center;
background-size: contain;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper .search-icon {
fill: black !important;
}
.module-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-image .module__outer__inner {
flex-direction: row;
}
}
.module-image .module__outer__inner:hover {
text-decoration: none;
}
.module-image .module__outer__inner .module-image__media {
width: 100%;
}
.module-image .module__outer__inner .module-image__media__caption {
padding-top: 20px;
max-width: 85%;
}
.module-form .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
max-width: var(--pageMaxWidth);
margin: 0 auto;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner {
flex-direction: row;
}
}
.module-text-image .module__outer__inner:hover {
text-decoration: none;
}
.module-text-image .module__outer__inner.text-right {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right {
flex-direction: row-reverse;
}
}
.module-text-image .module__outer__inner.text-right .module-text-image__media {
padding-bottom: 32px;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__media {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__media.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__media.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__media.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__media.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-image .module__outer__inner.text-right .module-text-image__text {
text-align: left;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text {
padding-left: 0;
text-align: right;
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-image .module__outer__inner.text-left {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left {
flex-direction: row;
}
}
.module-text-image .module__outer__inner.text-left .module-text-image__media {
padding-bottom: 32px;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__media {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__media.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__media.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__media.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__media.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text {
padding-right: 0;
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-image .module__outer__inner .module-text-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner .module-text-image__text {
width: 50%;
}
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__headline1,
.module-text-image .module__outer__inner .module-text-image__text__wrapper h1 {
max-width: 85%;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__headline2,
.module-text-image .module__outer__inner .module-text-image__text__wrapper h2 {
max-width: 85%;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__headline3,
.module-text-image .module__outer__inner .module-text-image__text__wrapper h3 {
max-width: 85%;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__copy,
.module-text-image .module__outer__inner .module-text-image__text__wrapper p {
max-width: 85%;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__copy:last-of-type,
.module-text-image .module__outer__inner .module-text-image__text__wrapper p:last-of-type {
padding-bottom: 0;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__cta,
.module-text-image .module__outer__inner .module-text-image__text__wrapper a {
text-decoration: underline;
margin-top: 40px;
display: inline-block;
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__button,
.module-text-image .module__outer__inner .module-text-image__text__wrapper button {
margin-top: 20px;
}
.module-text-image .module__outer__inner .module-text-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner .module-text-image__media {
width: 50%;
}
}
.module-text-image .module__outer__inner .module-text-image__media .tint {
position: relative;
margin: 0;
}
.module-text-image .module__outer__inner .module-text-image__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply;
}
.module-text-image .module__outer__inner .module-text-image__media .tint.brand::after {
background-color: var(--pageBrandColorActive);
}
.module-text-image .module__outer__inner .module-text-image__media .tint.accent::after {
background-color: var(--pageAccentColor);
}
.module-text-image .module__outer__inner.image-width-xs .module-text-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-xs .module-text-image__text {
width: 70%;
}
}
.module-text-image .module__outer__inner.image-width-xs .module-text-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-xs .module-text-image__media {
width: 30%;
}
}
.module-text-image .module__outer__inner.image-width-s .module-text-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-s .module-text-image__text {
width: 60%;
}
}
.module-text-image .module__outer__inner.image-width-s .module-text-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-s .module-text-image__media {
width: 40%;
}
}
.module-text-image .module__outer__inner.image-width-m .module-text-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-m .module-text-image__text {
width: 50%;
}
}
.module-text-image .module__outer__inner.image-width-m .module-text-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-m .module-text-image__media {
width: 50%;
}
}
.module-text-image .module__outer__inner.image-width-l .module-text-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-l .module-text-image__text {
width: 40%;
}
}
.module-text-image .module__outer__inner.image-width-l .module-text-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-text-image .module__outer__inner.image-width-l .module-text-image__media {
width: 60%;
}
}
.module-text-video .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text-video .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner {
flex-direction: row;
}
}
.module-text-video .module__outer__inner:hover {
text-decoration: none;
}
.module-text-video .module__outer__inner.text-right {
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right {
flex-direction: row-reverse;
}
}
.module-text-video .module__outer__inner.text-right .module-text-video__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text {
padding-left: 0;
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-video .module__outer__inner.text-left {
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left {
flex-direction: row;
}
}
.module-text-video .module__outer__inner.text-left .module-text-video__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text {
padding-right: 0;
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-video .module__outer__inner .module-text-video__text {
width: 100%;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner .module-text-video__text {
width: 50%;
}
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline1 {
max-width: 85%;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline2 {
max-width: 85%;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline3 {
max-width: 85%;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__copy {
max-width: 85%;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__copy:last-of-type {
padding-bottom: 0;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__cta {
text-decoration: underline;
margin-top: 20px;
display: inline-block;
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__button {
margin-top: 20px;
}
.module-text-video .module__outer__inner .module-text-video__media {
width: 100%;
}
@media (min-width: 768px) {
.module-text-video .module__outer__inner .module-text-video__media {
width: 50%;
}
}
.module-text-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text-swiper .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner {
flex-direction: row;
}
}
.module-text-swiper .module__outer__inner:hover {
text-decoration: none;
}
.module-text-swiper .module__outer__inner.text-right {
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-right {
flex-direction: row-reverse;
}
}
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__media {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__text {
padding-left: 8.333333%;
}
}
.module-text-swiper .module__outer__inner.text-left {
flex-direction: row;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-left {
flex-direction: row;
}
}
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__media {
padding-bottom: 0;
}
}
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__text {
padding-bottom: 45px;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__text {
padding-right: 8.333333%;
padding-bottom: 0;
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__text {
width: 100%;
padding-bottom: 45px;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner .module-text-swiper__text {
width: 40%;
padding-bottom: 0;
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline1 {
max-width: 85%;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline2 {
max-width: 85%;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline3 {
max-width: 85%;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__copy {
max-width: 85%;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__copy:last-of-type {
padding-bottom: 0;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__cta {
text-decoration: underline;
margin-top: 20px;
display: inline-block;
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__button {
margin-top: 20px;
}
.module-text-swiper .module__outer__inner .module-text-swiper__media {
width: 100%;
position: relative;
}
@media (min-width: 768px) {
.module-text-swiper .module__outer__inner .module-text-swiper__media {
width: 60%;
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex .slidex-prev-button {
display: none;
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px;
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex.sidenavigation .keen-slider {
max-width: calc(100% - 120px);
}
.module-text-swiper .module__outer__inner .module-text-swiper__media__headline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.module-text-swiper .module__outer__inner .module-text-swiper__media__caption {
padding-top: 16px;
max-width: 85%;
font-size: 14px;
max-width: var(--pageMaxWidth);
margin: 0 auto;
}
.module-text .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-text .module__outer__inner {
flex-direction: row;
}
}
.module-text .module__outer__inner:hover {
text-decoration: none;
}
.module-text .module__outer__inner .module-text__text {
width: 100%;
}
@media (min-width: 640px) {
.module-text .module__outer__inner .module-text__text__wrapper h1, .module-text .module__outer__inner .module-text__text__wrapper h2, .module-text .module__outer__inner .module-text__text__wrapper h3 {
max-width: 85%;
}
}
@media (min-width: 640px) {
.module-text .module__outer__inner .module-text__text__wrapper p {
max-width: 85%;
}
}
.module-text .module__outer__inner .module-text__text__wrapper p:last-of-type {
padding-bottom: 0;
}
.module-text .module__outer__inner .module-text__text__wrapper a {
text-decoration: underline;
display: inline-block;
}
.module-text .module__outer__inner .module-text__text__wrapper ul {
margin-top: 20px;
}
.module-text .module__outer__inner .module-text__text__wrapper button {
margin-top: 20px;
}
.modal {
position: fixed;
top: 0;
left: 100%;
width: 100vw;
height: 100vh;
height: var(--viewport-height);
z-index: 999999;
opacity: 0;
transition: left .01s ease, opacity .2s ease;
}
.modal.show {
left: 0;
opacity: 1;
transition: left .01s ease, opacity .4s ease;
}
.modal__bg {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background-color: var(--pageModalBgColor);
}
.modal__wrapper {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
z-index: 2;
background-color: var(--pageModalContentBgColor);
width: var(--pageModalWidthBase);
padding: var(--pageModalContentPadding);
}
@media (min-width: 768px) {
.modal__wrapper.width-s {
width: var(--pageModalWidthS);
}
}
@media (min-width: 768px) {
.modal__wrapper.width-m {
width: var(--pageModalWidthM);
}
}
@media (min-width: 768px) {
.modal__wrapper.width-l {
width: var(--pageModalWidthL);
}
}
.modal__wrapper__closebtn {
display: inline-block;
border: none;
outline: none;
background-color: transparent;
margin-right: -8px;
position: absolute;
top: 26px;
right: 30px;
z-index: 2;
font-size: var(--pageModalCloseBtnIconSize);
color: var(--pageModalCloseBtnIconColor);
}
.modal__wrapper__content {
display: none;
}
.modal__wrapper__content.show {
display: block;
}
.modal__wrapper__content__headline1 {
max-width: 85%;
}
.modal__wrapper__content__headline2 {
max-width: 85%;
}
.modal__wrapper__content__headline3 {
max-width: 85%;
}
.modal__wrapper__content__copy {
max-width: 85%;
}
.modal__wrapper__content__copy:last-of-type {
padding-bottom: 0;
}
.modal__wrapper__content__link {
text-decoration: underline;
padding-top: 32px;
display: inline-block;
}
.offcanvas {
position: fixed;
top: 0;
left: 100%;
width: 100vw;
height: 100vh;
height: var(--viewport-height);
z-index: 999999;
opacity: 0;
transition: left .01s ease, opacity .2s ease;
}
.offcanvas.show {
left: 0;
opacity: 1;
transition: left .06s ease, opacity .4s ease;
}
.offcanvas__bg {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background-color: var(--pageOffcanvasBgColor);
}
.offcanvas__wrapper {
position: absolute;
top: 0;
right: 0;
width: var(--pageOffcanvasWidthBase);
height: 100vh;
z-index: 2;
background-color: var(--pageOffcanvasContentBgColor);
padding: var(--pageOffcanvasContentPadding);
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.offcanvas__wrapper.width-s {
width: var(--pageOffcanvasWidthS);
}
}
@media (min-width: 768px) {
.offcanvas__wrapper.width-m {
width: var(--pageOffcanvasWidthM);
}
}
@media (min-width: 768px) {
.offcanvas__wrapper.width-l {
width: var(--pageOffcanvasWidthL);
}
}
.offcanvas__wrapper__header {
display: flex;
justify-content: flex-end;
padding: 0;
}
.offcanvas__wrapper__header__closebtn {
display: inline-block;
border: none;
outline: none;
background-color: transparent;
margin-right: -9px;
font-size: var(--pageOffcanvasCloseBtnIconSize);
line-height: 1;
margin-top: 4px;
color: var(--pageOffcanvasCloseBtnIconColor);
}
.offcanvas__wrapper__content {
display: none;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #818181 #d3d3d3;
scrollbar-width: thin;
}
.offcanvas__wrapper__content::-webkit-scrollbar {
width: 8px;
}
.offcanvas__wrapper__content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 11px #d3d3d3;
}
.offcanvas__wrapper__content::-webkit-scrollbar-thumb {
background-color: #818181;
outline: none;
}
.offcanvas__wrapper__content.show {
display: block;
}
.module-content-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-content-swiper .module__outer__inner {
position: relative;
}
.module-content-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%;
}
.module-content-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px;
}
.module-hero-image .module__outer__inner {
display: block;
}
.module-hero-image .module__outer__inner .module-hero-image__media {
position: relative;
overflow: hidden;
height: 70vh;
}
@media (min-width: 768px) {
.module-hero-image .module__outer__inner .module-hero-image__media {
height: 90vh;
}
}
@media (min-width: 1024px) {
.module-hero-image .module__outer__inner .module-hero-image__media {
height: auto;
}
}
.module-hero-image .module__outer__inner .module-hero-image__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
transform: translateX(-50%);
padding-top: var(--header-height);
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
display: inline-block;
padding: 0 8.3333% 40px;
max-width: 90%;
}
@media (min-width: 640px) {
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
max-width: 90%;
}
}
@media (min-width: 992px) {
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
max-width: 70%;
}
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay__button {
margin-top: 10px;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__headline {
color: #fff;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__copy {
color: #fff;
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__cta {
color: #fff;
}
.module-hero-video .module__outer__inner {
display: block;
}
.module-hero-video .module__outer__inner .module-hero-video__media {
position: relative;
overflow: hidden;
height: 70vh;
}
@media (min-width: 768px) {
.module-hero-video .module__outer__inner .module-hero-video__media {
height: 80vh;
max-height: 800px;
}
}
@media (min-width: 992px) {
.module-hero-video .module__outer__inner .module-hero-video__media {
height: auto;
max-height: 800px;
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__video {
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.module-hero-video .module__outer__inner .module-hero-video__media__video {
height: auto;
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 700;
top: 0;
left: 50%;
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
transform: translateX(-50%);
padding: var(--header-height) 8.333% 0;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
display: inline-block;
padding: 0 0 40px;
max-width: 90%;
}
@media (min-width: 640px) {
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
max-width: 90%;
}
}
@media (min-width: 992px) {
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
max-width: 64%;
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay__button {
margin-top: 10px;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__headline {
color: #fff;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__copy {
color: #fff;
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__cta {
color: #fff;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
position: relative;
overflow: hidden;
height: 60vh;
}
@media (min-width: 768px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
height: 80vh;
max-height: 800px;
}
}
@media (min-width: 992px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
height: auto;
max-height: 800px;
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media {
position: relative;
height: 100%;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__outer {
height: 100%;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding-top: var(--header-height);
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
display: inline-block;
padding: 40px 8.3333% 40px;
max-width: 90%;
}
@media (min-width: 640px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
max-width: 90%;
}
}
@media (min-width: 992px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
max-width: 70%;
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay__button {
margin-top: 10px;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__headline {
color: #fff;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__copy {
color: #fff;
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__cta {
color: #fff;
}
.module-accordion .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-accordion .module__outer__inner .module-accordion__trigger {
cursor: pointer;
padding: 30px;
display: flex;
flex-direction: row;
align-items: center;
}
.module-accordion .module__outer__inner .module-accordion__trigger.left {
flex-direction: row;
}
.module-accordion .module__outer__inner .module-accordion__trigger.left .module-accordion__trigger__titel {
padding-left: 30px;
}
.module-accordion .module__outer__inner .module-accordion__trigger.left .module-accordion__trigger__marker {
text-align: left;
}
.module-accordion .module__outer__inner .module-accordion__trigger.left .module-accordion__trigger__marker.checkbox + .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth));
}
.module-accordion .module__outer__inner .module-accordion__trigger.left .module-accordion__trigger__marker.radio + .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormRadioWidth));
}
.module-accordion .module__outer__inner .module-accordion__trigger.left .module-accordion__trigger__marker.arrow + .module-accordion__trigger__titel {
width: calc(100% - 20px);
}
.module-accordion .module__outer__inner .module-accordion__trigger.right {
flex-direction: row-reverse;
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__titel {
padding-right: 30px;
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker {
text-align: right;
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.checkbox + .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth));
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.radio + .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormRadioWidth));
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.arrow + .module-accordion__trigger__titel {
width: calc(100% - 20px);
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.checkbox {
width: var(--pageFormCheckboxWidth);
height: var(--pageFormCheckboxWidth);
padding: 10px;
position: relative;
background-color: var(--pageFormCheckboxBgColor);
display: inline-block;
border-top: var(--pageFormCheckboxBorderTop);
border-right: var(--pageFormCheckboxBorderRight);
border-bottom: var(--pageFormCheckboxBorderBottom);
border-left: var(--pageFormCheckboxBorderLeft);
cursor: pointer;
transition: .2s ease;
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.checkbox::after {
content: "";
border: var(--pageFormCheckboxArrowThickness) solid var(--pageFormCheckboxArrowColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormCheckboxArrowWidth);
height: var(--pageFormCheckboxArrowHeight);
top: 38%;
left: 50%;
font-size: 0;
transform: translate(-50%, -50%) rotate(-49deg);
transition: .2s ease;
opacity: 0;
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.radio {
width: var(--pageFormRadioWidth);
height: var(--pageFormRadioWidth);
padding: 12px;
border-radius: 50%;
background-color: var(--pageFormRadioBgColor);
display: block;
border-top: var(--pageFormRadioBorderTop);
border-right: var(--pageFormRadioBorderRight);
border-bottom: var(--pageFormRadioBorderBottom);
border-left: var(--pageFormRadioBorderLeft);
position: relative;
cursor: pointer;
transition: .2s ease;
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.radio::after {
content: "";
color: #000000;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: var(--pageFormFieldColor);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: .2s ease;
z-index: 2;
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.arrow {
position: relative;
width: 30px;
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker.arrow::after {
font-family: var(--pageIconFont);
content: var(--pageIconUiArrowBold);
color: #000000;
display: inline-block;
transform: rotate(90deg);
transform-origin: center center;
transition: .1s ease;
z-index: 2;
font-size: 20px;
}
.module-accordion .module__outer__inner .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth));
}
.module-accordion .module__outer__inner .module-accordion__content {
overflow-y: hidden;
max-height: 0;
transition: max-height .4s ease;
border-bottom: 1px solid #000;
}
.module-accordion .module__outer__inner .module-accordion__content__inner {
padding: 20px 30px 40px;
}
.module-accordion .module__outer__inner .module-accordion__content__inner h1, .module-accordion .module__outer__inner .module-accordion__content__inner h2, .module-accordion .module__outer__inner .module-accordion__content__inner h3, .module-accordion .module__outer__inner .module-accordion__content__inner h4, .module-accordion .module__outer__inner .module-accordion__content__inner h5, .module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 100%;
}
@media (min-width: 768px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1, .module-accordion .module__outer__inner .module-accordion__content__inner h2, .module-accordion .module__outer__inner .module-accordion__content__inner h3, .module-accordion .module__outer__inner .module-accordion__content__inner h4, .module-accordion .module__outer__inner .module-accordion__content__inner h5, .module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 80%;
}
}
@media (min-width: 992px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1, .module-accordion .module__outer__inner .module-accordion__content__inner h2, .module-accordion .module__outer__inner .module-accordion__content__inner h3, .module-accordion .module__outer__inner .module-accordion__content__inner h4, .module-accordion .module__outer__inner .module-accordion__content__inner h5, .module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 65%;
}
}
.module-accordion.open .module-accordion__trigger__marker.checkbox::after {
opacity: 1;
}
.module-accordion.open .module-accordion__trigger__marker.radio::after {
width: var(--pageFormRadioDotWidth);
height: var(--pageFormRadioDotWidth);
}
.module-accordion.open .module-accordion__trigger__marker.arrow::after {
transform: rotate(270deg);
}
.module-accordion.open .module-accordion__content {
max-height: 9999px;
transition: max-height 4s ease;
}
.module-accordion.content-dark .module-accordion__content__inner {
background-color: var(--pageModuleAccordionContentBoxInvertBgColor);
color: var(--pageModuleAccordionContentBoxInvertColor);
padding: 40px 30px 40px;
}
.module-teaser-duo .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-teaser-duo .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-teaser-duo .module__outer__inner {
flex-direction: row;
}
}
.module-teaser-duo .module__outer__inner .module-teaser-duo__col {
width: 100%;
padding-bottom: 80px;
}
.module-teaser-duo .module__outer__inner .module-teaser-duo__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 768px) {
.module-teaser-duo .module__outer__inner .module-teaser-duo__col {
width: 50%;
padding-bottom: 0;
}
}
.module-teaser-trio .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-teaser-trio .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-teaser-trio .module__outer__inner {
flex-direction: row;
}
}
.module-teaser-trio .module__outer__inner .module-teaser-trio__col {
width: 100%;
padding-bottom: 80px;
}
.module-teaser-trio .module__outer__inner .module-teaser-trio__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 768px) {
.module-teaser-trio .module__outer__inner .module-teaser-trio__col {
width: 33.33333%;
padding-bottom: 0;
}
}
.module-teaser-quattro .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-teaser-quattro .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-teaser-quattro .module__outer__inner {
flex-direction: row;
}
}
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 100%;
padding-bottom: 80px;
}
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 768px) {
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 50%;
padding-bottom: 0;
}
}
@media (min-width: 1280px) {
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 25%;
padding-bottom: 0;
}
}
.module-image-duo .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-image-duo .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-image-duo .module__outer__inner {
flex-direction: row;
}
}
.module-image-duo .module__outer__inner .module-image-duo__col {
width: 100%;
padding-bottom: 80px;
}
.module-image-duo .module__outer__inner .module-image-duo__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 768px) {
.module-image-duo .module__outer__inner .module-image-duo__col {
width: 50%;
padding-bottom: 0;
}
}
.module-image-duo .module__outer__inner .module-image-duo__col figure {
margin: 0;
}
.module-teaser-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-teaser-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%;
}
.module-teaser-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px;
}
.module-video .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-video .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-video .module__outer__inner {
flex-direction: row;
}
}
.module-video .module__outer__inner:hover {
text-decoration: none;
}
.module-video .module__outer__inner .module-video__media {
width: 100%;
}
.module-wide-swiper .module__outer__inner {
position: relative;
}
.module-wide-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%;
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-prev-button {
left: 0;
top: 0;
transform: none;
width: 50%;
height: 100%;
cursor: url(//www.iqst.org/wp-content/themes/images/SliderArrowPrev.svg), pointer;
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-prev-button::after {
content: none;
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button {
right: 0;
top: 0;
transform: none;
width: 50%;
height: 100%;
cursor: url(//www.iqst.org/wp-content/themes/images/SliderArrowNext.svg), pointer;
}
@media (min-width: 992px) {
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button {
display: block;
}
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button::after {
content: none;
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px;
}
.module-quote figure {
display: block;
margin: 0;
}
.module-quote figure .quote-copy {
display: block;
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding-bottom: var(--pageModuleQuotePaddingBottom);
}
.module-quote figure .quote-copy::before {
content: "\201e";
}
.module-quote figure .quote-copy::after {
content: "\201c";
}
.module-quote figure .quote-author {
display: block;
}
.module-image-teaser .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-image-teaser .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-image-teaser .module__outer__inner {
flex-direction: row;
}
}
.module-image-teaser .module__outer__inner:hover {
text-decoration: none;
}
.module-image-teaser .module__outer__inner .module-image-teaser__media {
width: 100%;
position: relative;
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
padding-top: 20px;
}
@media (min-width: 992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
position: absolute;
top: 0;
left: 0;
padding: 60px;
display: flex;
width: 50%;
z-index: 1;
flex-direction: column;
justify-content: center;
height: 100%;
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay.text-right {
width: 40%;
left: inherit;
right: 0;
padding: 60px 120px 60px 0;
}
}
@media (min-width: 1280px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
width: 40%;
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay.text-right {
width: 40%;
}
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__category {
padding-bottom: 10px;
}
@media (max-width: 992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__category {
color: #0305FC !important;
}
}
@media (max-width: 992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__headline {
color: #000000 !important;
}
}
@media (max-width: 992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__copy {
color: #000000 !important;
}
}
@media (max-width: 992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__cta {
color: #000000 !important;
}
}
@media (max-width: 992px) {
.module-image-teaser .module__outer__inner.indentbefore-none .module-image-teaser__media__overlay {
padding: 20px 8.3333% 0;
}
}
.module-text-text .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-text-text .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
color: inherit;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner {
flex-direction: row;
}
}
.module-text-text .module__outer__inner:hover {
text-decoration: none;
}
.module-text-text .module__outer__inner.text-left {
flex-direction: column;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left {
flex-direction: row;
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-bottom: 0;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-right: 0;
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text1 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text1 {
width: 50%;
}
}
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text2 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text2 {
width: 50%;
}
}
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text1 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text1 {
width: 30%;
}
}
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text2 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text2 {
width: 70%;
}
}
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text1 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text1 {
width: 70%;
}
}
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text2 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text2 {
width: 30%;
}
}
.module-text-text .module__outer__inner .module-text-text__text1 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner .module-text-text__text1 {
width: 50%;
}
}
@media (min-width: 640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline1, .module-text-text .module__outer__inner .module-text-text__text1__wrapper h1 {
max-width: 85%;
}
}
@media (min-width: 640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline2, .module-text-text .module__outer__inner .module-text-text__text1__wrapper h2 {
max-width: 85%;
}
}
@media (min-width: 640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline3, .module-text-text .module__outer__inner .module-text-text__text1__wrapper h3 {
max-width: 85%;
}
}
@media (min-width: 640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__copy, .module-text-text .module__outer__inner .module-text-text__text1__wrapper p {
max-width: 85%;
}
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__copy:last-of-type, .module-text-text .module__outer__inner .module-text-text__text1__wrapper p:last-of-type {
padding-bottom: 0;
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__cta, .module-text-text .module__outer__inner .module-text-text__text1__wrapper a {
text-decoration: underline;
margin-top: 40px;
display: inline-block;
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__button, .module-text-text .module__outer__inner .module-text-text__text1__wrapper button {
margin-top: 20px;
}
.module-text-text .module__outer__inner .module-text-text__text2 {
width: 100%;
}
@media (min-width: 992px) {
.module-text-text .module__outer__inner .module-text-text__text2 {
width: 50%;
}
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline1, .module-text-text .module__outer__inner .module-text-text__text2__wrapper h1 {
max-width: 85%;
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline2, .module-text-text .module__outer__inner .module-text-text__text2__wrapper h2 {
max-width: 85%;
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline3, .module-text-text .module__outer__inner .module-text-text__text2__wrapper h3 {
max-width: 85%;
}
@media (min-width: 640px) {
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__copy, .module-text-text .module__outer__inner .module-text-text__text2__wrapper p {
max-width: 85%;
}
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__copy:last-of-type, .module-text-text .module__outer__inner .module-text-text__text2__wrapper p:last-of-type {
padding-bottom: 0;
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__cta, .module-text-text .module__outer__inner .module-text-text__text2__wrapper a {
text-decoration: underline;
margin-top: 40px;
display: inline-block;
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__button, .module-text-text .module__outer__inner .module-text-text__text2__wrapper button {
margin-top: 20px;
}
.module-quote-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-quote-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
max-width: var(--pageMaxWidth);
margin: 0 auto;
}
@media (min-width: 992px) {
.module-quote-image .module__outer__inner {
flex-direction: row;
}
}
.module-quote-image .module__outer__inner:hover {
text-decoration: none;
}
.module-quote-image .module__outer__inner.text-right {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.module-quote-image .module__outer__inner.text-right {
flex-direction: row-reverse;
}
}
.module-quote-image .module__outer__inner.text-right .module-quote-image__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text {
padding-left: 0;
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-quote-image .module__outer__inner.text-left {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.module-quote-image .module__outer__inner.text-left {
flex-direction: row;
}
}
.module-quote-image .module__outer__inner.text-left .module-quote-image__media {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media.none {
padding-left: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media.s {
padding-left: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media.m {
padding-left: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media.l {
padding-left: calc(var(--pageSwiperSpaceL) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text {
padding-right: 0;
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.none {
padding-right: calc(var(--pageSwiperSpaceNone) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.s {
padding-right: calc(var(--pageSwiperSpaceS) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.m {
padding-right: calc(var(--pageSwiperSpaceM) / 2);
}
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.l {
padding-right: calc(var(--pageSwiperSpaceL) / 2);
}
}
.module-quote-image .module__outer__inner .module-quote-image__text {
width: 100%;
}
@media (min-width: 992px) {
.module-quote-image .module__outer__inner .module-quote-image__text {
width: 50%;
}
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure {
display: block;
margin: 0;
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy {
display: block;
font-family: var(--pageModuleQuoteFontFamily);
font-size: calc((var(--pageModuleQuoteFontSize) / 1.5 ) * 1);
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding-bottom: var(--pageModuleQuotePaddingBottom);
}
@media (min-width: 768px) {
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy {
font-size: var(--pageModuleQuoteFontSize);
}
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy::before {
content: "\201e";
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy::after {
content: "\201c";
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-author {
display: block;
}
.module-quote-image .module__outer__inner .module-quote-image__media {
width: 100%;
}
@media (min-width: 992px) {
.module-quote-image .module__outer__inner .module-quote-image__media {
width: 50%;
}
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint {
position: relative;
margin: 0;
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply;
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.brand::after {
background-color: var(--pageBrandColorActive);
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.accent::after {
background-color: var(--pageAccentColor);
}
.module-image-overlay .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-image-overlay .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner {
flex-direction: row;
}
}
.module-image-overlay .module__outer__inner:hover {
text-decoration: none;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay {
position: relative;
background-color: aquamarine;
padding: 30px 0;
display: inline-block;
max-width: 70%;
z-index: 1;
margin-top: -30px;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay {
max-width: 60%;
position: absolute;
left: 0;
bottom: -30px;
z-index: 1;
padding: 60px 0;
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
transform: translateX(99.4%);
z-index: 2;
aspect-ratio: 1 / 1;
height: 100%;
background-color: red;
clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.bright {
background-color: #fff;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.bright::after {
background-color: #fff;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.dark {
background-color: #000000;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.dark::after {
background-color: #000000;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.brand {
background-color: var(--pageBrandColorActive);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.brand::after {
background-color: var(--pageBrandColorActive);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.accent {
background-color: var(--pageAccentColor);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.accent::after {
background-color: var(--pageAccentColor);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-none {
padding-left: 30px;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-none {
padding-left: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-none {
padding-right: 30px;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-none {
padding-right: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-xs {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-xs {
padding-left: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-xs {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-xs {
padding-right: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-s {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-s {
padding-left: var(--pageModuleIndentM);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-s {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-s {
padding-right: var(--pageModuleIndentM);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-m {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-m {
padding-left: var(--pageModuleIndentL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-m {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-m {
padding-right: var(--pageModuleIndentL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-l {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-l {
padding-left: var(--pageModuleIndentXL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-l {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-l {
padding-right: var(--pageModuleIndentXL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h1:last-child, .module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h2:last-child, .module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h3:last-child {
padding-bottom: 0;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right {
justify-content: flex-end;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay {
position: relative;
background-color: var(--pageAccentColor);
padding: 30px 0;
display: inline-block;
max-width: 70%;
left: inherit;
z-index: 1;
text-align: right;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay {
max-width: 60%;
position: absolute;
left: inherit;
right: 0;
bottom: -30px;
z-index: 1;
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay::after {
content: "";
position: absolute;
bottom: 0;
right: inherit;
left: 0;
transform: translateX(-99.8%);
z-index: 2;
height: 100%;
background-color: red;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.bright {
background-color: #fff;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.bright::after {
background-color: #fff;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.dark {
background-color: #000000;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.dark::after {
background-color: #000000;
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.brand {
background-color: var(--pageBrandColorActive);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.brand::after {
background-color: var(--pageBrandColorActive);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.accent {
background-color: var(--pageAccentColor);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.accent::after {
background-color: var(--pageAccentColor);
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-none {
padding-left: 30px;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-none {
padding-left: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-none {
padding-right: 30px;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-none {
padding-right: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-xs {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-xs {
padding-left: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-xs {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-xs {
padding-right: var(--pageModuleIndentS);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-s {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-s {
padding-left: var(--pageModuleIndentM);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-s {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-s {
padding-right: var(--pageModuleIndentM);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-m {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-m {
padding-left: var(--pageModuleIndentL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-m {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-m {
padding-right: var(--pageModuleIndentL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-l {
padding-left: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-l {
padding-left: var(--pageModuleIndentXL);
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-l {
padding-right: 8.333%;
}
@media (min-width: 768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-l {
padding-right: var(--pageModuleIndentXL);
}
}
.module-facts .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-facts .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-facts .module__outer__inner {
flex-direction: row;
}
}
.module-facts .module__outer__inner:hover {
text-decoration: none;
}
.module-facts .module__outer__inner .module-facts__wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
row-gap: 45px;
justify-content: center;
}
@media (min-width: 992px) {
.module-facts .module__outer__inner .module-facts__wrapper {
-moz-column-gap: 60px;
column-gap: 60px;
row-gap: 0;
}
}
.module-facts .module__outer__inner .module-facts__wrapper.none {
-moz-column-gap: 0;
column-gap: 0;
}
.module-facts .module__outer__inner .module-facts__wrapper.s {
-moz-column-gap: 20px;
column-gap: 20px;
}
.module-facts .module__outer__inner .module-facts__wrapper.m {
-moz-column-gap: 40px;
column-gap: 40px;
}
.module-facts .module__outer__inner .module-facts__wrapper.l {
-moz-column-gap: 60px;
column-gap: 60px;
}
.module-facts .module__outer__inner .module-facts__wrapper__fact {
width: calc(50% - 45px);
}
@media (min-width: 992px) {
.module-facts .module__outer__inner .module-facts__wrapper__fact {
width: calc(25% - 45px);
}
}
.module-facts .module__outer__inner .module-facts__wrapper__fact__num {
text-align: center;
white-space: nowrap;
}
.module-facts .module__outer__inner .module-facts__wrapper__fact__caption {
text-align: center;
}
.module-image-list .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-image-list .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
text-decoration: none;
color: inherit;
justify-content: center;
align-items: baseline;
}
@media (min-width: 768px) {
.module-image-list .module__outer__inner {
flex-direction: row;
}
}
.module-image-list .module__outer__inner.space-s .module-image-list__col {
margin: 0 20px;
width: calc(50% - 40px);
}
@media (min-width: 768px) {
.module-image-list .module__outer__inner.space-s .module-image-list__col {
width: calc(25% - 40px);
}
}
.module-image-list .module__outer__inner.space-m .module-image-list__col {
margin: 0 40px;
width: calc(50% - 80px);
}
@media (min-width: 768px) {
.module-image-list .module__outer__inner.space-m .module-image-list__col {
width: calc(25% - 80px);
}
}
.module-image-list .module__outer__inner.space-l .module-image-list__col {
margin: 0 60px;
width: calc(50% - 120px);
}
@media (min-width: 768px) {
.module-image-list .module__outer__inner.space-l .module-image-list__col {
width: calc(25% - 120px);
}
}
.module-image-list .module__outer__inner .module-image-list__col {
width: 50%;
padding-bottom: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.module-image-list .module__outer__inner .module-image-list__col:last-of-type {
padding-bottom: 0;
}
@media (min-width: 768px) {
.module-image-list .module__outer__inner .module-image-list__col {
width: 25%;
padding-bottom: 0;
}
}
.module-image-list .module__outer__inner .module-image-list__col figure {
margin: 0;
}
.module-image-list .module__outer__inner .module-image-list__col figure img {
max-height: 120px;
}
.module-service-dropdown__trigger__start {
display: inline-block;
}
.module-service-dropdown__trigger__select {
display: block;
position: relative;
padding: 10px 15px;
border-radius: 50px;
margin: 11px 0;
}
@media (min-width: 640px) {
.module-service-dropdown__trigger__select {
display: inline-block;
margin: 0 15px 0 7px;
}
}
.module-service-dropdown__trigger__select::before {
content: "";
right: 0;
border: 2px solid #000000;
border-top: none;
border-right: none;
width: 13px;
height: 13px;
outline: none;
pointer-events: none;
position: absolute;
top: 44%;
right: 20px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease;
}
@media (min-width: 640px) {
.module-service-dropdown__trigger__select::before {
width: 13px;
height: 13px;
top: 50%;
border: 4px solid #000000;
border-top: none;
border-right: none;
}
}
.module-service-dropdown__trigger__select.color-bright {
border: 1px solid #fff;
}
.module-service-dropdown__trigger__select.color-bright::before {
border: 2px solid #fff;
border-top: none;
border-right: none;
}
.module-service-dropdown__trigger__select.color-dark {
border: 1px solid #000000;
}
.module-service-dropdown__trigger__select.color-dark::before {
border: 2px solid #000000;
border-top: none;
border-right: none;
}
.module-service-dropdown__trigger__select.color-brand {
border: 1px solid var(--pageBrandColorActive);
}
.module-service-dropdown__trigger__select.color-brand::before {
border: 2px solid var(--pageBrandColorActive);
border-top: none;
border-right: none;
}
.module-service-dropdown__trigger__select.color-accent {
border: 1px solid var(--pageAccentColor);
}
.module-service-dropdown__trigger__select.color-accent::before {
border: 2px solid var(--pageAccentColor);
border-top: none;
border-right: none;
}
.module-service-dropdown__trigger__select select {
background-color: transparent;
border: none;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 63px 0 16px;
top: auto;
bottom: 100%;
height: 38px;
border-radius: 20px;
}
@media (min-width: 992px) {
.module-service-dropdown__trigger__select select {
padding: 0 78px 0 16px;
}
}
.module-service-dropdown__trigger__select select:focus {
border: none;
outline: none;
}
.module-service-dropdown__trigger__select select option {
color: #000000;
}
.module-service-dropdown__content {
display: none;
flex-direction: row;
flex-wrap: wrap;
}
.module-service-dropdown__content.active {
display: block;
}
.module-service-dropdown__content__intro {
display: block;
padding-bottom: 32px;
padding-right: 30px;
}
@media (min-width: 640px) {
.module-service-dropdown__content__intro {
max-width: 70%;
}
}
@media (min-width: 992px) {
.module-service-dropdown__content__intro {
padding-bottom: 64px;
max-width: 70%;
}
}
.module-profile-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-profile-grid .module__outer .module-profile-grid__typefilter {
padding-bottom: 35px;
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop {
display: none;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop {
display: block;
}
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop ul li {
padding-right: 20px;
padding-bottom: 10px;
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop ul li a {
color: #818181;
text-decoration: none;
border-bottom: 1px solid transparent;
font-size: 26px;
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop ul li a :hover {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__desktop ul li a.active {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-profile-grid .module__outer .module-profile-grid__typefilter__mobile {
display: block;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__typefilter__mobile {
display: none;
}
}
.module-profile-grid .module__outer .module-profile-grid__filter {
padding-bottom: 35px;
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop {
display: none;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__filter__desktop {
display: block;
}
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li {
padding-right: 20px;
padding-bottom: 10px;
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a {
color: #818181;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a :hover {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a.active {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-profile-grid .module__outer .module-profile-grid__filter__mobile {
display: block;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__filter__mobile {
display: none;
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper {
display: flex;
flex-wrap: wrap;
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none {
--flex-gap: 0;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s {
--flex-gap: 15px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m {
--flex-gap: 30px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l {
--flex-gap: 45px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile.associate {
background-color: transparent;
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile.hide {
display: none;
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__imagewrapper {
padding-bottom: 30px;
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__headline {
padding-bottom: 15px;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__headline {
max-width: 90%;
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__subheadline {
padding-bottom: 5px;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__subheadline {
max-width: 90%;
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__list {
list-style-type: none;
margin: 0;
padding: 0;
}
@media (min-width: 640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__copy {
max-width: 90%;
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__contact {
padding-top: 15px;
}
.module-formsshortcode .module__outer, .module-shortcode .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-formsshortcode .module__outer__inner, .module-shortcode .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@media (min-width: 768px) {
.module-formsshortcode .module__outer__inner, .module-shortcode .module__outer__inner {
flex-direction: row;
}
}
.module-formsshortcode .module__outer__inner:hover, .module-shortcode .module__outer__inner:hover {
text-decoration: none;
}
.module-programms .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-programms .module__outer .filter_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.module-programms .module__outer .filter_wrapper.desktop {
display: none;
}
@media (min-width: 640px) {
.module-programms .module__outer .filter_wrapper.desktop {
display: flex;
margin-bottom: 70px;
}
}
.module-programms .module__outer .filter_wrapper.mobile {
display: block;
}
@media (min-width: 640px) {
.module-programms .module__outer .filter_wrapper.mobile {
display: none;
}
}
.module-programms .module__outer .filter_wrapper .filter_bubble {
display: flex;
margin: 5px;
margin-left: 0;
padding-left: 30px;
padding-right: 30px;
flex-direction: row;
align-items: center;
justify-content: center;
margin-right: 10px;
flex: 0 1 content;
background-color: white;
border-color: #818181;
border-width: 1px;
border-style: solid;
border-radius: 26px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.module-programms .module__outer .filter_wrapper .filter_bubble {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
}
}
.module-programms .module__outer .filter_wrapper .filter_bubble:last-of-type {
margin-right: 0;
}
.module-programms .module__outer .filter_wrapper .filter_bubble .programme_text {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
color: var(--pageTypoHelperClassFontColorDark);
font-family: 'TT Commons Classic W01 Light';
}
.module-programms .module__outer .filter_wrapper .filter_bubble.active {
background-color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-programms .module__outer .filter_wrapper .filter_bubble.active .programme_text {
color: var(--pageTypoHelperClassFontColorBright) !important;
font-family: 'TT Commons Classic W01 DemiBold';
}
.module-programms .module__outer .filter_wrapper_info {
display: none;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.module-programms .module__outer .filter_wrapper_info.desktop {
display: none;
}
@media (min-width: 640px) {
.module-programms .module__outer .filter_wrapper_info.desktop {
display: none;
margin-bottom: 70px;
}
}
.module-programms .module__outer .filter_wrapper_info.mobile {
display: none;
}
@media (min-width: 640px) {
.module-programms .module__outer .filter_wrapper_info.mobile {
display: none;
}
}
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info {
display: flex;
margin: 5px;
margin-left: 0;
padding-left: 30px;
padding-right: 30px;
flex-direction: row;
align-items: center;
justify-content: center;
margin-right: 10px;
flex: 0 1 content;
background-color: white;
border-color: #818181;
border-width: 1px;
border-style: solid;
border-radius: 26px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
}
}
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info:last-of-type {
margin-right: 0;
}
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info .info_text {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
color: var(--pageTypoHelperClassFontColorDark);
font-family: 'TT Commons Classic W01 Light';
}
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info.active {
background-color: var(--pageAccentColor);
border-color: var(--pageAccentColor);
}
.module-programms .module__outer .filter_wrapper_info .filter_bubble_info.active .info_text {
color: var(--pageTypoHelperClassFontColorBright) !important;
font-family: 'TT Commons Classic W01 DemiBold';
}
.module-programms .module__outer .programms_wrapper {
width: 100%;
display: flex;
flex-direction: column-reverse;
padding-top: 50px;
padding-bottom: 50px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #818181;
text-decoration: none;
}
.module-programms .module__outer .programms_wrapper.hide {
display: none;
}
@media (min-width: 768px) {
.module-programms .module__outer .programms_wrapper {
flex-direction: row;
}
}
.module-programms .module__outer .programms_wrapper .programm_module_left {
width: 100%;
}
@media (min-width: 768px) {
.module-programms .module__outer .programms_wrapper .programm_module_left {
width: 65%;
padding-right: 150px;
}
}
.module-programms .module__outer .programms_wrapper .programm_module_left .programm_blabla {
color: var(--pageTypoHelperClassFontColorBrand);
}
.module-programms .module__outer .programms_wrapper .info_module_left {
width: 100%;
}
@media (min-width: 768px) {
.module-programms .module__outer .programms_wrapper .info_module_left {
width: 65%;
padding-right: 150px;
}
}
.module-programms .module__outer .programms_wrapper .info_module_left .programm_blabla {
color: var(--pageTypoHelperClassFontColorBrand);
}
.module-programms .module__outer .programms_wrapper .programm_module_right {
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media (min-width: 640px) {
.module-programms .module__outer .programms_wrapper .programm_module_right {
height: 300px;
}
}
@media (min-width: 768px) {
.module-programms .module__outer .programms_wrapper .programm_module_right {
width: 35%;
height: auto;
}
}
.module-programms .module__outer .programms_wrapper .info_module_right {
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media (min-width: 640px) {
.module-programms .module__outer .programms_wrapper .info_module_right {
height: 300px;
}
}
@media (min-width: 768px) {
.module-programms .module__outer .programms_wrapper .info_module_right {
width: 35%;
height: auto;
}
}
.module-programms .module__outer .info_wrapper {
width: 100%;
display: flex;
flex-direction: column-reverse;
padding-top: 50px;
padding-bottom: 50px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #818181;
text-decoration: none;
}
.module-programms .module__outer .info_wrapper.hide {
display: none;
}
@media (min-width: 1024px) {
.module-programms .module__outer .info_wrapper {
flex-direction: row;
}
}
.module-programms .module__outer .info_wrapper .info_module_left {
width: 100%;
}
@media (min-width: 1024px) {
.module-programms .module__outer .info_wrapper .info_module_left {
width: 65%;
padding-right: 150px;
}
}
.module-programms .module__outer .info_wrapper .info_module_left .programm_blabla {
color: var(--pageTypoHelperClassFontColorBrand);
}
.module-programms .module__outer .info_wrapper .info_module_right {
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
@media (min-width: 640px) {
.module-programms .module__outer .info_wrapper .info_module_right {
height: 300px;
}
}
@media (min-width: 1024px) {
.module-programms .module__outer .info_wrapper .info_module_right {
width: 35%;
height: auto;
}
}
.module-people-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-people-grid .module__outer .module-people-grid__wrapper {
display: flex;
flex-wrap: wrap;
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-none {
--flex-gap: 0;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-s {
--flex-gap: 15px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-m {
--flex-gap: 30px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-l {
--flex-gap: 45px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1) / 4) * var(--flex-gap)));
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile.hide {
display: none;
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__imagewrapper {
padding-bottom: 30px;
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__headline {
padding-bottom: 15px;
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__headline {
max-width: 90%;
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__subheadline {
padding-bottom: 5px;
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__subheadline {
max-width: 90%;
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__list {
list-style-type: none;
margin: 0;
padding: 0;
}
@media (min-width: 640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__copy {
max-width: 90%;
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__contact {
padding-top: 15px;
}
.module-news-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto;
}
.module-news-grid .module__outer .module-news-grid__inner {
display: flex;
flex-wrap: wrap;
--flex-gap: 20px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
padding-bottom: 60px;
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box {
width: calc((100% / 1) - (((1 - 1) / 1) * var(--flex-gap)));
}
@media (min-width: 640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box {
width: calc((100% / 2) - (((2 - 1) / 2) * var(--flex-gap)));
}
}
@media (min-width: 768px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box {
width: calc((100% / 3) - (((3 - 1) / 3) * var(--flex-gap)));
}
}
@media (min-width: 640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link img {
max-width: 100%;
}
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details__cta {
padding-top: 0;
}
.effect-fade {
opacity: 0;
}
.effect-fade.fade-1 {
opacity: 0.083333;
}
.effect-fade.fade-2 {
opacity: 0.166667;
}
.effect-fade.fade-3 {
opacity: 0.25;
}
.effect-fade.fade-4 {
opacity: 0.333333;
}
.effect-fade.fade-5 {
opacity: 0.416667;
}
.effect-fade.fade-6 {
opacity: 0.5;
}
.effect-fade.fade-7 {
opacity: 0.583333;
}
.effect-fade.fade-8 {
opacity: 0.666667;
}
.effect-fade.fade-9 {
opacity: 0.75;
}
.effect-fade.fade-10 {
opacity: 0.833333;
}
.effect-fade.fade-11 {
opacity: 0.916667;
}
.effect-fade.fade-12 {
opacity: 1;
}
.effect-fadein, .effect-fadeOnce {
transition: all .3 ease;
transform: translateY(30px);
}
@media (min-width: 768px) {
.effect-fadein, .effect-fadeOnce {
opacity: 0;
}
}
.effect-fadein.effect-1, .effect-fadein.above, .effect-fadeOnce.effect-1, .effect-fadeOnce.above {
transform: translateY(30px);
}
@media (min-width: 768px) {
.effect-fadein.effect-1, .effect-fadein.above, .effect-fadeOnce.effect-1, .effect-fadeOnce.above {
opacity: 0;
}
}
.effect-fadein.effect-2, .effect-fadeOnce.effect-2 {
transform: translateY(22.5px);
}
@media (min-width: 768px) {
.effect-fadein.effect-2, .effect-fadeOnce.effect-2 {
opacity: .25;
}
}
.effect-fadein.effect-3, .effect-fadeOnce.effect-3 {
transform: translateY(15px);
}
@media (min-width: 768px) {
.effect-fadein.effect-3, .effect-fadeOnce.effect-3 {
opacity: .5;
}
}
.effect-fadein.effect-4, .effect-fadeOnce.effect-4 {
transform: translateY(7.5px);
}
@media (min-width: 768px) {
.effect-fadein.effect-4, .effect-fadeOnce.effect-4 {
opacity: .75;
}
}
.effect-fadein.effect-5, .effect-fadein.below, .effect-fadeOnce.effect-5, .effect-fadeOnce.below {
transform: translateY(0);
}
@media (min-width: 768px) {
.effect-fadein.effect-5, .effect-fadein.below, .effect-fadeOnce.effect-5, .effect-fadeOnce.below {
opacity: 1;
}
}
.effect-media {
transition: all .3s ease;
opacity: 0;
}
.effect-media.effect-1, .effect-media.above {
opacity: 0;
}
.effect-media.effect-2 {
opacity: .25;
}
.effect-media.effect-3 {
opacity: .5;
}
.effect-media.effect-4 {
opacity: .75;
}
.effect-media.effect-5, .effect-media.below {
opacity: 1;
}