@charset "UTF-8";
 .text-red {
color: #d33c2e;
}
.bg-red {
background-color: #d33c2e;
}
.text-hover-red:hover {
color: #d33c2e;
}
.bg-hover-red:hover {
background-color: #d33c2e;
}
.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: #fffc00;
}
.bg-yellow {
background-color: #fffc00;
}
.text-hover-yellow:hover {
color: #fffc00;
}
.bg-hover-yellow:hover {
background-color: #fffc00;
}
.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-550 {
color: #5d5c5c;
}
.bg-grey-550 {
background-color: #5d5c5c;
}
.text-hover-grey-550:hover {
color: #5d5c5c;
}
.bg-hover-grey-550:hover {
background-color: #5d5c5c;
}
.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 { --colorBrand: #2171ec;
--colorAccent: #be306d;
--colorBright: #fff;
--colorDark: #070707;
--colorGrey100: #F7F7F7;
--colorGrey200: #E0E0E1;
--colorGrey300: #bababa;
--colorGrey400: #858585;
--colorGrey500: #5B5B5B;
--colorGrey600: #414040;
--colorGrey700: #171717;
--colorError: #d33c2e; --pageSpaceUnit: 16px;
--pageMaxWidth: 2500px;
--pageModulesMaxWidth: 2500px;
--pageBodyBg: var(--colorBright);
--pageBodyColor: var(--colorGrey700);
--pageLinkColor: var(--colorGrey700);
--pageLinkHoverColor: var(--colorDark);
--pageFooterSpacer: calc(16px * 4);
--pageHeaderBgColor: transparent;
--pageHeaderShadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.08);
--pageHeaderLogoSizeS: 100px;
--pageHeaderLogoSizeL: 150px;
--pageHeaderMenuTopS: 34px;
--pageHeaderMenuTopL: 32px;
--pageHeaderMenuIconColor: var(--colorBright);
--pageHeaderNavigationColor: var(--colorBright);
--pageHeaderNavigationMobileColor: var(--colorDark);
--pageFooterBgColor: var(--colorBright);
--pageFooterColor: var(--colorGrey600);
--pageFooterBorder: none;
--pageFooterLinkColor: var(--colorGrey700);
--pageFooterLinkHover: var(--colorGrey700); --pageTypoFamily: ABC Camera Plain Regular;
--pageTypoFontSize: 1rem;
--pageTypoLineHeight: 1.2;
--pageTypoLetterSpacing: 0;
--pageTypoHeadlineLetterSpacing: 0;
--pageTypoParagraphPaddingBottom: calc(var(--pageSpaceUnit) * 2);
--pageTypoHelperClassFontSizeXS: .875rem;
--pageTypoHelperClassFontSizeS: 1.25rem;
--pageTypoHelperClassFontSizeM: 1.6875rem;
--pageTypoHelperClassFontSizeL: 2.25rem;
--pageTypoHelperClassFontSizeXL: 3.375rem;
--pageTypoHelperClassFontSize2XL: 5.25rem;
--pageTypoHelperClassFontSize3XL: 7.5rem;
--pageTypoH1FontSize: var(--pageTypoHelperClassFontSize2XL);
--pageTypoH1LineHeight: 1.2;
--pageTypoH1FontWeight: 400;
--pageTypoH1FontFamily: ABC Camera Plain Regular;
--pageTypoH1PaddingBottom: calc(var(--pageSpaceUnit) * 2);
--pageTypoH1Color: var(--colorGrey700);
--pageTypoH2FontSize: var(--pageTypoHelperClassFontSizeXL);
--pageTypoH2LineHeight: 1.2;
--pageTypoH2FontWeight: 400;
--pageTypoH2FontFamily: ABC Camera Plain Bold;
--pageTypoH2PaddingBottom: calc(var(--pageSpaceUnit) * 2);
--pageTypoH2Color: var(--colorGrey700);
--pageTypoH3FontSize: var(--pageTypoHelperClassFontSizeL);
--pageTypoH3LineHeight: 1.2;
--pageTypoH3FontWeight: 400;
--pageTypoH3FontFamily: ABC Camera Plain Regular;
--pageTypoH3PaddingBottom: calc(var(--pageSpaceUnit) * 2);
--pageTypoH3Color: var(--colorGrey700);
--pageTypoH4FontSize: var(--pageTypoHelperClassFontSizeM);
--pageTypoH4LineHeight: 1.1;
--pageTypoH4FontWeight: 400;
--pageTypoH4FontFamily: ABC Camera Plain Regular;
--pageTypoH4PaddingBottom: calc(var(--pageSpaceUnit) * 2);
--pageTypoH4Color: var(--colorGrey700);
--pageTypoH5FontSize: var(--pageTypoHelperClassFontSizeS);
--pageTypoH5LineHeight: 1.1;
--pageTypoH5FontWeight: 400;
--pageTypoH5FontFamily: ABC Camera Plain Regular;
--pageTypoH5PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH5Color: var(--colorGrey700);
--pageTypoHelperClassFontWeightS: 200;
--pageTypoHelperClassFontWeightM: 400;
--pageTypoHelperClassFontWeightL: 800;
--pageTypoHelperClassFontColorBright: var(--colorBright);
--pageTypoHelperClassFontColorDark: var(--colorGrey700);
--pageTypoHelperClassFontColorBrand: var(--colorBrand); --pageComponentButtonPadding: 15px 0 17px;
--pageComponentButtonAlign: center;
--pageComponentButtonFontSize: 1.25rem;
--pageComponentButtonMaxWidth: 320px;
--pageComponentButtonRadius: 10px;
--pageComponentButtonLineheight: 1.4;
--pageComponentButtonSolidBlackBorder: 1px solid var(--colorDark);
--pageComponentButtonSolidBlackBgColor: var(--colorDark);
--pageComponentButtonSolidBlackColor: var(--colorBright);
--pageComponentButtonSolidWhiteBorder: 1px solid var(--colorBright);
--pageComponentButtonSolidWhiteBgColor: var(--colorBright);
--pageComponentButtonSolidWhiteColor: var(--colorDark);
--pageComponentButtonSolidBrandBorder: 1px solid var(--colorBrand);
--pageComponentButtonSolidBrandBgColor: var(--colorBrand);
--pageComponentButtonSolidBrandColor: var(--colorBright);
--pageComponentButtonSolidAccentBorder: 1px solid var(--colorAccent);
--pageComponentButtonSolidAccentBgColor: var(--colorAccent);
--pageComponentButtonSolidAccentColor: var(--colorBright);
--pageComponentButtonSolidDisabledBorder: 1px solid var(--colorGrey500);
--pageComponentButtonSolidDisabledBgColor: var(--colorGrey500);
--pageComponentButtonSolidDisabledColor: var(--colorBright);
--pageComponentButtonOutlinedBlackBorder: 1px solid var(--colorDark);
--pageComponentButtonOutlinedBlackBgColor: transparent;
--pageComponentButtonOutlinedBlackColor: var(--colorDark);
--pageComponentButtonOutlinedWhiteBorder: 1px solid var(--colorBright);
--pageComponentButtonOutlinedWhiteBgColor: transparent;
--pageComponentButtonOutlinedWhiteColor: var(--colorBright);
--pageComponentButtonOutlinedBrandBorder: 1px solid var(--colorBrand);
--pageComponentButtonOutlinedBrandBgColor: transparent;
--pageComponentButtonOutlinedBrandColor: var(--colorBrand);
--pageComponentButtonOutlinedAccentBorder: 1px solid var(--colorAccent);
--pageComponentButtonOutlinedAccentBgColor: transparent;
--pageComponentButtonOutlinedAccentColor: var(--colorAccent);
--pageComponentButtonOutlinedDisabledBorder: 1px solid var(--colorGrey500);
--pageComponentButtonOutlinedDisabledBgColor: transparent;
--pageComponentButtonOutlinedDisabledColor: var(--colorGrey500); --pageFormRowPadding: 30px;
--pageFormFieldBorderTop: 1px solid var(--colorGrey600);
--pageFormFieldBorderRight: 1px solid var(--colorGrey600);
--pageFormFieldBorderBottom: 1px solid var(--colorGrey600);
--pageFormFieldBorderLeft: 1px solid var(--colorGrey600);
--pageFormFieldBorderRadius: 4px;
--pageFormFieldInvalidBorderTop: none;
--pageFormFieldInvalidBorderRight: none;
--pageFormFieldInvalidBorderBottom: 1px solid var(--colorGrey600);
--pageFormFieldInvalidBorderLeft: none;
--pageFormFieldBgColor: var(--colorBright);
--pageFormFieldColor: var(--colorGrey600);
--pageFormErrorColor: var(--colorError);
--pageFormFieldLabelBgColor: var(--colorBright);
--pageFormFieldPlaceholderColor: var(--colorDark) !important;
--pageFormFieldFocusShadow: 0px 0px 2px 2px var(--colorAccent) !important;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX);
--pageFormFieldPadding: 13px 15px 13px;
--pageFormFieldIconColor: var(--colorGrey500);
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxNativeBgColor: transparent;
--pageFormCheckboxNativeWidth: 48px;
--pageFormCheckboxNativeHeight: 25px;
--pageFormCheckboxBgColor: transparent;
--pageFormCheckboxBorder: 1px solid var(--colorGrey600);
--pageFormCheckboxArrowColor: var(--colorGrey600);
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 16px;
--pageFormCheckboxArrowHeight: 6px;
--pageFormCheckboxArrowThickness: 3px;
--pageFormCheckboxArrowBorderColor: var(--colorGrey600);
--pageFormRadioNativeBgColor: transparent;
--pageFormRadioNativeWidth: 29px;
--pageFormRadioNativeHeight: 29px;
--pageFormRadioWidth: 27px;
--pageFormRadioBgColor: transparent;
--pageFormRadioBorder: 1px solid var(--colorGrey600);
--pageFormRadioDotWidth: 25px;
--pageFormRadioDotBgColor: var(--colorGrey600); --pageModalBgColor: rgba(0, 0, 0, .4);
--pageModalContentBgColor: var(--colorBright);
--pageModalContentPadding: calc(var(--pageSpaceUnit) * 3);
--pageModalWidthBase: 90vw;
--pageModalWidthS: 40vw;
--pageModalWidthM: 50vw;
--pageModalWidthL: 60vw;
--pageModalCloseBtnIconSize: 20px;
--pageModalCloseBtnIconColor: var(--colorGrey600); --pageOffcanvasBgColor: rgba(0, 0, 0, .4);
--pageOffcanvasContentBgColor: var(--colorBright);
--pageOffcanvasContentPadding: calc(var(--pageSpaceUnit) * 1) calc(var(--pageSpaceUnit) * 3);
--pageOffcanvasWidthBase: 100vw;
--pageOffcanvasWidthS: 40vw;
--pageOffcanvasWidthM: 50vw;
--pageOffcanvasWidthL: 60vw;
--pageOffcanvasCloseBtnIconSize: 24px;
--pageOffcanvasCloseBtnIconColor: var(--colorGrey600); --pageModuleBg: transparent;
--pageModuleSpaceMobileFactor: .85;
--pageModuleSpaceXS: calc(var(--pageSpaceUnit) * 1);
--pageModuleSpaceS: calc(var(--pageSpaceUnit) * 1.5);
--pageModuleSpaceM: calc(var(--pageSpaceUnit) * 3);
--pageModuleSpaceL: calc(var(--pageSpaceUnit) * 4);
--pageModuleSpaceXL: calc(var(--pageSpaceUnit) * 8);
--pageModuleSpace2XL: calc(var(--pageSpaceUnit) * 12);
--pageModuleSpace3XL: calc(var(--pageSpaceUnit) * 18);
--pageModuleIndentXS: calc(var(--pageSpaceUnit) * 8);
--pageModuleIndentS: calc(var(--pageSpaceUnit) * 8 + 8.33333%);
--pageModuleIndentM: calc(var(--pageSpaceUnit) * 8 + 16.666666%);
--pageModuleIndentL: calc(var(--pageSpaceUnit) * 8 + 25%);
--pageModuleIndentXL: calc(var(--pageSpaceUnit) * 8 + 33.3333333%);
--pageModuleIndent2XL: calc(var(--pageSpaceUnit) * 8 + 41.666666%);
--pageModuleGapXS: calc(var(--pageSpaceUnit) * 1);
--pageModuleGapS: calc(var(--pageSpaceUnit) * 2);
--pageModuleGapM: calc(var(--pageSpaceUnit) * 3);
--pageModuleGapL: calc(var(--pageSpaceUnit) * 4);
--pageModuleGapXL: calc(var(--pageSpaceUnit) * 5);
--pageModuleSlideXNavigationIcon: var(--pageIconUiArrowBold);
--pageModuleSlideXNavigationColor: var(--colorGrey600);
--pageModuleSlideXNavigationShadow: 0px 1px rgba(255, 255, 255, 0.3);
--pageModuleSlideXPaginationColor: var(--colorGrey600);
--pageModuleSlideXPaginationActiveColor: var(--colorGrey200);
--pageModuleAccordionContentBoxInvertBgColor: var(--colorGrey400);
--pageModuleAccordionContentBoxInvertColor: var(--colorGrey100);
--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: "";
--pageIconUiGlobeLight: "";
--pageIconUiHeartOutlined: "";
--pageIconUiHeartFilled: "";
--pageIconUiAccountBold: "";
--pageIconUiAccountLight: "";
--pageIconUiCartBold: "";
--pageIconUiCartLight: "";
--pageIconUiLocationBold: "";
--pageIconUiLocationLight: "";
--pageIconUiMenuBold: "";
--pageIconUiMenuLight: "";
--pageIconUiAccount2Bold: "";
--pageIconUiAccount2Light: "";
--pageIconUiAddBold: "";
--pageIconUiAddLight: "";
--pageIconUiArrowBold: "";
--pageIconUiArrowLight: "";
--pageIconUiArrowCircleBold: "";
--pageIconUiArrowCircleLight: "";
--pageIconUiPlusCircleBold: "";
--pageIconUiPlusCircleLight: "";
--pageIconUiPlusBold: "";
--pageIconUiPlusLight: "";
--pageIconUiCart2Bold: "";
--pageIconUiCart2Light: "";
--pageIconUiTimesBold: "";
--pageIconUiTimesLight: "";
--pageIconUiPhoneBold: "";
--pageIconUiPhoneLight: "";
--pageIconUiSearchBold: "";
--pageIconUiSearchLight: "";
--pageIconSocialFacebookSquare: "";
--pageIconSocialFacebook: "g";
--pageIconSocialLinkedinSquare: "";
--pageIconSocialLinkedin: "";
--pageIconSocialWhatsapp: "";
--pageIconSocialTwitter: "";
--pageIconSocialXing: "";
--pageIconSocialYoutube: "";
--pageIconSocialYoutube2: "z";
--pageIconSocialSpotify: "";
--pageIconSocialInstagram: "q";
--pageIconShippingGls: "";
--pageIconShippingDhlPackstation: "";
--pageIconShippingDhl: "";
--pageIconShippingDpd: "";
--pageIconShippingUps: "";
--pageIconPaymentEc: "";
--pageIconPaymentMastercard: "";
--pageIconPaymentMastercard2: "";
--pageIconPaymentPaypal: "";
--pageIconPaymentPaypal2: "";
--pageIconPaymentRechnung: "";
--pageIconPaymentKlarna: "";
--pageIconPaymentVisa: "";
--pageIconPaymentSepa: "";
} @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 {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
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: 0.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: 0.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: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.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: 0.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: "";
--mdctPlayerControlsIconPause: "";
--mdctPlayerControlsIconClose: "";
--mdctPlayerControlsIconSettings: "";
--mdctPlayerControlsIconCaptions: "";
--mdctPlayerControlsIconFullscreen: "";
--mdctPlayerControlsIconFullscreenExit: "";
--mdctPlayerControlsIconVolume: "";
--mdctPlayerControlsIconVolumeOff: "";
--mdctPlayerControlsIconBigPlay: "" ;
}
.ww-mdct-player.outlined {
--mdctPlayerIconSizeS: 40px;
--mdctPlayerIconSizeM: 50px;
--mdctPlayerIconSizeL: 60px;
--mdctPlayerControlsIconPlay: "";
--mdctPlayerControlsIconPause: "";
--mdctPlayerControlsIconClose: "";
--mdctPlayerControlsIconSettings: "";
--mdctPlayerControlsIconCaptions: "";
--mdctPlayerControlsIconFullscreen: "";
--mdctPlayerControlsIconFullscreenExit: "";
--mdctPlayerControlsIconVolume: "";
--mdctPlayerControlsIconVolumeOff: "";
--mdctPlayerControlsIconBigPlay: "" ;
}
.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 0.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 0.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 0.3s ease 0.3s, bottom 0.3s ease 0.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 0.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 0.3s ease 0.3s, top 0.3s ease 0.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 0.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 0.3s ease 0.2s;
}
.wwplayer-overlay.captions-target-wrapper.open {
transition: bottom 0.3s ease 0.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);
padding: 0 12px;
transition: color 0.3s ease;
}
.wwplayer-controls-component:focus-visible {
outline: 2px solid var(--mdctPlayerBrandColor);
outline-offset: 2px;
border-radius: 4px;
}
@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: 0.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 0.3s ease, width 0s ease 0.3s;
}
.wwplayer-progressbar-preview.show {
opacity: 1;
width: 100px;
transition: opaycity 0.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;
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: 0.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: 0.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.p8s.swiss/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.6;
}
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: "✔";
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: 0.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: 19px;
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(50% - 10px);
}
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(50% - 11px);
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li {
width: calc(33.3333333333% - 13.3333333333px);
}
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(33.3333333333% - 14.6666666667px);
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li {
width: auto;
max-width: calc(25% - 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;
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;
}
}
.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;
} .bg-color-white {
background-color: var(--colorBright) !important;
}
.bg-color-black {
background-color: var(--colorDark) !important;
}
.bg-color-gray {
background-color: var(--colorGrey300) !important;
}
.bg-color-colorGrey100 {
background-color: var(--colorGrey100) !important;
}
.bg-color-colorGrey200 {
background-color: var(--colorGrey200) !important;
}
.bg-color-colorGrey300 {
background-color: var(--colorGrey300) !important;
}
.bg-color-colorGrey400 {
background-color: var(--colorGrey400) !important;
}
.bg-color-colorGrey500 {
background-color: var(--colorGrey500) !important;
}
.bg-color-colorGrey600 {
background-color: var(--colorGrey600) !important;
}
.bg-color-colorGrey700 {
background-color: var(--colorGrey700) !important;
}
.bg-color-accent,
.bg-color-secondary {
background-color: var(--colorAccent) !important;
}
.bg-color-brand,
.bg-color-primary {
background-color: var(--colorBrand) !important;
}
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.p8s.swiss/wp-content/themes/mdct-blocks/fonts/icons/WW-Default-Icons-2022-Q2.ttf?gjvd6d) format("truetype"), url(//www.p8s.swiss/wp-content/themes/mdct-blocks/fonts/icons/WW-Default-Icons-2022-Q2.woff?gjvd6d) format("woff"), url(//www.p8s.swiss/wp-content/themes/mdct-blocks/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-plus_bold-ww::before {
content: var(--pageIconUiPlusBold);
}
.icon-plus_light-ww::before {
content: var(--pageIconUiPlusLight);
}
.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);
}
.wp-block-nectar-blocks-button.arrow-dot .nectar-blocks-button__inner .nectar-component__icon {
background-color: #000;
color: #fff;
border-radius: 50%;
padding: 5px;
}
.wp-block-nectar-blocks-button.arrow-dot-white .nectar-blocks-button__inner .nectar-component__icon {
background-color: #fff;
color: #000;
border-radius: 50%;
padding: 5px;
}
.nectar-blocks-accordion-section.is-active .nectar-blocks-accordion-section__title__indicator .default line:nth-child(2) {
transform: none !important;
}
.nectar-blocks-accordion-section .nectar-blocks-accordion-section__title__indicator {
transform-origin: center center;
padding-left: 0 !important;
background-color: #000;
border-radius: 50%;
}
.nectar-blocks-accordion-section.is-active .nectar-blocks-accordion-section__title__indicator {
transform: rotate(-45deg);
}
.nectar-blocks-accordion-section__title__indicator .default line {
stroke-width: 1px !important;
stroke: #fff;
}
.nectar-blocks-accordion-section__title__indicator .default {
padding: 5px;
width: 30px;
height: 30px;
transform: rotate(0deg);
} .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
margin-left: 0 !important;
transform: translateY(-3px);
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon svg {
width: 20px !important;
height: 20px !important;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon svg path {
stroke-width: 1 !important;
}
#search-outer .close-wrap,
.nectar-close-btn .close-wrap,
.slide-out-widget-area-toggle a .close-wrap,
.slide_out_area_close .close-wrap,
.style_slide_in_click .close-cart .close-wrap {
width: 30px !important;
height: 30px !important;
} #slide-out-widget-area .slide_out_area_close.material-ocm-open {
right: 67px !important;
top: 54px !important;
}
.material-ocm-open.slide_out_area_close:before {
transform: scale(1) translate(-4px, 1px) !important;
}
#slide-out-widget-area .ocm-dropdown-arrow {
width: 38px !important;
height: 38px !important;
}
#slide-out-widget-area .ocm-dropdown-arrow i {
font-size: 30px !important;
}
#top .sf-menu li ul li a,
#header-secondary-outer nav > ul > li > a,
#header-secondary-outer .sf-menu li ul li a,
#header-secondary-outer ul ul li a,
#nectar-nav .widget_shopping_cart .cart_list a,
.nectar-slide-in-cart.style_slide_in_click .close-cart,
body #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a {
font-size: 20px !important;
}
#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul > li:last-child,
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul > li:last-child {
margin-bottom: 20px !important;
}
#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li.current-page-ancestor > a::after {
border-top-width: 1px !important;
} .wpml-ls-dropdown .wp-block-navigation-item__label {
font-size: 20px !important;
}
.wpml-ls-dropdown .wp-block-navigation__submenu-icon {
transform: translateY(-3px) !important;
}
.wpml-ls-dropdown .wp-block-navigation__submenu-icon svg path {
stroke-width: 1 !important;
} header .container {
padding: 0 25px !important;
}
@media (min-width: 768px) {
header .container {
padding: 0 40px !important;
}
} .module-slidex .slidex-prev-button {
background: none;
font-size: 44px;
text-align: center;
color: var(--pageModuleSlideXNavigationColor);
top: 50% !important;
}
.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);
top: 50% !important;
}
.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(--colorAccent);
opacity: 0.4;
width: 10px;
height: 10px;
transform: translateY(2px);
}
.module-slidex .slidex-pagination .slidex-pagination__item.active {
width: 14px;
height: 14px;
opacity: 1;
transform: translateY(0);
background-color: var(--colorAccent);
}
.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: var(--colorGrey600);
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: var(--colorGrey600);
}
.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: var(--colorGrey600);
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction {
text-align: right;
font-size: 20px;
color: var(--colorGrey600);
}
.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: var(--colorGrey600);
}
.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: var(--colorGrey600);
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: var(--colorGrey600);
text-shadow: -1px -1px #f5f5f5;
display: inline-block;
} .wpforms-form .wpforms-submit-container .wpforms-submit {
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !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 0.3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
height: auto !important;
box-shadow: none !important;
}
.wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background: none;
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !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;
}
div.wpforms-container.poll .wpforms-form .wpforms-field-label {
margin-bottom: 15px;
}
div.wpforms-container.poll .wpforms-form .wpforms-required-label {
display: none !important;
}
div.wpforms-container.poll .wpforms-field-label,
.wpforms-poll-results .wpforms-poll-label {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
line-height: 1.1;
}
.wpforms-poll-results .wpforms-poll-label,
.wpforms-poll-results .wpforms-poll-total {
text-align: left !important;
}
.wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: #fff !important;
border: 1px solid #000 !important;
}
.wpforms-poll-results .wpforms-poll-answer-bar {
background: none !important;
background-color: var(--colorAccent) !important;
border-color: var(--colorDark) !important;
transition: width 2s ease;
}
.wpforms-poll-results .wpforms-poll-answer-count {
color: var(--colorDark) !important;
display: none !important;
}
.wpforms-poll-results .wpforms-poll-answer-percent,
.wpforms-poll-results .wpforms-poll-answer-label,
div.wpforms-container.poll .wpforms-form .wpforms-field-label-inline {
font-size: 18px !important;
}
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 {
border-color: #000;
}
.wpforms-field-select {
position: relative !important;
}
.wpforms-field-select::before {
content: "";
border: var(--pageFormSelectArrowThickness) solid var(--pageFormFieldColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormSelectArrowWidth);
height: var(--pageFormSelectArrowWidth);
top: 62%;
right: 15px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: 0.2s ease;
pointer-events: none;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #000 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-weight: normal !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !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 0.3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
height: auto !important;
box-shadow: none !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button:hover {
background: none;
border: var(--pageComponentButtonOutlinedBlackBorder) !important;
background-color: var(--pageComponentButtonOutlinedBlackBgColor) !important;
color: var(--pageComponentButtonOutlinedBlackColor) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left::after {
content: "";
clear: both;
display: table;
float: none;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button.wpforms-page-prev {
float: left;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button.wpforms-page-next {
float: right;
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field-label,
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
color: #fff !important;
}
body.blackpage div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
body.blackpage div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
body.blackpage .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
body.blackpage .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
border: var(--pageComponentButtonSolidAccentBorder) !important;
background-color: var(--pageComponentButtonSolidAccentBgColor) !important;
color: var(--pageComponentButtonSolidAccentColor) !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 0.3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
}
body.blackpage .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
border: var(--pageComponentButtonOutlinedAccentBorder) !important;
background-color: var(--pageComponentButtonOutlinedAccentBgColor) !important;
color: var(--colorBright) !important;
}
body.blackpage div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a {
color: #fff !important;
}
body.blackpage div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a {
text-decoration: underline;
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select,
body.blackpage div.wpforms-container-full .wpforms-form input[type=date],
body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime],
body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime-local],
body.blackpage div.wpforms-container-full .wpforms-form input[type=email],
body.blackpage div.wpforms-container-full .wpforms-form input[type=month],
body.blackpage div.wpforms-container-full .wpforms-form input[type=number],
body.blackpage div.wpforms-container-full .wpforms-form input[type=password],
body.blackpage div.wpforms-container-full .wpforms-form input[type=range],
body.blackpage div.wpforms-container-full .wpforms-form input[type=search],
body.blackpage div.wpforms-container-full .wpforms-form input[type=tel],
body.blackpage div.wpforms-container-full .wpforms-form input[type=text],
body.blackpage div.wpforms-container-full .wpforms-form input[type=time],
body.blackpage div.wpforms-container-full .wpforms-form input[type=url],
body.blackpage div.wpforms-container-full .wpforms-form input[type=week],
body.blackpage div.wpforms-container-full .wpforms-form select,
body.blackpage div.wpforms-container-full .wpforms-form textarea {
background-color: transparent !important;
color: #fff !important;
border: 1px solid #fff;
border-radius: 5px;
padding: 18px 44px 20px;
line-height: 1 !important;
height: auto;
font-family: "ABC Camera Plain Regular";
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=date]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime-local]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=email]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=month]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=number]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=password]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=range]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=search]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=tel]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=text]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=time]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=url]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form input[type=week]::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form select::-moz-placeholder, body.blackpage div.wpforms-container-full .wpforms-form textarea::-moz-placeholder {
color: #fff !important;
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=date]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=datetime-local]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=email]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=month]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=number]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=password]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=range]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=search]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=tel]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=text]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=time]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=url]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form input[type=week]::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form select::placeholder,
body.blackpage div.wpforms-container-full .wpforms-form textarea::placeholder {
color: #fff !important;
}
body.blackpage div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
padding: 20px 44px 22px !important;
}
body.blackpage .wpforms-field-select::before {
border-color: #fff !important;
top: 47%;
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field-select select > option {
color: #000 !important;
}
body.blackpage div.wpforms-container-full .wpforms-form label.wpforms-error:before,
body.blackpage div.wpforms-container-full .wpforms-form em.wpforms-error:before {
content: none;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] + label::before {
border-color: #fff !important;
background-color: transparent !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] + label::after {
border-color: #fff !important;
}
body.blackpage .wpforms-field-content {
color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] + label::before {
border-color: #fff !important;
background-color: transparent !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio] + label::after {
background-color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]::before {
border-color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio]::after {
background-color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::before {
border-color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::after {
border-color: #fff !important;
}
body.blackpage .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]::before {
border-color: #fff !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field-label,
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
color: #000 !important;
}
body.blackpage .modal div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
body.blackpage .modal div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage .modal div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
body.blackpage .modal .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
body.blackpage .modal .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage .modal .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
border: var(--pageComponentButtonSolidAccentBorder) !important;
background-color: var(--pageComponentButtonSolidAccentBgColor) !important;
color: var(--pageComponentButtonSolidAccentColor) !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 0.3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
}
body.blackpage .modal .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
border: var(--pageComponentButtonOutlinedAccentBorder) !important;
background-color: var(--pageComponentButtonOutlinedAccentBgColor) !important;
color: var(--colorBright) !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage .modal .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage .modal div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage .modal .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a {
color: #000 !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage .modal .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a {
text-decoration: underline;
}
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=date],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime-local],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=email],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=month],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=number],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=password],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=range],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=search],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=tel],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=text],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=time],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=url],
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=week],
body.blackpage .modal div.wpforms-container-full .wpforms-form select,
body.blackpage .modal div.wpforms-container-full .wpforms-form textarea {
background-color: transparent !important;
color: #000 !important;
border: 1px solid #000;
border-radius: 5px;
padding: 18px 44px 20px;
line-height: 1 !important;
height: auto;
font-family: "ABC Camera Plain Regular";
}
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=date]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime-local]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=email]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=month]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=number]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=password]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=range]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=search]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=tel]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=text]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=time]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=url]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=week]::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form select::-moz-placeholder, body.blackpage .modal div.wpforms-container-full .wpforms-form textarea::-moz-placeholder {
color: #000 !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=date]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=datetime-local]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=email]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=month]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=number]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=password]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=range]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=search]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=tel]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=text]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=time]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=url]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form input[type=week]::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form select::placeholder,
body.blackpage .modal div.wpforms-container-full .wpforms-form textarea::placeholder {
color: #000 !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
padding: 20px 44px 22px !important;
}
body.blackpage .modal .wpforms-field-select::before {
border-color: #000 !important;
top: 47%;
}
body.blackpage .modal div.wpforms-container-full .wpforms-form .wpforms-field-select select > option {
color: #000 !important;
}
body.blackpage .modal div.wpforms-container-full .wpforms-form label.wpforms-error:before,
body.blackpage .modal div.wpforms-container-full .wpforms-form em.wpforms-error:before {
content: none;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] + label::before {
border-color: #000 !important;
background-color: transparent !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] + label::after {
border-color: #000 !important;
}
body.blackpage .modal .wpforms-field-content {
color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] + label::before {
border-color: #000 !important;
background-color: transparent !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio] + label::after {
background-color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]::before {
border-color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio]::after {
background-color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::before {
border-color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::after {
border-color: #000 !important;
}
body.blackpage .modal .module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]::before {
border-color: #000 !important;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row {
margin: 0 !important;
max-width: 100% !important;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-layout-column-50 {
width: 100%;
padding: 0 0 var(--pageFormRowPadding);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-layout-column-50:last-of-type {
padding-bottom: 0;
}
@media (min-width: 640px) {
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-layout-column-50 {
width: 50%;
padding: 0;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-layout-column-50:first-of-type {
padding-right: calc(var(--pageFormRowPadding) / 2);
padding-bottom: 0;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-layout-column-50:last-of-type {
padding-left: calc(var(--pageFormRowPadding) / 2);
}
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field {
padding: 0 0 var(--pageFormRowPadding);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-layout-row .wpforms-field {
padding: 0;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-has-error .wpforms-error::before {
content: none;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text],
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password],
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email],
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number] {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
background-color: transparent;
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;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: normal;
color: var(--pageFormFieldColor);
line-height: 1;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-webkit-autofill, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-webkit-autofill:hover, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-webkit-autofill:focus, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-webkit-autofill:active, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-internal-autofill-previewed, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:-internal-autofill-selected,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-webkit-autofill,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-webkit-autofill:hover,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-webkit-autofill:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-webkit-autofill:active,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-internal-autofill-previewed,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:-internal-autofill-selected,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-webkit-autofill,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-webkit-autofill:hover,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-webkit-autofill:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-webkit-autofill:active,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-internal-autofill-previewed,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:-internal-autofill-selected,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-webkit-autofill,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-webkit-autofill:hover,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-webkit-autofill:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-webkit-autofill:active,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-internal-autofill-previewed,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:-internal-autofill-selected {
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]:focus,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]:focus {
box-shadow: var(--pageFormFieldFocusShadow);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]::-moz-placeholder, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]::-moz-placeholder, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]::-moz-placeholder, .module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]::placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]::placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]::placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]::placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]::-webkit-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]::-webkit-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]::-webkit-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]::-webkit-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]::-moz-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]::-moz-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]::-moz-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=text]::-ms-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=password]::-ms-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=email]::-ms-input-placeholder,
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=number]::-ms-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container 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) !important;
border-right: var(--pageFormFieldBorderRight) !important;
border-bottom: var(--pageFormFieldBorderBottom) !important;
border-left: var(--pageFormFieldBorderLeft) !important;
border-radius: var(--pageFormFieldBorderRadius);
background: var(--pageFormFieldBgColor) !important;
-webkit-appearance: none;
font-family: var(--pageFormFieldFont) !important;
font-size: var(--pageFormFieldFontSize) !important;
font-weight: normal;
color: var(--pageFormFieldColor) !important;
line-height: 1.3;
height: var(--pageFormTextareaHeight) !important;
resize: none;
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea:-webkit-autofill, .module-formsshortcode .wpforms-form .wpforms-field-container textarea:-webkit-autofill:hover, .module-formsshortcode .wpforms-form .wpforms-field-container textarea:-webkit-autofill:focus, .module-formsshortcode .wpforms-form .wpforms-field-container textarea:-webkit-autofill:active, .module-formsshortcode .wpforms-form .wpforms-field-container textarea:-internal-autofill-previewed, .module-formsshortcode .wpforms-form .wpforms-field-container textarea:-internal-autofill-selected {
box-shadow: none;
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important;
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea:focus {
box-shadow: var(--pageFormFieldFocusShadow);
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea::placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea::-webkit-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container textarea::-ms-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select 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;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: normal;
color: var(--pageFormFieldColor);
line-height: 1.2;
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select:focus {
box-shadow: var(--pageFormFieldFocusShadow);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select::placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select::-webkit-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select::-moz-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select select::-ms-input-placeholder {
color: var(--pageFormFieldPlaceholderColor);
}
.module-formsshortcode .wpforms-form .wpforms-field-container .wpforms-field-select::before {
content: "";
border: var(--pageFormSelectArrowThickness) solid var(--pageFormFieldColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormSelectArrowWidth);
height: var(--pageFormSelectArrowWidth);
top: 29%;
right: 15px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: 0.2s ease;
pointer-events: none;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] {
width: var(--pageFormCheckboxNativeWidth);
height: var(--pageFormCheckboxNativeHeight);
background-color: var(--pageFormCheckboxNativeBgColor);
border: none;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]::before {
width: var(--pageFormCheckboxWidth);
height: var(--pageFormCheckboxWidth);
border: var(--pageFormCheckboxBorder);
background-color: var(--pageFormCheckboxBgColor);
border-radius: var(--pageFormFieldBorderRadius);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]::after {
transform: rotate(-45deg);
left: 3px;
top: 4px;
width: var(--pageFormCheckboxArrowWidth);
height: var(--pageFormCheckboxArrowHeight);
display: none;
border-color: var(--pageFormCheckboxArrowBorderColor);
border-width: var(--pageFormCheckboxArrowThickness);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::before {
border-color: #000;
box-shadow: none;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:checked::after {
display: block;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:focus::before {
box-shadow: var(--pageFormFieldFocusShadow);
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox]:focus::after {
display: block;
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox].wpforms-error::before {
content: "";
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox].wpforms-error::after {
content: "";
}
.module-formsshortcode .wpforms-form .wpforms-field-container input[type=checkbox] + label {
padding-left: 15px;
}
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] {
width: calc(var(--pageFormRadioNativeWidth) * 1.25);
height: calc(var(--pageFormRadioNativeHeight) * 1.25);
background-color: var(--pageFormRadioNativeBgColor);
border: none;
}
@media (min-width: 640px) {
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] {
width: var(--pageFormRadioNativeWidth);
height: var(--pageFormRadioNativeHeight);
}
}
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]::before {
width: calc(var(--pageFormRadioWidth) * 1.25);
height: calc(var(--pageFormRadioWidth) * 1.25);
border: var(--pageFormRadioBorder);
background-color: var(--pageFormRadioBgColor);
}
@media (min-width: 640px) {
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]::before {
width: var(--pageFormRadioWidth);
height: var(--pageFormRadioWidth);
}
}
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]::after {
width: 0;
height: 0;
top: -1px;
left: -1px;
}
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio]:focus::before {
box-shadow: var(--pageFormFieldFocusShadow);
}
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] + label {
margin-top: 12px;
}
@media (min-width: 640px) {
.module-formsshortcode .wpforms-form .wpforms-field-container li input[type=radio] + label {
margin-top: 7px;
}
}
.module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio]::before {
box-shadow: none !important;
}
.module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio]::after {
width: calc(var(--pageFormRadioDotWidth) * 1.25);
height: calc(var(--pageFormRadioDotWidth) * 1.25);
background-color: var(--pageFormRadioDotBgColor);
}
@media (min-width: 640px) {
.module-formsshortcode .wpforms-form .wpforms-field-container li.wpforms-selected input[type=radio]::after {
width: var(--pageFormRadioDotWidth);
height: var(--pageFormRadioDotWidth);
}
}
.ww-mdct-player {
--mdctPlayerBrandColor: var(--colorAccent);
} .alignnone,
.wp-block-image.alignnone {
margin: 0;
}
.alignleft,
.wp-block-image.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright,
.wp-block-image.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter,
.wp-block-image.aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
text-align: center;
}