.materialInput textarea, .materialInput input, .searchForm__input, .contactForm__footer__files__inputs input { display: block; width: 100%; overflow: hidden; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none } sup { font-size: smaller; vertical-align: super } .materialInput { height: 50px; height: var(--materialInputHeight, 50px); position: relative; overflow: hidden } .materialInput textarea, .materialInput input { width: 100%; height: 100%; border: none; padding-top: 20px } .materialInput textarea { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea::-webkit-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea::-moz-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea:-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea::-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea::placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input::-webkit-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input::-moz-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input:-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input::-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput input::placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--materialInputFontSize, 1rem); color: #181818; color: var(--materialInputColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputFontWeight, 400); line-height: 1; line-height: var(--materialInputLineHeight, 1); letter-spacing: 0px; letter-spacing: var(--materialInputLetterSpacing, 0px) } .materialInput textarea:focus+label>span { color: #D9AE69; color: var(--materialInputLabelActiveColor, #4285F4); -webkit-transform: translateY(-webkit-calc(-130% - 0px)) scale(1); -ms-transform: translateY(calc(-130% - 0px)) scale(1); transform: translateY(calc(-130% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput textarea.isActive+label>span { color: #D9AE69; color: var(--materialInputLabelActiveColor, #4285F4); -webkit-transform: translateY(-webkit-calc(-130% - 0px)) scale(1); -ms-transform: translateY(calc(-130% - 0px)) scale(1); transform: translateY(calc(-130% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput input:focus+label>span { color: #D9AE69; color: var(--materialInputLabelActiveColor, #4285F4); -webkit-transform: translateY(-webkit-calc(-130% - 0px)) scale(1); -ms-transform: translateY(calc(-130% - 0px)) scale(1); transform: translateY(calc(-130% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput input.isActive+label>span { color: #D9AE69; color: var(--materialInputLabelActiveColor, #4285F4); -webkit-transform: translateY(-webkit-calc(-130% - 0px)) scale(1); -ms-transform: translateY(calc(-130% - 0px)) scale(1); transform: translateY(calc(-130% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -130%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput textarea:focus+label::after, .materialInput textarea.isActive+label::after, .materialInput input:focus+label::after, .materialInput input.isActive+label::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .materialInput textarea { padding-top: 25px } .materialInput label { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; pointer-events: none; border-bottom: 1px solid #181818; border-bottom: 1px solid var(--materialInputBorderColor, #9E9E9E) } .materialInput label::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: -1px; left: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); border-bottom: 3px solid rgba(5, 49, 59, 0.3); border-bottom: var(--materialInputBorderActiveHeight, 3px) solid var(--materialInputBorderActiveColor, #4285F4); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } .materialInput label>span { position: absolute; bottom: 5px; left: 0; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--materialInputLabelFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .875rem; font-size: var(--materialInputLabelFontSize, 1rem); color: #181818; color: var(--materialInputLabelColor, #9E9E9E); font-weight: 400; font-weight: var(--materialInputLabelFontWeight, 400); letter-spacing: 0.03em; letter-spacing: var(--materialInputLabelLetterSpacing, 0.03em); -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left } .doctolibButton { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: $fontPoppins; font-family: var(--doctolibButtonFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--doctolibButtonFontSize, 1rem); color: #fff; color: var(--doctolibButtonTextColor, #fff); font-weight: 700; font-weight: var(--doctolibButtonFontWeight, 400); line-height: 29px; line-height: var(--doctolibButtonLineHeight, 1.25); letter-spacing: 0px; letter-spacing: var(--doctolibButtonLetterSpacing, 0px); text-align: center; text-transform: none; text-transform: var(--doctolibButtonTextTransform, none); padding: .125rem .9375rem .125rem .9375rem; padding: var(--doctolibButtonPaddingTop, 1em) var(--doctolibButtonPaddingRight, 1em) var(--doctolibButtonPaddingBottom, 1em) var(--doctolibButtonPaddingLeft, 1em); background: #000; background: var(--doctolibButtonBackgroundColor, #000) } .footer__doctolib>a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: $fontPoppins; font-family: var(--doctolibButtonFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--doctolibButtonFontSize, 1rem); color: #fff; color: var(--doctolibButtonTextColor, #fff); font-weight: 700; font-weight: var(--doctolibButtonFontWeight, 400); line-height: 29px; line-height: var(--doctolibButtonLineHeight, 1.25); letter-spacing: 0px; letter-spacing: var(--doctolibButtonLetterSpacing, 0px); text-align: center; text-transform: none; text-transform: var(--doctolibButtonTextTransform, none); padding: .125rem .9375rem .125rem .9375rem; padding: var(--doctolibButtonPaddingTop, 1em) var(--doctolibButtonPaddingRight, 1em) var(--doctolibButtonPaddingBottom, 1em) var(--doctolibButtonPaddingLeft, 1em); background: #000; background: var(--doctolibButtonBackgroundColor, #000) } .isRollHover.doctolibButton span, .footer__doctolib>a.isRollHover span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .doctolibButton svg { margin-left: 1em; margin-left: var(--doctolibButtonLogoMarginLeft, 1em) } .footer__doctolib>a svg { margin-left: 1em; margin-left: var(--doctolibButtonLogoMarginLeft, 1em) } .doctolibButton svg path { fill: #fff; fill: var(--doctolibButtonLogoColor, #fff) } .footer__doctolib>a svg path { fill: #fff; fill: var(--doctolibButtonLogoColor, #fff) } back-to-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; width: var(--backToTopWidth, 50px); height: 50px; height: var(--backToTopHeight, 50px); position: fixed; z-index: 20; z-index: var(--backToTopZindex, 20); right: 0px; right: var(--backToTopRight, 0px); bottom: 20px; bottom: var(--backToTopBottom, 20px); cursor: pointer; -webkit-border-radius: 0px; border-radius: 0px; -webkit-border-radius: var(--backToTopBorderRadius, 0px); border-radius: var(--backToTopBorderRadius, 0px); background-color: #000; background-color: var(--backToTopBackgroundColor, #000); -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transform: translate3d(-webkit-calc(100% + 0px), 0, 0) rotate(0deg); transform: translate3d(calc(100% + 0px), 0, 0) rotate(0deg); -webkit-transform: var(--backToTopTransform, translate3d(-webkit-calc(100% + var(--backToTopExtraOffset, 0px)), 0, 0)) var(--backToTopTransformExtra, rotate(0deg)); transform: var(--backToTopTransform, translate3d(calc(100% + var(--backToTopExtraOffset, 0px)), 0, 0)) var(--backToTopTransformExtra, rotate(0deg)); -webkit-backface-visibility: hidden; backface-visibility: hidden } back-to-top svg { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: var(--backToTopSvgTransform, none); -ms-transform: var(--backToTopSvgTransform, none); transform: var(--backToTopSvgTransform, none) } back-to-top svg path { -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; stroke: #fff; stroke: var(--backToTopSvgColor, #fff) } @media (hover: hover) { back-to-top:hover { background-color: #fff; background-color: var(--backToTopActiveBackgroundColor, #fff) } back-to-top:hover svg path { stroke: #000; stroke: var(--backToTopSvgActiveColor, #000) } } back-to-top.is-active { -webkit-transform: translate3d(-webkit-calc((20px + 0px) * -1), 0, 0) rotate(0deg); transform: translate3d(calc((20px + 0px) * -1), 0, 0) rotate(0deg); -webkit-transform: var(--backToTopActiveTransform, translate3d(-webkit-calc((var(--backToTopOffsetRight, 20px) + var(--backToTopExtraOffset, 0px)) * -1), 0, 0)) var(--backToTopActiveTransformExtra, var(--backToTopTransformExtra, rotate(0deg))); transform: var(--backToTopActiveTransform, translate3d(calc((var(--backToTopOffsetRight, 20px) + var(--backToTopExtraOffset, 0px)) * -1), 0, 0)) var(--backToTopActiveTransformExtra, var(--backToTopTransformExtra, rotate(0deg))) } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: inherit; font-variant: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; color: inherit } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none } } *, *::before, *::after { min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box } html, body { max-width: 100%; -webkit-tap-highlight-color: transparent } html { font-size: -webkit-calc((100% * 16) / 16); font-size: calc((100% * 16) / 16) } body { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--baseFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; color: #000; color: var(--baseColor, #000); font-weight: 400; font-weight: var(--baseFontWeight, 400); line-height: 1.2; line-height: var(--baseLineHeight, 1.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-break: break-word; overflow-x: hidden; text-rendering: optimizeSpeed } img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover } svg { max-width: 100% } strong { font-weight: 700; font-weight: var(--baseFontWeightBold, var(--fontWeightBold, 700)) } em { font-style: italic } table { width: 100%; border-collapse: collapse; border-spacing: 0 } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #FFF inset } input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button { background-color: #FFF } small { font-size: smaller } sup { font-size: smaller; vertical-align: super } sub { font-size: smaller; vertical-align: sub } textarea { resize: vertical } .isRollHover>div { position: relative; overflow: hidden } .isRollHover>div>* { display: block; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) } @media (prefers-reduced-motion: reduce) { .isRollHover>div>* { -webkit-transition: none; -o-transition: none; transition: none } } .isRollHover>div>*:nth-child(2) { width: 100%; position: absolute; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); white-space: nowrap } @media (hover: hover) { .isRollHover:hover>div>*:nth-child(1) { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .isRollHover:hover>div>*:nth-child(2) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } @supports (-webkit-touch-callout: none) { input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'], select, select:focus, textarea { font-size: initial !important } } .container { width: 100%; max-width: -webkit-calc(1300px + (15px * 2)); max-width: calc(1300px + (15px * 2)); max-width: -webkit-calc(var(--containerWidth) + (var(--containerGutter) * 2)); max-width: calc(var(--containerWidth) + (var(--containerGutter) * 2)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-right: var(--containerGutter); padding-left: 15px; padding-left: var(--containerGutter) } @media only screen and (min-width: 768px) { .container { padding-left: 30px; padding-left: var(--containerGutter) } } @media only screen and (min-width: 768px) { .container { padding-right: 30px; padding-right: var(--containerGutter) } } @media only screen and (min-width: 768px) { .container { max-width: -webkit-calc(1300px + (30px * 2)); max-width: calc(1300px + (30px * 2)); max-width: -webkit-calc(var(--containerWidth) + (var(--containerGutter) * 2)); max-width: calc(var(--containerWidth) + (var(--containerGutter) * 2)) } } @media only screen and (min-width: 768px) { .container { max-width: -webkit-calc(1300px + (30px * 2)); max-width: calc(1300px + (30px * 2)); max-width: -webkit-calc(var(--containerWidth) + (var(--containerGutter) * 2)); max-width: calc(var(--containerWidth) + (var(--containerGutter) * 2)) } } .container-fluid { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-right: var(--containerGutter); padding-left: 15px; padding-left: var(--containerGutter) } @media only screen and (min-width: 768px) { .container-fluid { padding-left: 30px; padding-left: var(--containerGutter) } } @media only screen and (min-width: 768px) { .container-fluid { padding-right: 30px; padding-right: var(--containerGutter) } } .section { color: #DECEB3; color: var(--sectionColor, var(--baseColor, #000)); background: transparent; background: var(--sectionBackgroundColor, transparent) } .section+.section:not(.section--no-topMargin) { margin-top: 2.1875rem; margin-top: var(--sectionMarginTop, 2.1875rem) } .section .sectionContent__column+.sectionContent__column { margin-top: 0rem; margin-top: var(--sectionInnerMarginTop, 2.1875rem) } .section .sectionContent__column>*+* { margin-top: 0rem; margin-top: var(--sectionInnerMarginTop, 2.1875rem) } .section:not(.section--no-paddings) { padding-top: 1.5625rem; padding-top: var(--sectionPadding, 1.5625rem); padding-bottom: 1.5625rem; padding-bottom: var(--sectionPadding, 1.5625rem) } .sectionHeader { margin-bottom: 2.1875rem; margin-bottom: var(--sectionHeaderMarginBottom, 2.1875rem) } .sectionHeader--center { text-align: center } .sectionHeader--left { text-align: left } .sectionHeader--right { text-align: right } .sectionHeader__button { margin-top: .9375rem } .section--withBackgroundImage { background-size: cover; background-repeat: no-repeat } :root { --blackColor: #000000; --black2Color: #181818; --black3Color: #252525; --marron: #D9B364; --primaryColor: #05313B; --greenColor: #4F868C; --green2Color: #8FBFBF; --whiteColor: #ffffff; --blueColor: #E9F2F2; --goldColor: #DECEB3; --gold2Color: #D9AE69; --gold3Color: #F2EBE1; --blue2Color: #F4F9F9; --yellowColor: #F8F0E1; --blue3Color: #376478; --greyColor: #F4F4F4; --grey2Color: #F8F8F8; --grey3Color: #F2F2F2; --grey4Color: #CFCFCF; --grey5Color: #EFEFEF; --grey6Color: #C1C7CD; --grey7Color: #D3D4D7; --lightGrayColor: #E0E0E0; --degradeColor: linear-gradient(181.46deg, #4F868C 1.24%, rgba(5, 49, 59, 0.83) 100.97%); --linenColor: linear-gradient(180deg, rgba(79, 134, 140, 0.1) 1.33%, rgba(5, 49, 59, 0.1) 100%); --bgColor: linear-gradient(180deg, rgba(79, 134, 140, 0.1) 1.33%, rgba(5, 49, 59, 0.1) 100%) } :root { --containerGutter: 15px; --containerWidth: 1300px } @media only screen and (min-width: 768px) { :root { --containerGutter: 30px } } :root { --fontFamily: Poppins, arial, helvetica, sans-serif; --fontWeight: var(--fontWeightRegular, 400) } :root { --fontWeightBlack: 900; --fontWeightBold: 700; --fontWeightExtraBold: 800; --fontWeightLight: 300; --fontWeightMedium: 500; --fontWeightRegular: 400; --fontWeightSemiBold: 600; --fontWeightThin: 100 } .pageWrapper { position: relative } html.focus-outline-hidden *:focus { outline: none !important } #wpadminbar { position: fixed !important } .textCenter { text-align: center } .button { font-family: inherit; font-family: var(--defaultButtonTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--defaultButtonTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--defaultButtonTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--defaultButtonTextFontWeight, 400); line-height: 1.2; line-height: var(--defaultButtonTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--defaultButtonTextLetterSpacing, 0px); text-align: inherit; text-align: var(--defaultButtonTextAlign, inherit); text-transform: initial; text-transform: var(--defaultButtonTextTransform, initial); cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 0 solid transparent; border: var(--defaultButtonBorderWidth, 0) var(--defaultButtonBorderType, solid) var(--defaultButtonBorderColor, transparent); border-radius: 0; -webkit-border-radius: var(--defaultButtonBorderRadius, 0); border-radius: var(--defaultButtonBorderRadius, 0); padding: 0.5em 0.5em 0.5em 0.5em; padding: var(--defaultButtonPaddingTop, 0.5em) var(--defaultButtonPaddingRight, 0.5em) var(--defaultButtonPaddingBottom, 0.5em) var(--defaultButtonPaddingLeft, 0.5em); background-color: #fff; background-color: var(--defaultButtonBackgroundColor, #fff); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--defaultButtonBoxShadow, none); box-shadow: var(--defaultButtonBoxShadow, none) } .button__error { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; display: inline-block } @media (min-width: 1200px) { .button__error { padding: .1875rem 2rem } } .button__error span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .button__error:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .button__error:hover>* { position: relative; color: #fff } .button__error:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .applyStyles>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } #applyStyles>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .applyStyles>p:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } #applyStyles>p:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .applyStyles>p+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>p+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>p a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } #applyStyles>p a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .applyStyles>p img, #applyStyles>p img { margin-top: 0 !important } .applyStyles>ul:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } #applyStyles>ul:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .applyStyles>ul:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ul:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } #applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .applyStyles>ol:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left); list-style-type: decimal; list-style-position: inside } #applyStyles>ol:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left); list-style-type: decimal; list-style-position: inside } .applyStyles>ol:not(.dontApplyStyle) ol, #applyStyles>ol:not(.dontApplyStyle) ol { list-style-type: lower-latin; list-style-position: inside; margin-left: .9375rem } .applyStyles>ol:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } #applyStyles>ol:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } #applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .applyStyles h1, .applyStyles h2, .applyStyles h3, .applyStyles h4, .applyStyles h5, .applyStyles h6, #applyStyles h1, #applyStyles h2, #applyStyles h3, #applyStyles h4, #applyStyles h5, #applyStyles h6 { display: block } .applyStyles h1+h1, .applyStyles h2+h1, .applyStyles h3+h1, .applyStyles h4+h1, .applyStyles h5+h1, .applyStyles h6+h1, .applyStyles h1+h2, .applyStyles h2+h2, .applyStyles h3+h2, .applyStyles h4+h2, .applyStyles h5+h2, .applyStyles h6+h2, .applyStyles h1+h3, .applyStyles h2+h3, .applyStyles h3+h3, .applyStyles h4+h3, .applyStyles h5+h3, .applyStyles h6+h3, .applyStyles h1+h4, .applyStyles h2+h4, .applyStyles h3+h4, .applyStyles h4+h4, .applyStyles h5+h4, .applyStyles h6+h4, .applyStyles h1+h5, .applyStyles h2+h5, .applyStyles h3+h5, .applyStyles h4+h5, .applyStyles h5+h5, .applyStyles h6+h5, .applyStyles h1+h6, .applyStyles h2+h6, .applyStyles h3+h6, .applyStyles h4+h6, .applyStyles h5+h6, .applyStyles h6+h6, #applyStyles h1+h1, #applyStyles h2+h1, #applyStyles h3+h1, #applyStyles h4+h1, #applyStyles h5+h1, #applyStyles h6+h1, #applyStyles h1+h2, #applyStyles h2+h2, #applyStyles h3+h2, #applyStyles h4+h2, #applyStyles h5+h2, #applyStyles h6+h2, #applyStyles h1+h3, #applyStyles h2+h3, #applyStyles h3+h3, #applyStyles h4+h3, #applyStyles h5+h3, #applyStyles h6+h3, #applyStyles h1+h4, #applyStyles h2+h4, #applyStyles h3+h4, #applyStyles h4+h4, #applyStyles h5+h4, #applyStyles h6+h4, #applyStyles h1+h5, #applyStyles h2+h5, #applyStyles h3+h5, #applyStyles h4+h5, #applyStyles h5+h5, #applyStyles h6+h5, #applyStyles h1+h6, #applyStyles h2+h6, #applyStyles h3+h6, #applyStyles h4+h6, #applyStyles h5+h6, #applyStyles h6+h6 { display: block; margin-top: 0 } .applyStyles>ul.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .applyStyles>ol.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } #applyStyles>ul.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } #applyStyles>ol.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .applyStyles a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } #applyStyles a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .applyStyles a:hover, #applyStyles a:hover { background-color: #e6ccb1 !important } body.forceOverflow { padding-right: 0rem !important; overflow-y: auto !important } :root { --footerColumnsGap: -webkit-calc(1.40625rem + 1.875vw); --footerColumnsGap: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { :root { --footerColumnsGap: 2.8125rem } } :root { --footerItemsGap: .3125rem; --footerAddressNameTextColor: var(--primaryColor); --footerMenuBackgroundColor: var(--grey3Color) } :root { --footerAddressNameTextFontSize: .75rem; --footerAddressNameTextColor: var(--black2Color); --footerAddressNameTextFontWeight: var(--fontWeightSemiBold); --footerAddressNameTextLineHeight: 18px; --footerAddressNameTextLetterSpacing: 0.03em; --footerAddressNameTextTransform: uppercase; --footerSocialsTitleTextColor: var(--black2Color); --footerSocialsActiveColor: var(--gold2Color) } :root { --footerMenuBackgroundColor: var(--grey2Color); --footerMenuFontSize: .9375rem; --footerMenuFontWeight: var(--fontWeightMedium); --footerMenuItemsDividerColor: #8FBFBF; --footerMenuLineHeight: 1.8; --footerMenuMarginTop: 1.375rem; --footerMenuTextTransform: initial; --footerMenuColor: var(--primaryColor); --footerMenuPaddingTop: .75rem; --footerMenuPaddingBottom: .75rem; --footerMenuItemsGap: 1.125rem; --footerButtonsMarginTop: 2.5rem; --footerMenuItemsDividerContent: ""; --footerMenuItemsGap: .625rem } @media only screen and (min-width: 768px) { :root { --footerMenuTextAlign: center } } :root { --footerBottomMenuColor: var(--blackColor); --footerBottomMenuFontSize: .8125rem; --footerBottomMenuFontWeight: var(--fontWeightLight); --footerBottomMenuPaddingBottom: .5rem; --footerBottomMenuPaddingTop: .5rem; --footerBottomMenuFontFamily: Poppins, arial, helvetica, sans-serif; --footerBottomMenuLetterSpacing: 0.04em; --footerBottomMenuLineHeight: 1, 69 } :root { --headerMenu__simpleMenuPaddingRight: .5rem; --headerMenu__simpleMenuPaddingLeft: .75rem; --headerMenu__simpleMenuTopminus: .3125rem; --headerMenu__simpleMenuLeftplus: 1.375rem; --headerMenuItemLetterSpacing: 0.05em; --headerMenuItemTextTransform: uppercase; --headerMenuItemGap: 1.75rem } @media only screen and (max-width: 1399px) { :root { --headerMenuItemGap: 1.125rem } } @media only screen and (max-width: 1319px) { :root { --headerMenuItemGap: 1.375rem } } @media only screen and (max-width: 1247px) { :root { --headerMenuItemGap: 1.5625rem } } @media only screen and (max-width: 1049px) { :root { --headerMenuItemGap: 1.125rem } } :root { --headerTopPhoneFontSize: .75rem; --headerTopPhoneFontWeight: var(--fontWeightBold); --headerTopHeight: 1.6875rem } :root { --textImageTitleTextFontFamily: Optima, arial, helvetica, sans-serif; --textImageTitleTextColor: var(--black2Color); --textImageTitleTextFontWeight: var(--fontWeightBold); --textImageTitleTextLineHeight: 36px; --textImageTitleTextLetterSpacing: 0.02; --textImageTitleTextAlign: inherit; --textImageTitleTextTransform: uppercase; --textImageTitleMarginBottom: .9375rem; --textFontSize: .875rem; --textColor: var(--scorpionColor) } :root { --textImageMountedBoxShadow: none } :root { --headerMenuItemFontSize: 13px; --headerMenuItemColor: var(--blackColor); --headerMenuItemLineHeight: 1.6; --headerMenuItemAccentColor: var(--goldColor); --headerMenu__simpleMenuItemAccentColor: var(--goldColor); --megaMenu__columnBorder__color: #F7F7F7; --menuFirstLevel__color: #7e7e7d; --menuFirstLevel__fontSize: .75rem; --menuFirstLevel__padding: .625rem } @media only screen and (max-width: 1319px) { :root { --headerMenuItemFontSize: .75rem } } :root { --breadcrumbMarginBottom: .375rem } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-Roman.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-Roman.eot"); src: url("../fonts/Optima/OptimaLTPro-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-Roman.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-Roman.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-Roman.svg#Optima") format("svg"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-Medium.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-Medium.eot"); src: url("../fonts/Optima/OptimaLTPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-Medium.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-Medium.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-Medium.svg#Optima") format("svg"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-DemiBold.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-DemiBold.eot"); src: url("../fonts/Optima/OptimaLTPro-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-DemiBold.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-DemiBold.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-DemiBold.svg#Optima") format("svg"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-Bold.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-Bold.eot"); src: url("../fonts/Optima/OptimaLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-Bold.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-Bold.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-Bold.svg#Optima") format("svg"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-Black.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-Black.eot"); src: url("../fonts/Optima/OptimaLTPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-Black.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-Black.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-Black.svg#Optima") format("svg"); font-weight: 800; font-style: normal; font-display: swap } @font-face { font-family: "Optima"; src: url("../fonts/Optima/OptimaLTPro-ExtraBlack.otf") format("opentype"); src: url("../fonts/Optima/OptimaLTPro-ExtraBlack.eot"); src: url("../fonts/Optima/OptimaLTPro-ExtraBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/Optima/OptimaLTPro-ExtraBlack.woff") format("woff"), url("../fonts/Optima/OptimaLTPro-ExtraBlack.ttf") format("truetype"), url("../fonts/Optima/OptimaLTPro-ExtraBlack.svg#Optima") format("svg"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Thin.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-Thin.eot"); src: url("../fonts/Poppins/Poppins-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Thin.woff") format("woff"), url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Thin.svg#Poppins") format("svg"); font-weight: 100; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Light.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-Light.eot"); src: url("../fonts/Poppins/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Light.woff") format("woff"), url("../fonts/Poppins/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Light.svg#Poppins") format("svg"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Regular.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-Regular.eot"); src: url("../fonts/Poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Regular.svg#Poppins") format("svg"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Medium.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-Medium.eot"); src: url("../fonts/Poppins/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Medium.svg#Poppins") format("svg"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-SemiBold.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-SemiBold.eot"); src: url("../fonts/Poppins/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-SemiBold.svg#Poppins") format("svg"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-Bold.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-Bold.eot"); src: url("../fonts/Poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Bold.svg#Poppins") format("svg"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins/Poppins-ExtraBold.otf") format("opentype"); src: url("../fonts/Poppins/Poppins-ExtraBold.eot"); src: url("../fonts/Poppins/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-ExtraBold.woff") format("woff"), url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-ExtraBold.svg#Poppins") format("svg"); font-weight: 800; font-style: normal; font-display: swap } @font-face { font-family: "Baskerville"; src: url("../fonts/Baskerville/LibreBaskerville-Italic.otf") format("opentype"); src: url("../fonts/Baskerville/LibreBaskerville-Italic.eot"); src: url("../fonts/Baskerville/LibreBaskerville-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Baskerville/LibreBaskerville-Italic.woff") format("woff"), url("../fonts/Baskerville/LibreBaskerville-Italic.ttf") format("truetype"), url("../fonts/Baskerville/LibreBaskerville-Italic.svg#Baskerville") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Baskerville"; src: url("../fonts/Baskerville/LibreBaskerville-Bold.otf") format("opentype"); src: url("../fonts/Baskerville/LibreBaskerville-Bold.eot"); src: url("../fonts/Baskerville/LibreBaskerville-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Baskerville/LibreBaskerville-Bold.woff") format("woff"), url("../fonts/Baskerville/LibreBaskerville-Bold.ttf") format("truetype"), url("../fonts/Baskerville/LibreBaskerville-Bold.svg#Baskerville") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: "Baskerville"; src: url("../fonts/Baskerville/LibreBaskerville-Regular.otf") format("opentype"); src: url("../fonts/Baskerville/LibreBaskerville-Regular.eot"); src: url("../fonts/Baskerville/LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Baskerville/LibreBaskerville-Regular.woff") format("woff"), url("../fonts/Baskerville/LibreBaskerville-Regular.ttf") format("truetype"), url("../fonts/Baskerville/LibreBaskerville-Regular.svg#Baskerville") format("svg"); font-weight: 500; font-style: normal } :root { --buttonsBlockButtonBackgroundColor: #FFF; --buttonsBlockButtonMaxWidth: 12.5rem; --buttonsBlockButtonPaddingBottom: .875rem; --buttonsBlockButtonPaddingTop: .875rem; --buttonsBlockButtonsGap: .9375rem; --buttonsBlockButtonsMarginHorizontalSides: 1.25rem; --buttonsBlockButtonsMarginVerticalSides: .875rem } :root { --buttonsBlockButtonTextFontSize: .8125rem; --buttonsBlockButtonTextFontWeight: var(--fontWeightSemiBold); --buttonsBlockButtonTextLineHeight: 29px; --buttonsBlockButtonTextColor: var(--whiteColor) } :root { --buttonsBlockTitleAfterBackgroundColor: #D9B364 !important; --buttonsBlockTitleTextLetterSpacing: 0.05em; --buttonsBlockTitleTextTransform: initial; --buttonsBlockTitleTextLineHeight: 26px; --buttonsBlockTitleTextColor: var(--black2Color); --sectionColor: var(--goldColor) } :root { --heroTitleTextFontFamily: Optima, arial, helvetica, sans-serif; --heroTextTextColor: var(--black2Color); --heroTextTextFontSize: .9375rem; --heroTextTextFontWeight: var(--fontWeightRegular); --heroTextTextLineHeight: 1.5 } :root { --doctolibButtonPaddingBottom: .125rem; --doctolibButtonPaddingTop: .125rem; --doctolibButtonPaddingRight: .9375rem; --doctolibButtonPaddingLeft: .9375rem; --doctolibButtonFontFamily: $fontPoppins; --doctolibButtonFontSize: .8125rem; --doctolibButtonLineHeight: 29px; --doctolibButtonFontWeight: var(--fontWeightBold) } :root { --paginationCurrentPageFontSize: 1.25rem; --paginationCurrentPageWidth: 0rem } :root { --alsoToReadBackgroundColor: var(--grey3Color) } :root { --alsoToReadTitleTextColor: var(--black2Color); --alsoToReadTitleTextFontSize: 1rem; --alsoToReadTitleTextFontFamily: Poppins, arial, helvetica, sans-serif; --alsoToReadTitleTextFontWeight: var(--fontWeightSemiBold); --alsoToReadTitleTextLineHeight: 1.6; --alsoToReadTitleTextTransform: inherit } :root { --alsoToReadLinkGap: .9375rem; --alsoToReadLinkTextColor: var(--primaryColor); --alsoToReadLinkTextFontSize: .9375rem; --alsoToReadLinkTextFontWeight: var(--fontWeightRegular); --alsoToReadLinkTextLineHeight: 1.33 } :root { --materialInputLabelFontSize: .875rem; --materialInputLabelActiveColor: var(--gold2Color); --materialInputLabelColor: var(--black2Color); --materialInputBorderActiveColor: rgba(5, 49, 59, 0.3); --materialInputBorderColor: rgba(5, 49, 59, 0.2); --materialInputColor: var(--black2Color); --materialInputBorderColor: var(--black2Color) } :root { --textFontSize: .8125rem; --textColor: var(--black2Color); --textAlign: initial; --textLineHeight: 22px; --textLetterSpacing: 0.04em; --paragraphGap: .625rem; --headingMarginTop: 1.25rem } :root { --commentsBlockBackgroundColor: var(--grey3Color) } :root { --commentAuthorColor: var(--black2Color); --commentAuthorFontSize: 1.0625rem; --commentAuthorFontWeight: var(--fontWeightRegular); --commentDateColor: var(--gold2Color); --commentDateFontWeight: var(--fontWeightRegular) } :root { --commentReplyButtonActiveColor: var(--shadowGreenColor); --commentReplyButtonColor: var(--scorpionColor); --commentReplyButtonFontWeight: var(--fontWeightSemiBold) } :root { --commentTextColor: var(--black2Color); --commentTextFontWeight: var(--fontWeightRegular) } :root { --commentLoadMoreTop: -2.8125rem } :root { --commentsBlockWrapperAfterFirstColor: rgba(246, 248, 248, 0); --commentsBlockWrapperAfterSecondColor: var(--whiteColor) } :root { --sectionInnerMarginTop: 0rem } :root { --redirectLinksBlockColumnGap: 0rem } :root { --redirectLinksBlockInnerHeaderTextFontFamily: Optima, arial, helvetica, sans-serif; --redirectLinksBlockInnerHeaderTextFontSize: .9375rem; --redirectLinksBlockInnerHeaderTextColor: var(--black2Color); --redirectLinksBlockInnerHeaderTextFontWeight: var(--fontWeightBold); --redirectLinksBlockInnerHeaderTextLineHeight: 18px } :root { --redirectLinksBlockInnerContentTextColor: var(--black2Color); --redirectLinksBlockInnerContentTextFontFamily: Optima, arial, helvetica, sans-serif; --redirectLinksBlockInnerContentTextFontSize: .8125rem; --redirectLinksBlockInnerContentTextLineHeight: 1.375rem; --redirectLinksBlockInnerContentTextLetterSpacing: 0.04em; --redirectLinksBlockInnerContentTextAlign: justify; --redirectLinksBlockInnerContentPaddingLeft: .625rem; --redirectLinksBlockInnerContentBorderWidth: 0rem; --redirectLinksBlockInnerContentMarginTop: .3125rem; --redirectLinksBlockInnerPaddingLeft: 1.25rem; --redirectLinksBlockInnerPinLeft: 1.25rem; --redirectLinksBlockInnerPinWidth: .3125rem; --redirectLinksBlockInnerPinHeight: .3125rem; --redirectLinksBlockInnerPinBackgroundColor: rgba(222, 206, 179, 0.35); --redirectLinksBlockHeaderAfterBackgroundColor: var(--whiteColor) } :root { --titleCenterImageBlocksMinWidth: 15.3125rem; --titleCenterImageBlocksGap: 0rem } :root { --titleCenterImageBlocksImageActiveBackgroundColor: rgba(0, 0, 0, 0.5); --titleCenterImageBlocksImageBackgroundColor: transparent } :root { --titleCenterImageBlocksTitleTextAlign: center; --titleCenterImageBlocksTitleTextColor: #fff; --titleCenterImageBlocksTitleTextFontFamily: Poppins, arial, helvetica, sans-serif; --titleCenterImageBlocksTitleTextFontSize: 1rem; --titleCenterImageBlocksTitleTextFontWeight: var(--fontWeightSemiBold); --titleCenterImageBlocksTitleTextLetterSpacing: 0.02em; --titleCenterImageBlocksTitleTextLineHeight: 1.75rem } @media only screen and (max-width: 1023px) { :root { --titleCenterImageBlocksTitleTextFontSize: 1.375rem } } :root { --titleCenterImageBlocksDescriptionTextAlign: inherit; --titleCenterImageBlocksDescriptionTextColor: #fff; --titleCenterImageBlocksDescriptionTextFontFamily: Poppins, arial, helvetica, sans-serif; --titleCenterImageBlocksDescriptionTextFontSize: .75rem; --titleCenterImageBlocksDescriptionTextFontWeight: var(--fontWeightRegular); --titleCenterImageBlocksDescriptionTextLetterSpacing: 0.48px; --titleCenterImageBlocksDescriptionTextLineHeight: 1.375rem; --titleCenterImageBlocksDescriptionTextTransform: initial } @media only screen and (max-width: 1023px) { :root { --titleCenterImageBlocksDescriptionTextFontSize: 1rem } } @media only screen and (min-width: 768px) { :root { --anchorBlockColumns: minmax(9.375rem, 12.5rem) auto 1fr } } @media only screen and (min-width: 1024px) { :root { --anchorBlockColumns: 0.8fr auto 2.5fr } } :root { --anchorBlockFirstLevelLinkFontSize: .9375rem; --anchorBlockFirstLevelLinkFontFamily: Poppins, arial, helvetica, sans-serif; --anchorBlockFirstLevelLinkFontWeight: var(--fontWeightMedium); --anchorBlockFirstLevelLinkLetterSpacing: 0.04em; --anchorBlockFirstLevelLinkLineHeight: 1.25rem; --anchorBlockLinkColor: var(--blackColor); --anchorBlockFirstLevelLinkOpacity: 1; --anchorBlockFirstLevelLinkColor: var(--blackColor); --anchorBlockLinksOffset: 1.875rem } :root { --anchorBlockSecondLevelLinkFontSize: 1.125rem; --anchorBlockLinkColor: var(--scorpionColor); --anchorBlockSecondLevelLinkFontWeight: var(--fontWeightMedium); --anchorBlockSecondLevelLinkLetterSpacing: 0.09em; --anchorBlockSecondLevelLinkLineHeight: 1.3 } :root { --anchorBlockBorderBackground: var(--grey2Color); --anchorBlockContentDividerColor: rgba(222, 206, 179, 0.3); --anchorBlockBorderMargin: 1.25rem } .anchorBlock__content { --textAlign: justify; --textFontFamily: Poppins, arial, helvetica, sans-serif; --textColor: var(--black2Color); --textFontSize: .8125rem; --textFontWeight: var(--fontWeightRegular); --textLetterSpacing: 0.04em; --textLineHeight: 1.375rem } @media only screen and (max-width: 767px) { .anchorBlock__content { --textAlign: inherit } } :root { --responsiveMenuItemAccentColor: var(--goldColor); --responsiveMenuDropdownToggleActiveColor: var(--goldColor); --responsiveMenuFirstLevelGap: 1.25rem; --responsiveSubMenuItemAccentColor: var(--goldColor); --responsiveMenuSubMenuTitleWithoutLinkAccentColor: var(--goldColor) } :root { --beforeAfterSlider__boxShadow__width: .6875rem } @media only screen and (max-width: 1023px) { :root { --beforeAfterSlider__boxShadow__width: 0rem } } .screenReaderOnly { width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; border-width: 0; border-style: initial; border-color: initial; -webkit-border-image: initial; -o-border-image: initial; border-image: initial } .screenReaderOnly--focusable:focus, .screenReaderOnly--focusable:active { width: auto; height: auto; position: static; overflow: visible; clip: auto; margin: 0 } .skipToContent:focus { position: absolute; z-index: 10000; top: 3px; left: 3px; font-size: 18px; line-height: 64px; padding: 0 24px; background-color: #FFF; text-decoration: underline } .admin-bar .skipToContent:focus { top: -webkit-calc(49px + 3); top: calc(49px + 3) } @media screen and (min-width: 783px) { .admin-bar .skipToContent:focus { top: -webkit-calc(35px + 3); top: calc(35px + 3) } } .modal-cookie { display: none; width: 100%; height: 100%; position: fixed; z-index: 9999; z-index: var(--zIndexCookie, 9999); top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8) } .container-cookies-popup { width: 75%; max-width: 420px; position: fixed; top: 50%; right: auto; bottom: auto; left: 50%; padding: 30px; background-color: #FFF; -webkit-box-shadow: 0 0 3px #CCC; box-shadow: 0 0 3px #CCC; border-top: 4px solid #000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .modal-overlay { display: none; position: absolute; z-index: 9999; z-index: var(--zIndexCookie, 9999); top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.7) } #cookie-notice { display: none; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); max-width: 33.125rem; max-width: var(--cookieNoticeMaxWidth, 33.125rem); position: fixed; z-index: 999; z-index: var(-zIndexCookieNotice, 999); bottom: 15px; bottom: var(--cookieNoticeBottom, 15px); left: 15px; left: var(--cookieNoticeLeft, 15px); text-align: left !important; border: 4px solid red; border: var(--cookieNoticeBorderWidth, 4px) solid var(--cookieColor, red); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: .9375rem; padding-top: var(--cookieNoticePaddingTop, .9375rem); padding-bottom: .9375rem; padding-bottom: var(--cookieNoticePaddingBottom, .9375rem); background-color: #fff; background-color: var(--cookieNoticeBackgroundColor, #fff) } #cookie-notice .container { width: 100%; max-width: 100%; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: .9375rem; padding-right: var(--cookieContainerPaddingRight, .9375rem); padding-left: .9375rem; padding-left: var(--cookieContainerPaddingLeft, .9375rem) } .container-cookies-popup p { line-height: 18px; letter-spacing: 0.5px; margin-bottom: 10px; padding-bottom: 0 } #cookie-notice p { letter-spacing: 0.5px; padding-bottom: 0 } .cookie-notice-h2 { font-size: 13px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 1px !important; text-transform: uppercase; padding-bottom: 7px !important } .cookie-notice-divider { display: block; width: 29px; height: 2px; margin-top: 5px; background-color: #000 } .cookie-notice-paragraph { font-size: 13px !important; color: #000 !important; padding-bottom: 12px !important } .cookie-notice-close { display: block; width: 20px; height: 20px; position: absolute; z-index: 10; top: 10px; right: 10px } .cookie-notice-close::before { content: ''; display: block; width: 20px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: red; background-color: var(--cookieColor, red) } .cookie-notice-close::after { content: ''; display: block; width: 20px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: red; background-color: var(--cookieColor, red) } .cookie-notice-close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .cookie-notice-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .cookie-notice-close i { font-size: 18px; color: red; color: var(--cookieColor, red) } .cookie-notice-h2-regular { font-size: 12px !important; color: #000 !important; font-weight: 300 !important; letter-spacing: 1px; text-transform: uppercase; margin: 0 } .cookie-notice-h2-regular a { display: inline-block; font-size: 13px !important; color: red !important; color: var(--cookieColor, red) !important; font-weight: bold !important; line-height: 13px; letter-spacing: 0.5px !important; text-transform: uppercase; border: 2px solid red !important; border: 2px solid var(--cookieColor, red) !important; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 15px; text-decoration: none } .cookie-notice-h2-regular a:hover { text-decoration: underline } .modal-cookie-paragraph { font-size: 12px; color: #000; font-weight: bold } .modal-cookie-paragraph-bold { font-size: 13px; color: #000; font-weight: 300 !important } .modal-cookie-paragraph-label { font-size: 13px; color: red; color: var(--cookieColor, red); font-weight: bold } .modal-cookie-button-div { text-align: right; margin-top: 20px } .modal-cookie-button { font-size: 12px; color: #FFF !important; text-transform: uppercase; border: 1px solid red !important; border: 1px solid var(--cookieColor, red) !important; -webkit-border-radius: 0; border-radius: 0; padding: 10px 15px; background-color: red; background-color: var(--cookieColor, red); text-decoration: none !important } .modal-cookie-button:hover { color: red !important; color: var(--cookieColor, red) !important; background-color: #FFF } .cookies-popup--radiogroup { padding: 16px 0 25px } .cookies-popup--content label { display: inline-block; position: relative; cursor: pointer; font-size: 13px; line-height: 22px; letter-spacing: 0.5px; padding-left: 22px } .cookies-popup--content label span { display: inline-block; width: 12px; height: 12px; position: absolute; bottom: 4px; left: 0; margin-right: 10px; border: 1px solid #BBBDBE; -webkit-border-radius: 50%; border-radius: 50%; background-color: #FFF } .cookies-popup--content input[type=radio]:checked+label span::before { content: ''; width: 8px; height: 8px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-border-radius: 50%; border-radius: 50%; background-color: red; background-color: var(--cookieColor, red) } .cookies-popup--content input { margin: 0 } .cookies-popup--radiogroup>div { display: block; margin-bottom: 5px; vertical-align: middle } .cookies-popup--radiogroup input[type=radio] { display: none } @media (max-width: 920px) { #cookie-notice .container h2:last-child { letter-spacing: 0 !important } } @media (max-width: 767px) { #cookie-notice { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); bottom: 10px; left: 10px } .cookie-notice-close { top: 5px; right: 10px } } .errorPage { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; text-align: center } .errorPage>* { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; -ms-grid-row-align: center; align-self: center; -ms-grid-column-align: center; justify-self: center } .errorPage__title { display: inline-block; font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); color: #000; color: var(--errorPageTitleTextColor, var(--errorPageAccentColor, #000)); font-weight: 700; font-weight: var(--errorPageTitleTextFontWeight, var(--fontWeightBold, 700)); line-height: 1.2; line-height: var(--errorPageTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--errorPageTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--errorPageTitleTextAlign, inherit); text-transform: initial; text-transform: var(--errorPageTitleTextTransform, initial) } @media (min-width: 1200px) { .errorPage__title { font-size: 2.8125rem } } .errorPage__title::after { content: ''; display: block; width: 3.4375rem; width: var(--errorPageTitleBorderWidth, 3.4375rem); height: 2px; height: var(--errorPageTitleBorderHeight, 2px); margin: 1.25rem auto 1.25rem; margin: var(--errorPageTitleBorderMarginTop, 1.25rem) auto var(--errorPageTitleBorderMarginBottom, 1.25rem); background-color: #000; background-color: var(--errorPageTitleBorderColor, var(--errorPageTitleTextColor, var(--errorPageAccentColor, #000))) } .errorPage__description { font-family: inherit; font-family: var(--errorPageDescriptionTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--errorPageDescriptionTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--errorPageDescriptionTextColor, var(--textColor, #000)); font-weight: 400; font-weight: var(--errorPageDescriptionTextFontWeight, 400); line-height: 1.2; line-height: var(--errorPageDescriptionTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--errorPageDescriptionTextLetterSpacing, 0px); text-align: inherit; text-align: var(--errorPageDescriptionTextAlign, inherit); text-transform: initial; text-transform: var(--errorPageDescriptionTextTransform, initial); margin-bottom: 2.1875rem; margin-bottom: var(--errorPageDescriptionMarginBottom, 2.1875rem) } .errorPage__background { max-width: 100%; padding: 0 .9375em } .errorPage__background path { opacity: 0.05; opacity: var(--errorPageBackgroundOpacity, 0.05); fill: #000; fill: var(--errorPageBackgroundColor, var(--errorPageAccentColor, #000)) } .contactButtons { display: none } @media only screen and (min-width: 1026px) { .contactButtons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; z-index: 100; z-index: var(--contactButtonsZindex, 100); right: 15px; right: var(--contactButtonsBaseRight, 15px); bottom: 20px; bottom: var(--backToTopBottom, 20px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } body.search .contactButtons { display: none } body.backToTop--isActive .contactButtons { -webkit-transform: translate3d(-webkit-calc((50px * -1) + 30px * -1), 0, 0); transform: translate3d(calc((50px * -1) + 30px * -1), 0, 0); -webkit-transform: translate3d(-webkit-calc((var(--backToTopWidth, 50px) * -1) + var(--contactButtonsExtraRight, 30px) * -1), 0, 0); transform: translate3d(calc((var(--backToTopWidth, 50px) * -1) + var(--contactButtonsExtraRight, 30px) * -1), 0, 0) } body.backToTop--isActive .contactButtons.isHidden { -webkit-transform: translate3d(-webkit-calc((50px * -1) + 30px * -1), -webkit-calc((100% + 20px)), 0); transform: translate3d(calc((50px * -1) + 30px * -1), calc((100% + 20px)), 0); -webkit-transform: translate3d(-webkit-calc((var(--backToTopWidth, 50px) * -1) + var(--contactButtonsExtraRight, 30px) * -1), -webkit-calc((100% + var(--backToTopBottom, 20px))), 0); transform: translate3d(calc((var(--backToTopWidth, 50px) * -1) + var(--contactButtonsExtraRight, 30px) * -1), calc((100% + var(--backToTopBottom, 20px))), 0) } .contactButtons.isHidden { -webkit-transform: translate3d(0, -webkit-calc((100% + 20px)), 0); transform: translate3d(0, calc((100% + 20px)), 0); -webkit-transform: translate3d(0, -webkit-calc((100% + var(--backToTopBottom, 20px))), 0); transform: translate3d(0, calc((100% + var(--backToTopBottom, 20px))), 0) } } @media only screen and (min-width: 1026px) and (max-width: 767px) { .contactButtons { display: none } } @media only screen and (min-width: 1026px) { .contactButtons>a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px; -webkit-border-radius: var(--contactButtonsLinksBorderRadius, 10px); border-radius: var(--contactButtonsLinksBorderRadius, 10px); padding-top: .9375rem; padding-top: var(--contactButtonsLinksPaddingTop, .9375rem); padding-right: 1.25rem; padding-right: var(--contactButtonsLinksPaddingRight, 1.25rem); padding-bottom: .9375rem; padding-bottom: var(--contactButtonsLinksPaddingBottom, .9375rem); padding-left: 1.25rem; padding-left: var(--contactButtonsLinksPaddingRight, 1.25rem); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow: var(--contactButtonsLinksBoxShadow, 0 0 15px rgba(0, 0, 0, 0.25)); box-shadow: var(--contactButtonsLinksBoxShadow, 0 0 15px rgba(0, 0, 0, 0.25)); font-family: inherit; font-family: var(--contactButtonsLinksTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--contactButtonsLinksTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--contactButtonsLinksTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--contactButtonsLinksTextFontWeight, 400); line-height: 1.2; line-height: var(--contactButtonsLinksTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--contactButtonsLinksTextLetterSpacing, 0px); text-align: inherit; text-align: var(--contactButtonsLinksTextAlign, inherit); text-transform: initial; text-transform: var(--contactButtonsLinksTextTransform, initial) } .contactButtons>a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contactButtons>a+a { margin-left: .625rem; margin-left: var(--contactButtonsLinksGap, .625rem) } .contactButtons__phone { background-color: #fff; background-color: var(--contactButtonsPhoneLinkBackgroundColor, #fff) } .contactButtons__phone span:not(.isReversed) svg { margin-left: .625rem; margin-left: var(--contactButtonsPhoneLinkSvgMarginLeft, var(--contactButtonsLinksSvgMarginLeft, .625rem)) } .contactButtons__phone span:not(.isReversed) svg path { fill: #000; fill: var(--contactButtonsPhoneLinkSvgColor, var(--contactButtonsLinkSvgColor, #000)) } .contactButtons__phone span.isReversed svg { margin-right: .625rem; margin-right: var(--contactButtonsPhoneLinkSvgMarginLeft, var(--contactButtonsLinksSvgMarginLeft, .625rem)) } .contactButtons__phone span.isReversed svg path { fill: #000; fill: var(--contactButtonsPhoneLinkSvgColor, var(--contactButtonsLinkSvgColor, #000)) } .contactButtons__doctolib { background-color: #fff; background-color: var(--contactButtonsDoctolibLinkBackgroundColor, #fff) } .contactButtons__doctolib svg { margin-left: .625rem; margin-left: var(--contactButtonsDoctolibLinkSvgMarginLeft, var(--contactButtonsLinksSvgMarginLeft, .625rem)) } .contactButtons__doctolib svg path { fill: #000; fill: var(--contactButtonsDoctolibLinkSvgColor, var(--contactButtonsLinkSvgColor, #000)) } } .footer { --footerItemsGap: 1.5625rem; overflow: hidden; margin-top: -webkit-calc(1.9375rem + 8.25vw); margin-top: calc(1.9375rem + 8.25vw) } @media (min-width: 1200px) { .footer { margin-top: 8.125rem } } @media only screen and (min-width: 768px) { .footer { --footerMenuTextAlign: center } } .footer>div { display: -ms-grid; display: grid; grid-template-areas: "logo" "doctolib" "addresses" "socials" "contact" "menu" "bottom-menu"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } @media only screen and (min-width: 768px) { .footer>div { grid-template-areas: "logo doctolib doctolib" "addresses socials contact" "menu menu menu" "bottom-menu bottom-menu bottom-menu"; -ms-grid-columns: 1fr var(--footerColumnsGap, 1.875rem) 1fr var(--footerColumnsGap, 1.875rem) 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: -webkit-calc(1.40625rem + 1.875vw); grid-column-gap: calc(1.40625rem + 1.875vw); grid-column-gap: var(--footerColumnsGap, 1.875rem) } @media (min-width: 1200px) { .footer>div { grid-column-gap: 2.8125rem; grid-column-gap: var(--footerColumnsGap, 1.875rem) } } } .footer__top { grid-area: top } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo; display: inline-block } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } @media only screen and (min-width: 768px) { .footer__logo { margin-bottom: 1.25rem; margin-bottom: var(--firstRowFooterMarginBottom, 1.25rem) } } .footer__addresses { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: addresses; padding-top: .3125rem; padding-top: var(--footerAddressesPaddingTop, var(--footerItemsGap, 1.5625rem)) } .footer__addresses>* { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .footer__addresses__place__title { font-family: inherit; font-family: var(--footerAddressTitleTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--footerAddressTitleTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--footerAddressTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--footerAddressTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--footerAddressTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--footerAddressTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressTitleTextAlign, inherit); text-transform: initial; text-transform: var(--footerAddressTitleTextTransform, initial); margin-bottom: 1.25rem } .footer__addresses__place__name { font-family: inherit; font-family: var(--footerAddressNameTextFontFamily, var(--textFontFamily, inherit)); font-size: .75rem; font-size: var(--footerAddressNameTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--footerAddressNameTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 600; font-weight: var(--footerAddressNameTextFontWeight, 400); line-height: 18px; line-height: var(--footerAddressNameTextLineHeight, 1.2); letter-spacing: 0.03em; letter-spacing: var(--footerAddressNameTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressNameTextAlign, inherit); text-transform: uppercase; text-transform: var(--footerAddressNameTextTransform, initial) } .footer__addresses__place__phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: inherit; font-family: var(--footerAddressPhoneTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--footerAddressPhoneTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--footerAddressPhoneTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--footerAddressPhoneTextFontWeight, 400); line-height: 1.2; line-height: var(--footerAddressPhoneTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--footerAddressPhoneTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressPhoneTextAlign, inherit); text-transform: initial; text-transform: var(--footerAddressPhoneTextTransform, initial) } .footer__addresses__place>*+* { margin-top: .625rem; margin-top: var(--footerAddressesPlacesGap, .625rem) } @media only screen and (min-width: 768px) { .footer__addresses { grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(var(--footerAddressesMinimumWidth, 15.625rem), 1fr)); grid-gap: 1.5625rem; grid-gap: var(--footerAddressesGap, 1.5625rem) } } .footer__socials { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: socials; padding-top: .3125rem; padding-top: var(--footerSocialsPaddingTop, var(--footerItemsGap, 1.5625rem)) } .footer__socials .socialsListing { margin-top: .625rem; margin-top: var(--footerSocialsListingMarginTop, .625rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__socials .socialsListing a { display: inline-block } .footer__socials .socialsListing li { display: inline-block; position: relative } .footer__socials .socialsListing li+li { margin-left: 1rem; margin-left: var(--footerSocialsGap, 1rem) } .footer__socials .socialsListing li svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--footerSocialsColor, var(--footerSocialsColor, #000)) } .footer__socials .socialsListing li svg polygon { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--footerSocialsColor, var(--footerSocialsColor, #000)) } .footer__socials .socialsListing li a:hover svg path { fill: #D9AE69; fill: var(--footerSocialsActiveColor, var(--footerSocialsAccentColor, var(--footerSocialsColor, #000))) } .footer__socials .socialsListing li a:hover svg polygon { fill: #D9AE69; fill: var(--footerSocialsActiveColor, var(--footerSocialsAccentColor, var(--footerSocialsColor, #000))) } .footer__socials .socialsListing li a:focus svg path { fill: #D9AE69; fill: var(--footerSocialsActiveColor, var(--footerSocialsAccentColor, var(--footerSocialsColor, #000))) } .footer__socials .socialsListing li a:focus svg polygon { fill: #D9AE69; fill: var(--footerSocialsActiveColor, var(--footerSocialsAccentColor, var(--footerSocialsColor, #000))) } .footer__socials__title { font-family: inherit; font-family: var(--footerSocialsTitleTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--footerSocialsTitleTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--footerSocialsTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--footerSocialsTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--footerSocialsTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--footerSocialsTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerSocialsTitleTextAlign, inherit); text-transform: initial; text-transform: var(--footerSocialsTitleTextTransform, initial) } .footer__contact { -ms-grid-row: 5; -ms-grid-column: 1; grid-area: contact; padding-top: .3125rem; padding-top: var(--footerContactPaddingTop, var(--footerItemsGap, 1.5625rem)) } .footer__contact span { font-size: 1rem; font-size: var(--footerContactFontSize, 1rem); color: #000; color: var(--footerContactColor, #000); font-weight: 700; font-weight: var(--footerContactFontWeight, var(--fontWeightBold)); letter-spacing: 0px; letter-spacing: var(--footerContactLetterSpacing, 0px); -webkit-transition: color .3s, border-color .3s; -o-transition: color .3s, border-color .3s; transition: color .3s, border-color .3s; border-bottom: 2px solid #000; border-bottom: var(--footerContactBorderWidth, 2px) solid var(--footerContactBorderColor, #000) } .footer__contact svg { margin-left: .625rem; margin-left: var(--footerContactArrowMarginLeft, .625rem); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .footer__contact svg path { fill: #000; fill: var(--footerContactArrowColor, #000) } .footer__contact a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__contact a:hover svg { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); -webkit-transform: translateX(var(--footerContactActiveTransform, 5px)); -ms-transform: translateX(var(--footerContactActiveTransform, 5px)); transform: translateX(var(--footerContactActiveTransform, 5px)) } .footer__contact a:focus svg { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); -webkit-transform: translateX(var(--footerContactActiveTransform, 5px)); -ms-transform: translateX(var(--footerContactActiveTransform, 5px)); transform: translateX(var(--footerContactActiveTransform, 5px)) } @media only screen and (min-width: 768px) { .footer { --footerAddressesBorderWidth: 0px; --footerAddressesPaddingTop: 0px; --footerContactPaddingTop: 0px; --footerDoctolibMarginTop: 0px; --footerLogoPaddingBottom: 0px; --footerSocialsPaddingTop: 0px } .footer__contact { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-left: auto } } .footer__doctolib { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: doctolib; display: inline-block; padding-top: .3125rem; padding-top: var(--footerDoctolibPaddingTop, var(--footerItemsGap, 1.5625rem)) } @media only screen and (min-width: 768px) { .footer__doctolib { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 1.25rem; margin-bottom: var(--firstRowFooterMarginBottom, 1.25rem); margin-left: auto } } .footer__menu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-row: 6; -ms-grid-column: 1; grid-area: menu; position: relative; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--footerMenuFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .9375rem; font-size: var(--footerMenuFontSize, 1rem); color: #05313B; color: var(--footerMenuColor, #fff); font-weight: 500; font-weight: var(--footerMenuFontWeight, 400); line-height: 1.8; line-height: var(--footerMenuLineHeight, 2); letter-spacing: 0; letter-spacing: var(--footerMenuLetterSpacing, 0); text-align: left; text-align: var(--footerMenuTextAlign, left); text-transform: initial; text-transform: var(--footerMenuTextTransform, initial); margin-top: 1.375rem; margin-top: var(--footerMenuMarginTop, var(--footerItemsGap, 1.5625rem)); padding-top: .75rem; padding-top: var(--footerMenuPaddingTop, .9375rem); padding-bottom: .75rem; padding-bottom: var(--footerMenuPaddingBottom, .9375rem) } @media only screen and (min-width: 768px) { .footer__menu { text-align: center; text-align: var(--footerMenuTextAlign, left) } } .footer__menu>* { position: relative; z-index: 1 } .footer__menu li { display: block } .footer__menu::before { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; bottom: 0; left: -webkit-calc(50% - 50vw); left: calc(50% - 50vw); background-color: #F8F8F8; background-color: var(--footerMenuBackgroundColor, #000) } @media only screen and (min-width: 768px) { .footer__menu li { display: inline-block } .footer__menu li+li::before { content: ""; content: var(--footerMenuItemsDividerContent, "|"); color: #8FBFBF; color: var(--footerMenuItemsDividerColor, rgba(255, 255, 255, 0.5)); margin: 0 .625rem; margin: 0 var(--footerMenuItemsGap, .625rem) } } .footer__bottomMenu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: bottom-menu; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--footerBottomMenuFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--footerBottomMenuFontSize, 1rem); color: #000000; color: var(--footerBottomMenuColor, #000); font-weight: 300; font-weight: var(--footerBottomMenuFontWeight, 400); line-height: 1, 69; line-height: var(--footerBottomMenuLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--footerBottomMenuLetterSpacing, 0); text-align: center; text-align: var(--footerBottomMenuTextAlign, center); text-transform: initial; text-transform: var(--footerBottomMenuTextTransform, initial); padding-top: .5rem; padding-top: var(--footerBottomMenuPaddingTop, .9375rem); padding-bottom: .5rem; padding-bottom: var(--footerBottomMenuPaddingBottom, .9375rem) } .footer__bottomMenu li { display: inline-block } .footer__bottomMenu li+li::before { content: '|'; display: inline-block; display: var(--footerBottomMenuItemsDisplay, inline-block); margin: 0 .9375rem; margin: 0 var(--footerBottomMenuItemsGap, .9375rem) } .footer { overflow: hidden; margin-top: -webkit-calc(1.9375rem + 8.25vw); margin-top: calc(1.9375rem + 8.25vw) } @media (min-width: 1200px) { .footer { margin-top: 8.125rem } } .footer>div { display: -ms-grid; display: grid; grid-template-areas: "logo" "addresses" "buttons" "menu" "bottom-menu"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } @media only screen and (min-width: 1024px) { .footer { --footerAddressesBorderWidth: 0px; --footerAddressesPaddingTop: 0px; --footerButtonsMarginTop: 0px; --footerDoctolibMarginTop: 0px; --footerLogoPaddingBottom: 0px } .footer>div { grid-template-areas: "logo addresses buttons" "menu menu menu" "bottom-menu bottom-menu bottom-menu"; -ms-grid-columns: -webkit-min-content var(--footerColumnsGap, 1.875rem) auto var(--footerColumnsGap, 1.875rem) auto; -ms-grid-columns: min-content var(--footerColumnsGap, 1.875rem) auto var(--footerColumnsGap, 1.875rem) auto; grid-template-columns: -webkit-min-content auto auto; grid-template-columns: min-content auto auto; grid-column-gap: -webkit-calc(1.40625rem + 1.875vw); grid-column-gap: calc(1.40625rem + 1.875vw); grid-column-gap: var(--footerColumnsGap, 1.875rem); border-top: none } @media (min-width: 1200px) { .footer>div { grid-column-gap: 2.8125rem; grid-column-gap: var(--footerColumnsGap, 1.875rem) } } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-column: 3 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__bottomMenu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo; display: inline-block; padding-bottom: .625rem; padding-bottom: var(--footerLogoPaddingBottom, .625rem) } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } @media only screen and (min-width: 1024px) { .footer__logo svg { max-width: inherit } } .footer__addresses { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: addresses; padding-top: .3125rem; padding-top: var(--footerAddressesPaddingTop, var(--footerItemsGap, 1.5625rem)); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1.5625rem; grid-gap: var(--footerAddressesGap, 1.5625rem); border-top: 3px solid #000; border-top: var(--footerAddressesBorderWidth, 3px) solid var(--footerAddressesBorderColor, #000) } .footer__addresses>* { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .footer__addresses__place__title { font-family: inherit; font-family: var(--footerAddressTitleTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--footerAddressTitleTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--footerAddressTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--footerAddressTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--footerAddressTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--footerAddressTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressTitleTextAlign, inherit); text-transform: initial; text-transform: var(--footerAddressTitleTextTransform, initial); margin-bottom: 1.25rem } .footer__addresses__place__name { font-family: inherit; font-family: var(--footerAddressNameTextFontFamily, var(--textFontFamily, inherit)); font-size: .75rem; font-size: var(--footerAddressNameTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--footerAddressNameTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 600; font-weight: var(--footerAddressNameTextFontWeight, 400); line-height: 18px; line-height: var(--footerAddressNameTextLineHeight, 1.2); letter-spacing: 0.03em; letter-spacing: var(--footerAddressNameTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressNameTextAlign, inherit); text-transform: uppercase; text-transform: var(--footerAddressNameTextTransform, initial) } .footer__addresses__place__phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: inherit; font-family: var(--footerAddressPhoneTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--footerAddressPhoneTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--footerAddressPhoneTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--footerAddressPhoneTextFontWeight, 400); line-height: 1.2; line-height: var(--footerAddressPhoneTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--footerAddressPhoneTextLetterSpacing, 0px); text-align: inherit; text-align: var(--footerAddressPhoneTextAlign, inherit); text-transform: initial; text-transform: var(--footerAddressPhoneTextTransform, initial) } .footer__addresses__place>*+* { margin-top: .625rem; margin-top: var(--footerAddressesPlacesGap, .625rem) } @media only screen and (min-width: 768px) { .footer__addresses { grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(var(--footerAddressesMinimumWidth, 15.625rem), 1fr)); grid-gap: 1.5625rem; grid-gap: var(--footerAddressesGap, 1.5625rem) } } .footer__buttons { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: buttons; margin-top: 2.5rem; margin-top: var(--footerButtonsMarginTop, var(--footerItemsGap, 1.5625rem)) } @media only screen and (min-width: 1024px) { .footer__buttons { -ms-grid-row-align: center; -ms-grid-column-align: flex-end; place-self: center flex-end } } .footer__doctolib { display: inline-block } .footer__menu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-row: 6; -ms-grid-column: 1; grid-area: menu; position: relative; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--footerMenuFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .9375rem; font-size: var(--footerMenuFontSize, 1rem); color: #05313B; color: var(--footerMenuColor, #fff); font-weight: 500; font-weight: var(--footerMenuFontWeight, 400); line-height: 1.8; line-height: var(--footerMenuLineHeight, 2); letter-spacing: 0; letter-spacing: var(--footerMenuLetterSpacing, 0); text-align: left; text-align: var(--footerMenuTextAlign, left); text-transform: initial; text-transform: var(--footerMenuTextTransform, initial); margin-top: 1.375rem; margin-top: var(--footerMenuMarginTop, var(--footerItemsGap, 1.5625rem)); padding-top: .75rem; padding-top: var(--footerMenuPaddingTop, .9375rem); padding-bottom: .75rem; padding-bottom: var(--footerMenuPaddingBottom, .9375rem) } @media only screen and (min-width: 768px) { .footer__menu { text-align: center; text-align: var(--footerMenuTextAlign, left) } } .footer__menu>* { position: relative; z-index: 1 } .footer__menu li { display: block } .footer__menu::before { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; bottom: 0; left: -webkit-calc(50% - 50vw); left: calc(50% - 50vw); background-color: #F8F8F8; background-color: var(--footerMenuBackgroundColor, #000) } @media only screen and (min-width: 768px) { .footer__menu li { display: inline-block } .footer__menu li+li::before { content: ""; content: var(--footerMenuItemsDividerContent, "|"); color: #8FBFBF; color: var(--footerMenuItemsDividerColor, rgba(255, 255, 255, 0.5)); margin: 0 .625rem; margin: 0 var(--footerMenuItemsGap, .625rem) } } .footer__bottomMenu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: bottom-menu; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--footerBottomMenuFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--footerBottomMenuFontSize, 1rem); color: #000000; color: var(--footerBottomMenuColor, #000); font-weight: 300; font-weight: var(--footerBottomMenuFontWeight, 400); line-height: 1, 69; line-height: var(--footerBottomMenuLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--footerBottomMenuLetterSpacing, 0); text-align: center; text-align: var(--footerBottomMenuTextAlign, center); text-transform: initial; text-transform: var(--footerBottomMenuTextTransform, initial); padding-top: .5rem; padding-top: var(--footerBottomMenuPaddingTop, .9375rem); padding-bottom: .5rem; padding-bottom: var(--footerBottomMenuPaddingBottom, .9375rem) } .footer__bottomMenu li { display: inline-block } .footer__bottomMenu li+li::before { content: '|'; display: inline-block; display: var(--footerBottomMenuItemsDisplay, inline-block); margin: 0 .9375rem; margin: 0 var(--footerBottomMenuItemsGap, .9375rem) } .commentsBlock>.commentsBlock__commentsContainer { background-color: #F2F2F2; background-color: var(--commentsBlockBackgroundColor, #F3F3F3); padding-top: -webkit-calc(1.40625rem + 1.875vw); padding-top: calc(1.40625rem + 1.875vw); padding-bottom: -webkit-calc(1.40625rem + 1.875vw); padding-bottom: calc(1.40625rem + 1.875vw); margin-bottom: -webkit-calc(1.40625rem + 1.875vw); margin-bottom: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .commentsBlock>.commentsBlock__commentsContainer { padding-top: 2.8125rem } } @media (min-width: 1200px) { .commentsBlock>.commentsBlock__commentsContainer { padding-bottom: 2.8125rem } } @media (min-width: 1200px) { .commentsBlock>.commentsBlock__commentsContainer { margin-bottom: 2.8125rem } } .commentsBlock:not(.commentsBlock--paged.isActive)>.commentsBlock__commentsContainer { padding-bottom: 0 } .commentsBlock { margin-top: -webkit-calc(1.5625rem + 3.75vw); margin-top: calc(1.5625rem + 3.75vw) } @media (min-width: 1200px) { .commentsBlock { margin-top: 4.375rem } } .commentsBlock__comments>*+* { margin-top: .9375rem } .commentsBlocks__comment>*+* { margin-top: .9375rem } .commentsBlocks__comment__replies>*+* { margin-top: .9375rem } .commentsBlock--paged:not(.isActive) .commentsBlock__wrapper { position: relative } .commentsBlock--paged:not(.isActive) .commentsBlock__wrapper::after { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; bottom: 0; left: -webkit-calc(50% - 50vw); left: calc(50% - 50vw); background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 248, 248, 0)), color-stop(90%, #ffffff)); background: -o-linear-gradient(top, rgba(246, 248, 248, 0) 0%, #ffffff 90%); background: linear-gradient(180deg, rgba(246, 248, 248, 0) 0%, #ffffff 90%); background: -webkit-gradient(linear, left top, left bottom, from(var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0))), color-stop(90%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1))); background: -o-linear-gradient(top, var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0)) 0%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1) 90%); background: linear-gradient(180deg, var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0)) 0%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1) 90%); pointer-events: none } .commentsBlock--paged:not(.isActive) .commentsBlock__comments { max-height: 50rem; max-height: var(--commentsPagedMaxHeight, 50rem); overflow: hidden } .commentsBlock__title { text-align: center; text-align: var(--commentsBlockTitleTextAlign, center); margin-bottom: -webkit-calc(1.34375rem + 1.125vw); margin-bottom: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .commentsBlock__title { margin-bottom: 2.1875rem } } .commentsBlock__title>*:first-child { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentsBlockTitleFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: -webkit-calc(1.28125rem + .375vw); font-size: calc(1.28125rem + .375vw); color: #000; color: var(--commentsBlockTitleColor, #000); font-weight: 700; font-weight: var(--commentsBlockTitleFontWeight, 700); line-height: 1.2; line-height: var(--commentsBlockTitleLineHeight, 1.2) } @media (min-width: 1200px) { .commentsBlock__title>*:first-child { font-size: 1.5625rem } } .commentsBlocks__comment__content { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--commentInnerGap, 1.5625rem) auto; grid-template-areas: "avatar" "content"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1.5625rem; grid-gap: var(--commentInnerGap, 1.5625rem); background-color: #fff; background-color: var(--commentBackgroundColor, #fff); padding: 1.25rem -webkit-calc(1.28125rem + .375vw) 1.25rem -webkit-calc(1.28125rem + .375vw); padding: 1.25rem calc(1.28125rem + .375vw) 1.25rem calc(1.28125rem + .375vw); -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: var(--commentBoxShadow, 0 4px 10px rgba(0, 0, 0, 0.05)); box-shadow: var(--commentBoxShadow, 0 4px 10px rgba(0, 0, 0, 0.05)) } @media (min-width: 1200px) { .commentsBlocks__comment__content { padding: 1.25rem 1.5625rem 1.25rem 1.5625rem } } .commentsBlocks__comment__avatar { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: avatar; display: block } .commentsBlocks__comment__avatar img { display: block; -webkit-border-radius: 100%; border-radius: 100%; -webkit-border-radius: var(--commentAvatarBorderRadius, 100%); border-radius: var(--commentAvatarBorderRadius, 100%) } .commentsBlocks__comment__inner { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: content } .anchorBlock>.commentsBlocks__comment__inner { -ms-grid-row: 1; -ms-grid-column: 1 } .commentsBlocks__comment__author { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentAuthorFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .875rem; color: #181818; color: var(--commentAuthorColor, #000); font-weight: 400; font-weight: var(--commentAuthorFontWeight, 700); line-height: 1.4; line-height: var(--commentAuthorLineHeight, 1.4); text-transform: capitalize; text-transform: var(--commentAuthorTextTransform, capitalize) } .commentsBlocks__comment__date { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentDateFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .875rem; color: #D9AE69; color: var(--commentDateColor, #9F9F9F); font-weight: 400; font-weight: var(--commentDateFontWeight, 300); line-height: 1.4; line-height: var(--commentDateLineHeight, 1.4) } .commentsBlocks__comment__reply { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentReplyButtonFontFamily, var(--fontFamily, Arial, sans-serif)); color: undefined; color: var(--commentReplyButtonColor, #56625F); font-weight: 600; font-weight: var(--commentReplyButtonFontWeight, 700); line-height: 1.4; line-height: var(--commentReplyButtonLineHeight, 1.4); font-size: .875rem; text-transform: uppercase; text-transform: var(--commentReplyButtonTextTransform, uppercase); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .commentsBlocks__comment__reply:hover { color: undefined; color: var(--commentReplyButtonActiveColor, #000) } .commentsBlocks__comment__reply a:focus { color: undefined; color: var(--commentReplyButtonActiveColor, #000) } .commentsBlocks__comment__text { margin-top: .9375rem; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentTextFontFamily, var(--fontFamily, Arial, sans-serif)); color: #181818; color: var(--commentTextColor, #454545); font-weight: 400; font-weight: var(--commentTextFontWeight, 300); font-size: .875rem; line-height: 1.4; line-height: var(--commentTextLineHeight, 1.4) } @media only screen and (min-width: 500px) { .commentsBlocks__comment__content { grid-template-areas: "avatar content"; -ms-grid-columns: auto var(--commentInnerGap, 1.5625rem) 1fr; grid-template-columns: auto 1fr } .commentsBlocks__comment__date, .commentsBlocks__comment__reply { display: inline-block } .commentsBlocks__comment__reply { padding-left: .625rem; padding-left: var(--commentReplyButtonPaddingLeft, .625rem) } .commentsBlocks__comment__avatar { -ms-grid-row: 1; -ms-grid-column: 1 } .commentsBlocks__comment__inner { -ms-grid-row: 1; -ms-grid-column: 3 } } .commentsBlocks__comment__replies { margin-left: -webkit-calc(1.6875rem + 5.25vw); margin-left: calc(1.6875rem + 5.25vw) } @media (min-width: 1200px) { .commentsBlocks__comment__replies { margin-left: 5.625rem } } .commentsBlock__form { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .commentsBlock__form { margin-top: 2.1875rem } } .commentsBlock__loadMore { position: relative; z-index: 1; top: -2.8125rem; top: var(--commentLoadMoreTop, -.9375rem); text-align: center } .commentsBlock__loadMore a { font-family: inherit; font-family: var(--commentLoadMoreTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--commentLoadMoreTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--commentLoadMoreTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--commentLoadMoreTextFontWeight, 400); line-height: 1.2; line-height: var(--commentLoadMoreTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--commentLoadMoreTextLetterSpacing, 0px); text-align: inherit; text-align: var(--commentLoadMoreTextAlign, inherit); text-transform: initial; text-transform: var(--commentLoadMoreTextTransform, initial) } .commentsBlock--paged.isActive .commentsBlock__loadMore { display: none } .comment-respond form>*+* { margin-top: .625rem } .buttonsBlock__title { font-size: -webkit-calc(1.34375rem + 1.125vw); font-size: calc(1.34375rem + 1.125vw); font-family: inherit; font-family: var(--buttonsBlockTitleTextFontFamily, var(--textFontFamily, inherit)); color: #181818; color: var(--buttonsBlockTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--buttonsBlockTitleTextFontWeight, 400); line-height: 26px; line-height: var(--buttonsBlockTitleTextLineHeight, 1.2); letter-spacing: 0.05em; letter-spacing: var(--buttonsBlockTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--buttonsBlockTitleTextAlign, inherit); text-transform: initial; text-transform: var(--buttonsBlockTitleTextTransform, initial); text-align: center; margin-bottom: 1em } @media (min-width: 1200px) { .buttonsBlock__title { font-size: 2.1875rem } } .buttonsBlock__title::after { content: ''; display: block; width: 1.57143em; width: var(--buttonsBlockTitleAfterWidth, 1.57143em); height: 1px; height: var(--buttonsBlockTitleAfterHeight, 1px); margin-top: 1.25rem; margin-top: var(--buttonsBlockTitleAfterMarginTop, 1.25rem); margin-right: auto; margin-left: auto; background-color: #D9B364; background-color: var(--buttonsBlockTitleAfterBackgroundColor, #000) } .buttonsBlock__buttons { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: .9375rem; grid-gap: var(--buttonsBlockButtonsGap, 1.5625rem) } @media (min-width: 1200px) { .buttonsBlock__buttons { margin-top: 2.1875rem } } .buttonsBlock__buttons>div { width: 100% } .buttonsBlock__buttons a { font-family: inherit; font-family: var(--buttonsBlockButtonTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--buttonsBlockButtonTextFontSize, var(--textFontSize, 1rem)); color: #ffffff; color: var(--buttonsBlockButtonTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 600; font-weight: var(--buttonsBlockButtonTextFontWeight, 400); line-height: 29px; line-height: var(--buttonsBlockButtonTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--buttonsBlockButtonTextLetterSpacing, 0px); text-align: inherit; text-align: var(--buttonsBlockButtonTextAlign, inherit); text-transform: initial; text-transform: var(--buttonsBlockButtonTextTransform, initial); cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 0 solid transparent; border: var(--buttonsBlockButtonBorderWidth, 0) var(--buttonsBlockButtonBorderType, solid) var(--buttonsBlockButtonBorderColor, transparent); border-radius: 0; -webkit-border-radius: var(--buttonsBlockButtonBorderRadius, 0); border-radius: var(--buttonsBlockButtonBorderRadius, 0); padding: .875rem 0.5em .875rem 0.5em; padding: var(--buttonsBlockButtonPaddingTop, 0.5em) var(--buttonsBlockButtonPaddingRight, 0.5em) var(--buttonsBlockButtonPaddingBottom, 0.5em) var(--buttonsBlockButtonPaddingLeft, 0.5em); background-color: #FFF; background-color: var(--buttonsBlockButtonBackgroundColor, #fff); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--buttonsBlockButtonBoxShadow, none); box-shadow: var(--buttonsBlockButtonBoxShadow, none); width: 100%; height: 100% } @media only screen and (min-width: 400px) { .buttonsBlock__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-gap: 0; margin: -webkit-calc((.875rem / 2) * -1) -webkit-calc((1.25rem / 2) * -1); margin: calc((.875rem / 2) * -1) calc((1.25rem / 2) * -1); margin: -webkit-calc((var(--buttonsBlockButtonsMarginVerticalSides, 1.25rem) / 2) * -1) -webkit-calc((var(--buttonsBlockButtonsMarginHorizontalSides, .9375rem) / 2) * -1); margin: calc((var(--buttonsBlockButtonsMarginVerticalSides, 1.25rem) / 2) * -1) calc((var(--buttonsBlockButtonsMarginHorizontalSides, .9375rem) / 2) * -1) } .buttonsBlock__buttons>div { width: 100%; max-width: 12.5rem; max-width: var(--buttonsBlockButtonMaxWidth, 17.5rem); margin: -webkit-calc(.875rem / 2) -webkit-calc(1.25rem / 2); margin: calc(.875rem / 2) calc(1.25rem / 2); margin: -webkit-calc(var(--buttonsBlockButtonsMarginVerticalSides, 1.25rem) / 2) -webkit-calc(var(--buttonsBlockButtonsMarginHorizontalSides, .9375rem) / 2); margin: calc(var(--buttonsBlockButtonsMarginVerticalSides, 1.25rem) / 2) calc(var(--buttonsBlockButtonsMarginHorizontalSides, .9375rem) / 2) } } .defaultSlider__slider { position: relative } .defaultSlider img { display: block; width: 100% } .defaultSlider__navigationLeft, .defaultSlider__navigationRight { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .defaultSlider__navigationLeft.swiper-button-disabled { cursor: none; opacity: 0.4; opacity: var(--sliderNavigationDisabledOpacity, 0.4); pointer-events: none } .defaultSlider__navigationRight.swiper-button-disabled { cursor: none; opacity: 0.4; opacity: var(--sliderNavigationDisabledOpacity, 0.4); pointer-events: none } .defaultSlider__navigationLeft:not(.swiper-button-disabled), .defaultSlider__navigationRight:not(.swiper-button-disabled) { cursor: pointer } .defaultSlider--navigations--inside .defaultSlider__navigationLeft { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; width: var(--sliderNavigationInsideWidth, 30px); height: 30px; height: var(--sliderNavigationInsideHeight, 30px) } .defaultSlider--navigations--inside .defaultSlider__navigationRight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; width: var(--sliderNavigationInsideWidth, 30px); height: 30px; height: var(--sliderNavigationInsideHeight, 30px) } .defaultSlider--navigations--inside .defaultSlider__navigationLeft>svg { width: 15px; width: var(--sliderNavigationInsideSvgWidth, 15px) } .defaultSlider--navigations--inside .defaultSlider__navigationRight>svg { width: 15px; width: var(--sliderNavigationInsideSvgWidth, 15px) } .defaultSlider--navigations--inside .defaultSlider__navigationLeft { position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(255, 255, 255, 0.8); background-color: var(--sliderNavigationInsideBackgroundColor, rgba(255, 255, 255, 0.8)) } .defaultSlider--navigations--inside .defaultSlider__navigationRight { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(255, 255, 255, 0.8); background-color: var(--sliderNavigationInsideBackgroundColor, rgba(255, 255, 255, 0.8)) } .defaultSlider--navigations--outside .defaultSlider__slider { padding-right: -webkit-calc(45px + .625rem); padding-right: calc(45px + .625rem); padding-right: -webkit-calc(var(--sliderNavigationOutsideWidth, 45px) + var(--defaultSliderNavigationOutsideGap, .625rem)); padding-right: calc(var(--sliderNavigationOutsideWidth, 45px) + var(--defaultSliderNavigationOutsideGap, .625rem)); padding-left: -webkit-calc(45px + .625rem); padding-left: calc(45px + .625rem); padding-left: -webkit-calc(var(--sliderNavigationOutsideWidth, 45px) + var(--defaultSliderNavigationOutsideGap, .625rem)); padding-left: calc(var(--sliderNavigationOutsideWidth, 45px) + var(--defaultSliderNavigationOutsideGap, .625rem)) } .defaultSlider--navigations--outside .defaultSlider__navigationLeft { left: 0 } .defaultSlider--navigations--outside .defaultSlider__navigationRight { right: 0 } .defaultSlider--navigations--outside .defaultSlider__navigationLeft, .defaultSlider--navigations--outside .defaultSlider__navigationRight { position: absolute; top: 0; bottom: 0 } .defaultSlider--navigations--outside .defaultSlider__navigationLeft svg { width: 45px; width: var(--sliderNavigationOutsideWidth, 45px); height: 45px; height: var(--sliderNavigationOutsideHeight, 45px) } .defaultSlider--navigations--outside .defaultSlider__navigationRight svg { width: 45px; width: var(--sliderNavigationOutsideWidth, 45px); height: 45px; height: var(--sliderNavigationOutsideHeight, 45px) } .defaultSlider--navigations--outside .defaultSlider__navigationLeft svg path { fill: #fff; fill: var(--sliderNavigationOutsideArrowColor, #fff) } .defaultSlider--navigations--outside .defaultSlider__navigationRight svg path { fill: #fff; fill: var(--sliderNavigationOutsideArrowColor, #fff) } .defaultSlider--navigations--outside .defaultSlider__navigationLeft svg circle { fill: #000; fill: var(--sliderNavigationOutsideCircleColor, #000) } .defaultSlider--navigations--outside .defaultSlider__navigationRight svg circle { fill: #000; fill: var(--sliderNavigationOutsideCircleColor, #000) } .defaultSlider__pagination { text-align: center; margin-top: .9375rem; margin-top: var(--sliderPaginationMarginTop, .9375rem) } .defaultSlider__pagination>*+* { margin-left: .625rem; margin-left: var(--sliderPaginationBulletGap, .625rem) } .defaultSlider__pagination .swiper-pagination-bullet { width: .625rem; width: var(--sliderPaginationBulletWidth, .625rem); height: .625rem; height: var(--sliderPaginationBulletHeight, .625rem); opacity: 0.5; opacity: var(--sliderPaginationBulletOpacity, 0.5); background: #000; background: var(--sliderPaginationBulletBackgroundColor, #000) } .defaultSlider__pagination .swiper-pagination-bullet-active { opacity: 1; opacity: var(--sliderPaginationBulletActiveOpacity, 1); background: #000; background: var(--sliderPaginationBulletActiveBackgroundColor, var(--sliderPaginationBulletBackgroundColor, #000)) } .archivePage { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--archivePageRowGap, 2.1875rem) auto var(--archivePageRowGap, 2.1875rem) auto var(--archivePageRowGap, 2.1875rem) auto; grid-template-areas: "header" "posts" "pagination" "sidebar"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 2.1875rem; grid-row-gap: var(--archivePageRowGap, 2.1875rem) } @media only screen and (min-width: 1024px) { .archivePage { grid-template-areas: "header sidebar" "posts sidebar" "pagination ."; -ms-grid-columns: 1fr minmax(auto, 18.75rem); grid-template-columns: 1fr minmax(auto, 18.75rem) } } .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: header } .redirectLinksBlock>.archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__header__title { font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageHeaderTitleFontFamily, var(--archivePageHeaderFontFamily, var(--fontFamily, Arial, sans-serif))); color: #000; color: var(--archivePageHeaderTitleColor, var(--archivePageHeaderColor, #000)); font-weight: 400; font-weight: var(--archivePageHeaderTitleFontWeight, var(--archivePageHeaderFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageHeaderTitleLineHeight, var(--archivePageHeaderLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageHeaderTitleLetterSpacing, var(--archivePageHeaderLetterSpacing, 0)) } @media (min-width: 1200px) { .archivePage__header__title { font-size: 2.8125rem } } .archivePage__header__description { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageHeaderDescriptionFontFamily, var(--archivePageHeaderFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageHeaderDescriptionFontSize, var(--archivePageHeaderFontSize, 1rem)); color: #000; color: var(--archivePageHeaderDescriptionColor, var(--archivePageHeaderColor, #000)); font-weight: 400; font-weight: var(--archivePageHeaderDescriptionFontWeight, var(--archivePageHeaderFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageHeaderDescriptionLineHeight, var(--archivePageHeaderLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageHeaderDescriptionLetterSpacing, var(--archivePageHeaderLetterSpacing, 0)); margin-top: 0.5em; margin-top: var(--archivePageHeaderDescriptionMarginTop, 0.5em) } .archivePage__posts { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: posts; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 1.875rem; grid-row-gap: var(--archivePagePostsRowGap, 1.875rem) } @media only screen and (min-width: 768px) { .archivePage__posts { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(var(--archivePagePostsMinWidth, 21.875rem), 1fr)); grid-column-gap: 1.875rem; grid-column-gap: var(--archivePagePostsColumnGap, 1.875rem); grid-row-gap: 1.875rem; grid-row-gap: var(--archivePagePostsRowGap, 1.875rem) } } .archivePage__sidebar { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: sidebar } .singlePage:not(.singlePage--haveLinks)>.archivePage__sidebar { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__sidebar { -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1 } .archivePage__sidebar__title { font-size: 1.125rem; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarTitleFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarTitleFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarTitleColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarTitleFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarTitleLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarTitleLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarTitleTextTransform, var(--archivePageSidebarTextTransform, none)) } .archivePage__sidebar ul { margin-top: 2.1875rem; margin-top: var(--archivePageSidebarCategoriesMarginTop, 2.1875rem) } .archivePage__sidebar ul li.isActive>a { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))); font-weight: 400; font-weight: var(--archivePageSidebarCategoryActiveFontWeight, var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400))) } .archivePage__sidebar ul li+li { margin-top: 1em; margin-top: var(--archivePageSidebarCategoryGap, 1em) } .archivePage__sidebar ul a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarCategoryFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarCategoryFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarCategoryColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarCategoryLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarCategoryLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarCategoryTextTransform, var(--archivePageSidebarTextTransform, none)); -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } @media (hover: hover) { .archivePage__sidebar ul a:hover { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))) } } @media only screen and (min-width: 1024px) { .archivePage__sidebar { margin-left: 4.375rem; margin-left: var(--archivePageSidebarMarginLeft, 4.375rem); padding-left: 2.1875rem; padding-left: var(--archivePageSidebarPaddingLeft, 2.1875rem); border-left: 3px solid #000; border-left: var(--archivePageSidebarBorderWidth, 3px) solid var(--archivePageSidebarBorderColor, #000) } } .archivePage__pagination { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; grid-area: pagination } .hero__slider__controls>.archivePage__pagination { -ms-grid-row: 1; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .header { position: -webkit-sticky; position: sticky; z-index: 100; z-index: var(--headerZindex, 100); top: 0; right: 0; left: 0; background-color: #fff; background-color: var(--headerBackgroundColor, #fff) } .admin-bar .header { top: -webkit-calc(46px + 0); top: calc(46px + 0) } @media screen and (min-width: 783px) { .admin-bar .header { top: -webkit-calc(32px + 0); top: calc(32px + 0) } } .header__bottom { position: relative; z-index: 100; z-index: var(--headerZindex, 100); padding-top: .625rem; padding-top: var(--headerBottomPaddingTop, .625rem); padding-bottom: .625rem; padding-bottom: var(--headerBottomPaddingBottom, .625rem); background-color: #fff; background-color: var(--headerBottomBackgroundColor, var(--headerBackgroundColor, #fff)); -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.07); box-shadow: 0 4px 11px rgba(0, 0, 0, 0.07); -webkit-box-shadow: var(--headerBoxShadow, 0 4px 11px rgba(0, 0, 0, 0.07)); box-shadow: var(--headerBoxShadow, 0 4px 11px rgba(0, 0, 0, 0.07)) } .header__bottom>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__bottom__logo { display: inline-block; margin-right: auto } .header__bottom__actions { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; top: 3px; margin-left: 2.1875rem; margin-left: var(--headerBottomActionsGap, 2.1875rem) } .header__bottom__menu { display: none } @media only screen and (min-width: 1026px) { .header__bottom__menu { display: block } .header__bottom__menu>nav>ul>li { display: inline-block } .header__bottom__menu>nav>ul li>a span { pointer-events: none } .header__bottom__menu>nav>ul li>a svg { display: none; stroke: #000; stroke: var(--headerMenuSvgColor, var(--headerMenuColor, #000)) } .header__bottom__menu>nav>ul>li+li { padding-left: 1.75rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } @media only screen and (max-width: 1049px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1247px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.5625rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.375rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1399px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } .header__bottom__menu>nav>ul>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 13px; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)); color: #000000; color: var(--headerMenuItemColor, var(--headerMenuColor, #000)); font-weight: 400; font-weight: var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400)); line-height: 1.6; line-height: var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1)); letter-spacing: 0.05em; letter-spacing: var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0)); text-transform: uppercase; text-transform: var(--headerMenuItemTextTransform, var(--headerMenuTextTransform, none)); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } .header__bottom__menu>nav>ul>li>a:hover { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a:focus { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a svg { display: none } .header__bottom__menu>nav>ul>li.is-active>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { max-height: -webkit-calc(100vh - 0px - (0px + 20px)); max-height: calc(100vh - 0px - (0px + 20px)); max-height: -webkit-calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); max-height: calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); border-left: 0px solid #000; border-left: var(--headerMenu__simpleMenuBorderWidth, 0px) solid var(--headerMenu__simpleMenuBorderColor, #000); overflow-x: hidden; overflow-y: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop.edge { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper li.menu-item-has-children>ul.nav-drop { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children { position: static } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { width: 14.375rem; width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; top: 0; top: var(--headerMenu__simpleMenuTop, 0); opacity: 0; background-color: #FFF; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop:not(.edge) { left: -webkit-calc(0px + .125rem); left: calc(0px + .125rem); left: -webkit-calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)); left: calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge .nav-drop { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li { display: block } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenu__simpleMenuItemFontFamily, var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 13px; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))); font-weight: 400; font-weight: var(--headerMenu__simpleMenuItemFontWeight, var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400))); color: #000000; color: var(--headerMenu__simpleMenuItemColor, var(--headerMenuItemColor, var(--headerMenuColor, #000))); line-height: 1.6; line-height: var(--headerMenu__simpleMenuItemLineHeight, var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1))); letter-spacing: 0.05em; letter-spacing: var(--headerMenu__simpleMenuItemLetterSpacing, var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0))); -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: .3125rem 0 .3125rem; padding: var(--headerMenu__simpleMenuItemPaddingTop, .3125rem) var(--headerMenu__simpleMenuItemPaddingRight, 0) var(--headerMenu__simpleMenuItemPaddingBottom, .3125rem) } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a span { padding-right: 1.25rem } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.menu-item-has-children>a svg { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin-left: auto; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } } .header__searchBar { width: 100%; position: absolute; z-index: 50; z-index: var(--searchBarZindex, 50); right: 0; bottom: 0; left: 0; color: #fff; color: var(--searchBarColor, #fff); padding-top: 1.25rem; padding-top: var(--searchBarPaddingTop, 1.25rem); padding-bottom: 1.25rem; padding-bottom: var(--searchBarPaddingBottom, 1.25rem); background-color: #000; background-color: var(--searchBarBackgroundColor, #000); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) } .header__searchBar svg path, .header__searchBar svg polygon { fill: #FFF } .searchBarOverlay { width: 100%; height: 100%; position: fixed; z-index: 50; z-index: var(--searchBarOverlayZindex, 50); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-color: rgba(255, 255, 255, 0.8); background-color: var(--searchBarOverlayBackgroundColor, rgba(255, 255, 255, 0.8)); -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); pointer-events: none } body.searchBarIsActive .header__searchBar { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } body.searchBarIsActive .searchBarOverlay { opacity: 1; pointer-events: auto } body.searchBarIsActive .header__responsiveMenu, body.searchBarIsActive .responsiveMenuOverlay { opacity: 0 !important; pointer-events: none !important } .searchForm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .searchForm>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } .searchForm__label { font-size: 1rem; font-size: var(--searchFormLabelFontSize, var(--searchBarFontSize, 1rem)); font-weight: 400; font-weight: var(--searchFormLabelFontWeight, var(--searchBarFontWeight, 400)); line-height: 1; line-height: var(--searchFormLabelLineHeight, var(--searchBarLineHeight, 1)); text-transform: none; text-transform: var(--searchFormLabelTextTransform, var(--searchBarTextTransform, none)) } .searchForm__input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 33.75rem; max-width: var(--searchFormInputMaxWidth, 33.75rem); margin-right: .625rem; margin-right: var(--searchFormInputMarginRight, .625rem); margin-bottom: -.25rem; margin-bottom: var(--searchFormInputMarginBottom, -.25rem); margin-left: .625rem; margin-left: var(--searchFormInputMarginLeft, .625rem); padding-bottom: .625rem; padding-bottom: var(--searchFormInputPaddingBottom, .625rem); border-bottom: 3px solid #fff; border-bottom: var(--searchFormInputBorderHeight, 3px) solid var(--searchFormInputBorderColor, #fff) } .searchForm__input { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__input::-webkit-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__input::-moz-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__input:-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__input::-ms-input-placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__input::placeholder { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--searchFormInputFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--searchFormInputFonSize, var(--fontSize, 1rem)); color: #181818; color: var(--searchFormInputColor, var(--searchBarColor, var(--textColor, #fff))); font-weight: 400; font-weight: var(--searchFormInputFontWeight, var(--searchBarFontWeight, var(--fontWeight, 400))); line-height: 1.2; line-height: var(--searchFormInputLineHeight, var(--searchBarLineHeight, 1.2)) } .searchForm__submit { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .searchForm__close:not(:focus) { width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; border: 0; padding: 0 } .searchForm__close:focus { width: 40px; height: 40px; position: absolute; right: 15px; right: var(--containerGutter); margin-left: 1.25rem } @media only screen and (min-width: 768px) { .searchForm__close:focus { right: 30px; right: var(--containerGutter) } } .searchForm__close:focus span { display: block; width: 25px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-border-radius: 25px; border-radius: 25px; background-color: #FFF } .searchForm__close:focus span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .searchForm__close:focus span:nth-child(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger:hover { opacity: .7 } .hamburger.is-active:hover { opacity: .7 } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff } .hamburger-box { width: 25px; height: 16px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -1px } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block } .hamburger-inner::before { top: -7px } .hamburger-inner::after { bottom: -7px } .hamburger--slider .hamburger-inner { top: 1px } .hamburger--slider .hamburger-inner::before { top: 7px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s } .hamburger--slider .hamburger-inner::after { top: 14px } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -5px, 0); transform: rotate(-45deg) translate3d(-3.57143px, -5px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg); transform: translate3d(0, -14px, 0) rotate(-90deg) } .header__bottom__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__bottom__actions>*+* { margin-left: .625rem; margin-left: var(--headerActionsItemsGap, .625rem) } .header__bottom__actions__search { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block } .header__bottom__actions__search svg { width: 1.5625rem; width: var(--headerActionsSearchWidth, 1.5625rem); height: 1.5625rem; height: var(--headerActionsSearchHeight, 1.5625rem) } .header__bottom__actions__search svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--headerActionsSearchColor, var(--headerMenuColor, #000)) } .header__bottom__actions__search:hover svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__actions__search:focus svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } @media only screen and (max-width: 1025px) { .header__bottom__actions__menu { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; background-color: #000; background-color: var(--hamburgerBackgroundColor, #000) } .header__bottom__actions__menu>* { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; width: var(--hamburgerSize, 3.125rem); height: 3.125rem; height: var(--hamburgerSize, 3.125rem) } .header__bottom__actions__menu>*>.hamburger-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>* .hamburger-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner::after, .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner { width: 15px; margin-right: auto; margin-left: auto } } @media only screen and (min-width: 1026px) { .header__bottom__actions__menu, .header__bottom__actions__menu>button { display: none !important } } @media only screen and (min-width: 1026px) { .header__responsiveMenu { display: none } } .header__responsiveMenu .dropdown-toggle { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media only screen and (max-width: 1025px) { .header__responsiveMenu .dropdown-toggle { height: 1.25rem; height: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); position: relative; opacity: 1; opacity: var(--responsiveMenuDropdownToggleOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .header__responsiveMenu .dropdown-toggle>* { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #000; background-color: var(--responsiveMenuDropdownToggleColor, var(--responsiveMenuItemColor, var(--responsiveMenuColor, #000))) } .header__responsiveMenu .dropdown-toggle>*:first-child { width: 100%; height: 2px } .header__responsiveMenu .dropdown-toggle>*:last-child { width: 2px; height: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"] { opacity: 1; opacity: var(--responsiveMenuDropdownToggleAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"]>* { background-color: #DECEB3; background-color: var(--responsiveMenuDropdownToggleActiveColor, var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red))) } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"]>*:last-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .header__responsiveMenu { max-height: -webkit-calc(100vh - 0px - 10vh); max-height: calc(100vh - 0px - 10vh); max-height: -webkit-calc(100vh - var(--headerHeight, 0px) - var(--responsiveMenuMaxHeight, 10vh)); max-height: calc(100vh - var(--headerHeight, 0px) - var(--responsiveMenuMaxHeight, 10vh)); position: fixed; z-index: 99; z-index: var(--responsiveMenuZindex, 99); top: 0px; top: var(--headerHeight, 0px); right: 0; left: 0; overflow: auto; font-size: 1rem; font-size: var(--responsiveMenuFontSize, 1rem); padding-top: -webkit-calc(1.25rem - (1.25rem / 2)); padding-top: calc(1.25rem - (1.25rem / 2)); padding-top: -webkit-calc(var(--responsiveMenuPaddingTop, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-top: calc(var(--responsiveMenuPaddingTop, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-bottom: -webkit-calc(1.25rem - (1.25rem / 2)); padding-bottom: calc(1.25rem - (1.25rem / 2)); padding-bottom: -webkit-calc(var(--responsiveMenuPaddingBottom, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-bottom: calc(var(--responsiveMenuPaddingBottom, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); background-color: #fff; background-color: var(--responsiveMenuBackgroundColor, #fff); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--responsiveMenuBoxShadow, none); box-shadow: var(--responsiveMenuBoxShadow, none); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); border-left: 0 solid #000; border-left: var(--responsiveMenuBorderLeftWidth, 0) solid var(--responsiveMenuBorderLeftColor, #000); pointer-events: none; -webkit-transform: translate3d(0, -webkit-calc(-100% - 0px), 0); transform: translate3d(0, calc(-100% - 0px), 0); -webkit-transform: translate3d(0, -webkit-calc(-100% - var(--headerHeight, 0px)), 0); transform: translate3d(0, calc(-100% - var(--headerHeight, 0px)), 0) } body.admin-bar .header__responsiveMenu { top: -webkit-calc(0px + 46px); top: calc(0px + 46px); top: -webkit-calc(var(--headerHeight, 0px) + 46px); top: calc(var(--headerHeight, 0px) + 46px) } } @media only screen and (max-width: 1025px) and (min-width: 783px) { body.admin-bar .header__responsiveMenu { top: -webkit-calc(0px + 32px); top: calc(0px + 32px); top: -webkit-calc(var(--headerHeight, 0px) + 32px); top: calc(var(--headerHeight, 0px) + 32px) } } @media only screen and (max-width: 1025px) { body.responsiveMenuIsOpen .header__responsiveMenu { pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @media only screen and (max-width: 1025px) { .header__responsiveMenu>ul>li { padding: 0 15px; padding: 0 var(--containerGutter) } @media only screen and (min-width: 768px) { .header__responsiveMenu>ul>li { padding: 0 30px; padding: 0 var(--containerGutter) } } .header__responsiveMenu>ul>li>*:first-child { display: block; font-size: 1rem; font-size: var(--responsiveMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #000; color: var(--responsiveMenuItemColor, var(--responsiveMenuColor, #000)); opacity: 1; opacity: var(--responsiveMenuItemOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s; padding-top: -webkit-calc((1.25rem / 2) + 2px); padding-top: calc((1.25rem / 2) + 2px); padding-top: -webkit-calc((var(--responsiveMenuFirstLevelGap, .625rem) / 2) + 2px); padding-top: calc((var(--responsiveMenuFirstLevelGap, .625rem) / 2) + 2px); padding-bottom: -webkit-calc(1.25rem / 2); padding-bottom: calc(1.25rem / 2); padding-bottom: -webkit-calc(var(--responsiveMenuFirstLevelGap, .625rem) / 2); padding-bottom: calc(var(--responsiveMenuFirstLevelGap, .625rem) / 2) } .header__responsiveMenu>ul>li.current-menu-item>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-menu-ancestor>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-category-ancestor>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-post-ancestor>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-page-ancestor>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.isActive>*:first-child { color: #DECEB3; color: var(--responsiveMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li+li { border-top: 0 solid #000; border-top: var(--responsiveMenuBorderWidth, 0) solid var(--responsiveMenuBorderColor, #000) } } @media only screen and (max-width: 1025px) { .header__responsiveMenu li.menu-item-has-children { display: -ms-grid; display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-template-areas: "menu-item dropdown-toggle" "dropdown dropdown"; -ms-grid-columns: auto var(--responsiveMenuItemsInnerGap, 3.75rem) 1fr; grid-template-columns: auto 1fr; grid-column-gap: 3.75rem; grid-column-gap: var(--responsiveMenuItemsInnerGap, 3.75rem); cursor: pointer } .header__responsiveMenu li.menu-item-has-children>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: menu-item } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: dropdown-toggle; min-width: 1.25rem; min-width: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); justify-self: flex-end } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle>svg { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle>svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--responsiveMenuColor, #000) } .header__responsiveMenu li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: dropdown } .header__responsiveMenu li.menu-item-has-children.isActive>.dropdown-toggle>svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .header__responsiveMenu li.menu-item-has-children.isActive>.dropdown-toggle path { fill: red; fill: var(--responsiveMenuAccentColor, red) } } @media only screen and (max-width: 1025px) { .header__responsiveMenu .nav-drop { display: none; padding-left: .625rem; padding-left: var(--responsiveMenuSubMenuPaddingLeft, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuMarginTop, .625rem); margin-bottom: .625rem; margin-bottom: var(--responsiveMenuSubMenuMarginBottom, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper>li+li { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuGapBetweenItems, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>.nav-drop>.nav-drop__wrapper { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuTitleDropdownMenuMarginTop, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li+li { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuGapBetweenItemsInner, .625rem) } } @media only screen and (max-width: 1025px) { .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper { font-size: 0.91304em; font-size: var(--responsiveMenuFontSizeFactor, 0.91304em) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper .nav-drop__wrapper { font-size: 0.91304em; font-size: var(--responsiveMenuFontSizeFactor, 0.91304em) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li:not(.menu-item-has-children)>a { font-size: 1rem; font-size: var(--responsiveSubMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveSubMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveSubMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveSubMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveSubMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #000; color: var(--responsiveSubMenuItemColor, var(--responsiveMenuColor, #000)); opacity: 1; opacity: var(--responsiveSubMenuItemOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-menu-item:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-menu-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-category-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-post-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-page-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li:not(.menu-item-has-children).isActive>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>a { font-size: 1rem; font-size: var(--responsiveSubMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveSubMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveSubMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveSubMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveSubMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #000; color: var(--responsiveSubMenuItemColor, var(--responsiveMenuColor, #000)); opacity: 1; opacity: var(--responsiveSubMenuItemOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>a:not([href]) { font-size: 1rem; font-size: var(--responsiveMenuSubMenuTitleWithoutLinkFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveMenuSubMenuTitleWithoutLinkLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveMenuSubMenuTitleWithoutLinkFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveMenuSubMenuTitleWithoutLinkLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveMenuSubMenuTitleWithoutLinkTextTransform, var(--responsiveMenuTextTransform, none)); color: #000; color: var(--responsiveMenuSubMenuTitleWithoutLinkColor, var(--responsiveMenuColor, #000)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-menu-item>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-menu-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-category-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-post-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-page-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.isActive>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } } .responsiveMenuOverlay { display: none } @media only screen and (max-width: 1025px) { .responsiveMenuOverlay { display: block; width: 100%; height: 100%; position: fixed; z-index: 50; z-index: var(--responsiveMenuOverlayZindex, 50); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-color: rgba(255, 255, 255, 0.8); background-color: var(--responsiveMenuOverlayBackgroundColor, rgba(255, 255, 255, 0.8)); -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); pointer-events: none } body.responsiveMenuIsOpen .responsiveMenuOverlay { opacity: 1; pointer-events: auto } } .header__bottom__menu { display: none } @media only screen and (min-width: 1026px) { .header__bottom__menu { display: block } .header__bottom__menu>nav>ul>li { display: inline-block } .header__bottom__menu>nav>ul li>a span { pointer-events: none } .header__bottom__menu>nav>ul li>a svg { display: none; stroke: #000; stroke: var(--headerMenuSvgColor, var(--headerMenuColor, #000)) } .header__bottom__menu>nav>ul>li+li { padding-left: 1.75rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } @media only screen and (max-width: 1049px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1247px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.5625rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.375rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1399px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } .header__bottom__menu>nav>ul>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 13px; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)); color: #000000; color: var(--headerMenuItemColor, var(--headerMenuColor, #000)); font-weight: 400; font-weight: var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400)); line-height: 1.6; line-height: var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1)); letter-spacing: 0.05em; letter-spacing: var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0)); text-transform: uppercase; text-transform: var(--headerMenuItemTextTransform, var(--headerMenuTextTransform, none)); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } .header__bottom__menu>nav>ul>li>a:hover { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a:focus { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a svg { display: none } .header__bottom__menu>nav>ul>li.is-active>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { max-height: -webkit-calc(100vh - 0px - (0px + 20px)); max-height: calc(100vh - 0px - (0px + 20px)); max-height: -webkit-calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); max-height: calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); border-left: 0px solid #000; border-left: var(--headerMenu__simpleMenuBorderWidth, 0px) solid var(--headerMenu__simpleMenuBorderColor, #000); overflow-x: hidden; overflow-y: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop.edge { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper li.menu-item-has-children>ul.nav-drop { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children { position: static } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { width: 14.375rem; width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; top: 0; top: var(--headerMenu__simpleMenuTop, 0); opacity: 0; background-color: #FFF; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop:not(.edge) { left: -webkit-calc(0px + .125rem); left: calc(0px + .125rem); left: -webkit-calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)); left: calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge .nav-drop { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li { display: block } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenu__simpleMenuItemFontFamily, var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 13px; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))); font-weight: 400; font-weight: var(--headerMenu__simpleMenuItemFontWeight, var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400))); color: #000000; color: var(--headerMenu__simpleMenuItemColor, var(--headerMenuItemColor, var(--headerMenuColor, #000))); line-height: 1.6; line-height: var(--headerMenu__simpleMenuItemLineHeight, var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1))); letter-spacing: 0.05em; letter-spacing: var(--headerMenu__simpleMenuItemLetterSpacing, var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0))); -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: .3125rem 0 .3125rem; padding: var(--headerMenu__simpleMenuItemPaddingTop, .3125rem) var(--headerMenu__simpleMenuItemPaddingRight, 0) var(--headerMenu__simpleMenuItemPaddingBottom, .3125rem) } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a span { padding-right: 1.25rem } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.menu-item-has-children>a svg { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin-left: auto; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } } .anchorBlock { display: -ms-grid; display: grid; grid-template-areas: "content"; grid-template-areas: var(--anchorBlockAreas, "content"); -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr); grid-template-columns: var(--anchorBlockColumns, 1fr) } @media only screen and (min-width: 1024px) { .anchorBlock { -ms-grid-columns: 0.8fr auto 2.5fr; grid-template-columns: 0.8fr auto 2.5fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr); grid-template-columns: var(--anchorBlockColumns, 1fr) } } @media only screen and (min-width: 768px) { .anchorBlock { -ms-grid-columns: minmax(9.375rem, 12.5rem) auto 1fr; grid-template-columns: minmax(9.375rem, 12.5rem) auto 1fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr); grid-template-columns: var(--anchorBlockColumns, 1fr) } } @media only screen and (min-width: 768px) { .anchorBlock { grid-template-areas: "links border content"; grid-template-areas: var(--anchorBlockAreas, "links border content"); -ms-grid-columns: minmax(9.375rem, 12.5rem) auto 1fr; grid-template-columns: minmax(9.375rem, 12.5rem) auto 1fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr auto 2fr); grid-template-columns: var(--anchorBlockColumns, 1fr auto 2fr) } @media only screen and (min-width: 1024px) { .anchorBlock { -ms-grid-columns: 0.8fr auto 2.5fr; grid-template-columns: 0.8fr auto 2.5fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr auto 2fr); grid-template-columns: var(--anchorBlockColumns, 1fr auto 2fr) } } @media only screen and (min-width: 768px) { .anchorBlock { -ms-grid-columns: minmax(9.375rem, 12.5rem) auto 1fr; grid-template-columns: minmax(9.375rem, 12.5rem) auto 1fr; -ms-grid-columns: var(--anchorBlockColumns, 1fr auto 2fr); grid-template-columns: var(--anchorBlockColumns, 1fr auto 2fr) } } .anchorBlock>.commentsBlocks__comment__inner { -ms-grid-row: 1; -ms-grid-column: 3 } } .anchorBlock__links { grid-area: links; display: none } .anchorBlock__links li, .anchorBlock__links a { display: block } .anchorBlock__links>ul>li a { opacity: 0.5; opacity: var(--anchorBlockLinkOpacity, 0.5); font-family: inherit; font-family: var(--anchorBlockLinkFontFamily, var(--textFontFamily, inherit)); font-size: 1rem; font-size: var(--anchorBlockLinkFontSize, 1rem); color: undefined; color: var(--anchorBlockLinkColor, #000); font-weight: 400; font-weight: var(--anchorBlockLinkFontWeight, 400); line-height: 1.2; line-height: var(--anchorBlockLinkLineHeight, 1.2); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .anchorBlock__links>ul>li>a { opacity: 1; opacity: var(--anchorBlockFirstLevelLinkOpacity, var(--anchorBlockLinkOpacity, 0.5)); font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--anchorBlockFirstLevelLinkFontFamily, var(--anchorBlockLinkFontFamily, var(--textFontFamily, inherit))); font-size: .9375rem; font-size: var(--anchorBlockFirstLevelLinkFontSize, var(--anchorBlockLinkFontSize, 1rem)); color: #000000; color: var(--anchorBlockFirstLevelLinkColor, var(--anchorBlockLinkColor, #000)); font-weight: 500; font-weight: var(--anchorBlockFirstLevelLinkFontWeight, var(--anchorBlockLinkFontWeight, 400)); line-height: 1.25rem; line-height: var(--anchorBlockFirstLevelLinkLineHeight, var(--anchorBlockLinkLineHeight, 1.2)) } .anchorBlock__links>ul>li>ul { margin-top: .625em; margin-top: var(--anchorBlockLinksSubLevelMargin, .625em) } .anchorBlock__links>ul>li>ul>li { padding-left: .625rem; padding-left: var(--anchorBlockSecondLevelPaddingLeft, .625rem) } .anchorBlock__links>ul>li>ul>li>a { opacity: 0.5; opacity: var(--anchorBlockSecondLevelLinkOpacity, var(--anchorBlockLinkOpacity, 0.5)); font-family: inherit; font-family: var(--anchorBlockSecondLevelLinkFontFamily, var(--anchorBlockLinkFontFamily, var(--textFontFamily, inherit))); font-size: 1.125rem; font-size: var(--anchorBlockSecondLevelLinkFontSize, var(--anchorBlockLinkFontSize, 1rem)); color: undefined; color: var(--anchorBlockSecondLevelLinkColor, var(--anchorBlockLinkColor, #000)); font-weight: 500; font-weight: var(--anchorBlockSecondLevelLinkFontWeight, var(--anchorBlockLinkFontWeight, 400)); line-height: 1.3; line-height: var(--anchorBlockSecondLevelLinkLineHeight, var(--anchorBlockLinkLineHeight, 1.2)) } .anchorBlock__links>ul>li>ul>li+li { margin-top: .625em; margin-top: var(--anchorBlockLinksSubLevelItemMargin, .625em) } .anchorBlock__links>ul>li+li { margin-top: 1.25rem; margin-top: var(--anchorBlockLinksMargin, 1.25rem) } .anchorBlock__links li.active-parent>a { opacity: 1; opacity: var(--anchorBlockLinkActiveOpacity, 1) } .anchorBlock__links li.active>a { opacity: 1; opacity: var(--anchorBlockLinkActiveOpacity, 1) } .anchorBlock__links a:hover { opacity: 1; opacity: var(--anchorBlockLinkActiveOpacity, 1) } @media only screen and (min-width: 768px) { .anchorBlock__links { display: block } .anchorBlock__links ul { position: -webkit-sticky; position: sticky; top: -webkit-calc(0px + 1.875rem); top: calc(0px + 1.875rem); top: -webkit-calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px)); top: calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px)) } .admin-bar .anchorBlock__links ul { top: -webkit-calc(0px + 1.875rem + 46px); top: calc(0px + 1.875rem + 46px); top: -webkit-calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px) + 46px); top: calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px) + 46px) } } @media only screen and (min-width: 768px) and (min-width: 783px) { .admin-bar .anchorBlock__links ul { top: -webkit-calc(0px + 1.875rem + 32px); top: calc(0px + 1.875rem + 32px); top: -webkit-calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px) + 32px); top: calc(var(--headerHeight, 0px) + var(--anchorBlockLinksOffset, 20px) + 32px) } } .anchorBlock__border { grid-area: border; display: none } @media only screen and (min-width: 768px) { .anchorBlock__border { display: block; width: 3px; width: var(--anchorBlockBorderWidth, 3px); height: 100%; margin: 0 1.25rem; margin: 0 var(--anchorBlockBorderMargin, 2.5rem); background: #F8F8F8; background: var(--anchorBlockBorderBackground, #000) } } .anchorBlock__content { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: content } .anchorBlock>.anchorBlock__content { -ms-grid-row: 1; -ms-grid-column: 1 } .anchorBlock__content__block+.anchorBlock__content__block { position: relative; margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw); padding-top: -webkit-calc(1.34375rem + 1.125vw); padding-top: calc(1.34375rem + 1.125vw); border-top: 5px solid rgba(222, 206, 179, 0.3); border-top: var(--anchorBlockContentDividerWidth, 5px) solid var(--anchorBlockContentDividerColor, rgba(0, 0, 0, 0.05)) } @media (min-width: 1200px) { .anchorBlock__content__block+.anchorBlock__content__block { margin-top: 2.1875rem } } @media (min-width: 1200px) { .anchorBlock__content__block+.anchorBlock__content__block { padding-top: 2.1875rem } } .anchorBlock__content__block__inner+.anchorBlock__content__block__inner { margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw) } @media (min-width: 1200px) { .anchorBlock__content__block__inner+.anchorBlock__content__block__inner { margin-top: 1.875rem } } .anchorBlock__content__block__inner__title { margin-bottom: 1.25rem } .redirectLinksBlock { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--redirectLinksBlockRowGap, 2.1875rem) auto; grid-template-areas: "header" "content"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 2.1875rem; grid-row-gap: var(--redirectLinksBlockRowGap, 2.1875rem) } .redirectLinksBlock>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: header } .redirectLinksBlock>.redirectLinksBlock>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .redirectLinksBlock>*:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: content } .anchorBlock>.redirectLinksBlock>*:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 1 } @media only screen and (min-width: 768px) { .redirectLinksBlock { grid-template-areas: "header content"; -ms-grid-columns: 1fr var(--redirectLinksBlockColumnGap, 2.8125rem) 1.5fr; grid-template-columns: 1fr 1.5fr; grid-column-gap: 0rem; grid-column-gap: var(--redirectLinksBlockColumnGap, 2.8125rem) } .redirectLinksBlock>.archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .redirectLinksBlock>.redirectLinksBlock>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (min-width: 1024px) { .redirectLinksBlock { grid-column-gap: 0rem; grid-column-gap: var(--redirectLinksBlockColumnGap, 6.25rem) } } .redirectLinksBlock__header>*:first-child { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--redirectLinksBlockHeaderTextFontFamily, var(--textFontFamily, inherit)); color: #000; color: var(--redirectLinksBlockHeaderTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--redirectLinksBlockHeaderTextFontWeight, 400); line-height: 1.2; line-height: var(--redirectLinksBlockHeaderTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--redirectLinksBlockHeaderTextLetterSpacing, 0px); text-align: inherit; text-align: var(--redirectLinksBlockHeaderTextAlign, inherit); text-transform: initial; text-transform: var(--redirectLinksBlockHeaderTextTransform, initial); font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .redirectLinksBlock__header>*:first-child { font-size: 2.8125rem } } .redirectLinksBlock__header>*:first-child::after { content: ""; display: block; width: 1em; height: 2px; height: var(--redirectLinksBlockHeaderAfterHeight, 2px); margin-top: .5rem; margin-top: var(--redirectLinksBlockHeaderAfterMarginTop, .5rem); margin-bottom: .75rem; margin-bottom: var(--redirectLinksBlockHeaderAfterMarginBottom, .75rem); margin-left: -.625rem; margin-left: var(--redirectLinksBlockHeaderAfterMarginLeft, -.625rem); background-color: #ffffff; background-color: var(--redirectLinksBlockHeaderAfterBackgroundColor, #000) } .redirectLinksBlock__header>*:not(:first-child) { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--redirectLinksBlockDescriptionTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--redirectLinksBlockDescriptionTextFontSize, var(--textFontSize, 1rem)); color: #000; color: var(--redirectLinksBlockDescriptionTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--redirectLinksBlockDescriptionTextFontWeight, 400); line-height: 1.2; line-height: var(--redirectLinksBlockDescriptionTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--redirectLinksBlockDescriptionTextLetterSpacing, 0px); text-align: inherit; text-align: var(--redirectLinksBlockDescriptionTextAlign, inherit); text-transform: initial; text-transform: var(--redirectLinksBlockDescriptionTextTransform, initial) } @media only screen and (min-width: 1280px) { .redirectLinksBlock__header>*:not(:first-child) { font-size: .875rem; font-size: var(--redirectLinksBlockDescriptionTextFontSize, var(--textFontSize, 1rem)) } } @media only screen and (min-width: 1280px) { .redirectLinksBlock__header>*:not(:first-child) { font-size: .875rem; font-size: var(--redirectLinksBlockDescriptionTextFontSize, var(--textFontSize, 1rem)) } } .redirectLinksBlock__header__button { margin-top: .9375rem; margin-top: var(--redirectLinksBlockHeaderButtonMarginTop, .9375rem) } .redirectLinksBlock__block { display: block; position: relative; cursor: pointer; cursor: url("data:image/svg+xml;charset=utf8,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='21.5' cy='21.5' r='21.5' fill='%23000'/%3E %3Cline x1='22.25' y1='14.25' x2='22.25' y2='29.75' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E %3Cline x1='29.75' y1='22.25' x2='14.25' y2='22.25' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E %3C/svg%3E") 21.5 21.5, auto; padding-top: .9375rem; padding-top: var(--redirectLinksBlockInnerPaddingTop, .9375rem); padding-right: .9375rem; padding-right: var(--redirectLinksBlockInnerPaddingRight, .9375rem); padding-bottom: .9375rem; padding-bottom: var(--redirectLinksBlockInnerPaddingBottom, .9375rem); padding-left: -webkit-calc(1.25rem + .3125rem); padding-left: calc(1.25rem + .3125rem); padding-left: -webkit-calc(var(--redirectLinksBlockInnerPaddingLeft, .9375rem) + var(--redirectLinksBlockInnerPinWidth, 20px)); padding-left: calc(var(--redirectLinksBlockInnerPaddingLeft, .9375rem) + var(--redirectLinksBlockInnerPinWidth, 20px)); background-color: transparent; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s } .redirectLinksBlock__block__pin { display: block; width: .3125rem; width: var(--redirectLinksBlockInnerPinWidth, 20px); height: .3125rem; height: var(--redirectLinksBlockInnerPinHeight, 20px); position: absolute; top: 14px; top: var(--redirectLinksBlockInnerPinTop, 14px); left: 1.25rem; left: var(--redirectLinksBlockInnerPinLeft, 10px); -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(222, 206, 179, 0.35); background-color: var(--redirectLinksBlockInnerPinBackgroundColor, #000) } .redirectLinksBlock__block__header { font-family: Optima, arial, helvetica, sans-serif; font-family: var(--redirectLinksBlockInnerHeaderTextFontFamily, var(--textFontFamily, inherit)); font-size: .9375rem; font-size: var(--redirectLinksBlockInnerHeaderTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--redirectLinksBlockInnerHeaderTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 700; font-weight: var(--redirectLinksBlockInnerHeaderTextFontWeight, 400); line-height: 18px; line-height: var(--redirectLinksBlockInnerHeaderTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--redirectLinksBlockInnerHeaderTextLetterSpacing, 0px); text-align: inherit; text-align: var(--redirectLinksBlockInnerHeaderTextAlign, inherit); text-transform: initial; text-transform: var(--redirectLinksBlockInnerHeaderTextTransform, initial); padding-left: .625rem; padding-left: var(--redirectLinksBlockInnerHeaderPaddingLeft, .625rem) } .redirectLinksBlock__block__content { display: none; margin-top: .3125rem; margin-top: var(--redirectLinksBlockInnerContentMarginTop, .9375rem); padding-left: .625rem; padding-left: var(--redirectLinksBlockInnerContentPaddingLeft, 1.125rem); border-left: 0rem solid #000; border-left: var(--redirectLinksBlockInnerContentBorderWidth, 2px) solid var(--redirectLinksBlockInnerContentBorderColor, #000); font-family: Optima, arial, helvetica, sans-serif; font-family: var(--redirectLinksBlockInnerContentTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--redirectLinksBlockInnerContentTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--redirectLinksBlockInnerContentTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--redirectLinksBlockInnerContentTextFontWeight, 400); line-height: 1.375rem; line-height: var(--redirectLinksBlockInnerContentTextLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--redirectLinksBlockInnerContentTextLetterSpacing, 0px); text-align: justify; text-align: var(--redirectLinksBlockInnerContentTextAlign, inherit); text-transform: initial; text-transform: var(--redirectLinksBlockInnerContentTextTransform, initial) } .redirectLinksBlock__block__content>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .redirectLinksBlock__block.onOver { background-color: rgba(255, 255, 255, 0.5); background-color: var(--redirectLinksBlockInnerActiveBackgroundColor, rgba(255, 255, 255, 0.5)) } .redirectLinksBlock__block.onOver .redirectLinksBlock__block__pin { -webkit-box-shadow: 0 0 0 0 rgba(222, 206, 179, 0.35); box-shadow: 0 0 0 0 rgba(222, 206, 179, 0.35); -webkit-box-shadow: 0 0 0 0 var(--redirectLinksBlockInnerPinBackgroundColor, #000); box-shadow: 0 0 0 0 var(--redirectLinksBlockInnerPinBackgroundColor, #000); -webkit-animation: pulse-redirect-links-block-pin 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse-redirect-links-block-pin 1.25s infinite cubic-bezier(0.66, 0, 0, 1) } @-webkit-keyframes pulse-redirect-links-block-pin { to { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 10px var(--redirectLinksBlockInnerPinActiveBackgroundColor, rgba(0, 0, 0, 0)); box-shadow: 0 0 0 10px var(--redirectLinksBlockInnerPinActiveBackgroundColor, rgba(0, 0, 0, 0)) } } @keyframes pulse-redirect-links-block-pin { to { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 10px var(--redirectLinksBlockInnerPinActiveBackgroundColor, rgba(0, 0, 0, 0)); box-shadow: 0 0 0 10px var(--redirectLinksBlockInnerPinActiveBackgroundColor, rgba(0, 0, 0, 0)) } } .lastPosts__posts { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1.5625rem; grid-gap: var(--lastPostsGap, 1.5625rem) } @media only screen and (min-width: 768px) { .lastPosts__posts { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(var(--lastPostsMinWidth, 21.875rem), 1fr)) } } .lastPosts__link { text-align: center; margin-top: -webkit-calc(1.40625rem + 1.875vw); margin-top: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .lastPosts__link { margin-top: 2.8125rem } } .searchPage__title { font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); font-family: inherit; font-family: var(--searchPageTitleTextFontFamily, var(--textFontFamily, inherit)); color: #DECEB3; color: var(--searchPageTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--searchPageTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--searchPageTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--searchPageTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--searchPageTitleTextAlign, inherit); text-transform: initial; text-transform: var(--searchPageTitleTextTransform, initial) } @media (min-width: 1200px) { .searchPage__title { font-size: 2.8125rem } } .searchPage__description { font-family: inherit; font-family: var(--searchPageDescriptionTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--searchPageDescriptionTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--searchPageDescriptionTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--searchPageDescriptionTextFontWeight, 400); line-height: 1.2; line-height: var(--searchPageDescriptionTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--searchPageDescriptionTextLetterSpacing, 0px); text-align: inherit; text-align: var(--searchPageDescriptionTextAlign, inherit); text-transform: initial; text-transform: var(--searchPageDescriptionTextTransform, initial); margin-top: 0.4em; margin-top: var(--searchPageDescriptionMarginTop, 0.4em) } .searchPage__description strong { color: #181818; color: var(--searchPageDescriptionStrongColor, var(--textColor, #000)); font-weight: 700; font-weight: var(--searchPageDescriptionStrongFontWeight, var(--baseFontWeightBold, var(--fontWeightBold, 700))) } .searchPage__posts { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .searchPage__posts { margin-top: 2.1875rem } } .searchPage__post { position: relative; background-color: #fff; background-color: var(--searchPagePostBackgroundColor, #fff); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: var(--searchPagePostBoxShadow, 0 4px 20px rgba(0, 0, 0, 0.1)); box-shadow: var(--searchPagePostBoxShadow, 0 4px 20px rgba(0, 0, 0, 0.1)) } .searchPage__post>a { display: block; padding: 1em 1em 1em -webkit-calc(4px + 1em); padding: 1em 1em 1em calc(4px + 1em); padding: var(--searchPagePaddingTop, 1em) var(--searchPagePaddingRight, 1em) var(--searchPagePaddingBottom, 1em) -webkit-calc(var(--searchPageBorderWidth, 4px) + var(--searchPagePaddingLeft, 1em)); padding: var(--searchPagePaddingTop, 1em) var(--searchPagePaddingRight, 1em) var(--searchPagePaddingBottom, 1em) calc(var(--searchPageBorderWidth, 4px) + var(--searchPagePaddingLeft, 1em)) } .searchPage__post::before { content: ''; display: block; width: 4px; width: var(--searchPageBorderWidth, 4px); height: 100%; position: absolute; top: 0; bottom: 0; left: 0; background: #000; background: var(--searchPageBorderColor, #000) } .searchPage__post+.searchPage__post { margin-top: 1.5625rem; margin-top: var(--searchPagePostGap, 1.5625rem) } .searchPage__post__title { font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); font-family: inherit; font-family: var(--searchPagePostTitleTextFontFamily, var(--textFontFamily, inherit)); color: #DECEB3; color: var(--searchPagePostTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--searchPagePostTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--searchPagePostTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--searchPagePostTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--searchPagePostTitleTextAlign, inherit); text-transform: initial; text-transform: var(--searchPagePostTitleTextTransform, initial) } @media (min-width: 1200px) { .searchPage__post__title { font-size: 1.375rem } } .searchPage__post__link { display: block; cursor: pointer; margin-top: .9375rem; margin-top: var(--searchPagePostLinkMarginTop, .9375rem) } .searchPage__post__link>span { font-family: inherit; font-family: var(--searchPagePostLinkTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--searchPagePostLinkTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--searchPagePostLinkTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--searchPagePostLinkTextFontWeight, 400); line-height: 1.2; line-height: var(--searchPagePostLinkTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--searchPagePostLinkTextLetterSpacing, 0px); text-align: inherit; text-align: var(--searchPagePostLinkTextAlign, inherit); text-transform: initial; text-transform: var(--searchPagePostLinkTextTransform, initial) } .searchPage__pagination { margin-top: -webkit-calc(1.40625rem + 1.875vw); margin-top: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .searchPage__pagination { margin-top: 2.8125rem } } .titleCenterImageBlocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } @media only screen and (min-width: 768px) { .titleCenterImageBlocks { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .titleCenterImageBlocks>* { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } } .titleCenterImageBlocks__block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .titleCenterImageBlocks__block>* { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 } .titleCenterImageBlocks__block__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: -webkit-calc(1.4375rem + 2.25vw); padding-top: calc(1.4375rem + 2.25vw); padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem } @media (min-width: 1200px) { .titleCenterImageBlocks__block__content { padding-top: 3.125rem } } .titleCenterImageBlocks__block__content>* { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; -ms-grid-row-align: center; align-self: center; position: relative; z-index: 1; text-align: center; -ms-grid-column-align: center; justify-self: center } .titleCenterImageBlocks__block__content__notHover { opacity: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .titleCenterImageBlocks__block__content__hover { opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .titleCenterImageBlocks__block__image { position: relative } .titleCenterImageBlocks__block__image::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; background-color: var(--titleCenterImageBlocksImageBackgroundColor, rgba(255, 255, 255, 0.4)); -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .titleCenterImageBlocks__block__image>img { width: 100%; height: 100% } .titleCenterImageBlocks__block__content__title { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--titleCenterImageBlocksTitleTextFontFamily, var(--textFontFamily, inherit)); font-size: 1rem; font-size: var(--titleCenterImageBlocksTitleTextFontSize, var(--textFontSize, 1rem)); color: #fff; color: var(--titleCenterImageBlocksTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 600; font-weight: var(--titleCenterImageBlocksTitleTextFontWeight, 400); line-height: 1.75rem; line-height: var(--titleCenterImageBlocksTitleTextLineHeight, 1.2); letter-spacing: 0.02em; letter-spacing: var(--titleCenterImageBlocksTitleTextLetterSpacing, 0px); text-align: center; text-align: var(--titleCenterImageBlocksTitleTextAlign, inherit); text-transform: initial; text-transform: var(--titleCenterImageBlocksTitleTextTransform, initial) } @media only screen and (max-width: 1023px) { .titleCenterImageBlocks__block__content__title { font-size: 1.375rem; font-size: var(--titleCenterImageBlocksTitleTextFontSize, var(--textFontSize, 1rem)) } } @media only screen and (max-width: 1023px) { .titleCenterImageBlocks__block__content__title { font-size: 1.375rem; font-size: var(--titleCenterImageBlocksTitleTextFontSize, var(--textFontSize, 1rem)) } } .titleCenterImageBlocks__block__content__description { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--titleCenterImageBlocksDescriptionTextFontFamily, var(--textFontFamily, inherit)); font-size: .75rem; font-size: var(--titleCenterImageBlocksDescriptionTextFontSize, var(--textFontSize, 1rem)); color: #fff; color: var(--titleCenterImageBlocksDescriptionTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--titleCenterImageBlocksDescriptionTextFontWeight, 400); line-height: 1.375rem; line-height: var(--titleCenterImageBlocksDescriptionTextLineHeight, 1.2); letter-spacing: 0.48px; letter-spacing: var(--titleCenterImageBlocksDescriptionTextLetterSpacing, 0px); text-align: inherit; text-align: var(--titleCenterImageBlocksDescriptionTextAlign, inherit); text-transform: initial; text-transform: var(--titleCenterImageBlocksDescriptionTextTransform, initial); margin-top: 1.25rem } @media only screen and (max-width: 1023px) { .titleCenterImageBlocks__block__content__description { font-size: 1rem; font-size: var(--titleCenterImageBlocksDescriptionTextFontSize, var(--textFontSize, 1rem)) } } @media only screen and (max-width: 1023px) { .titleCenterImageBlocks__block__content__description { font-size: 1rem; font-size: var(--titleCenterImageBlocksDescriptionTextFontSize, var(--textFontSize, 1rem)) } } .titleCenterImageBlocks__block__content__description>p+p { margin-top: .625rem; margin-top: var(--titleCenterImageBlocksDescriptionParagraphGap, var(--paragraphGap, .9375rem)) } .titleCenterImageBlocks__block__content__link { margin-top: .9375rem } .titleCenterImageBlocks__block__content__link>* { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--titleCenterImageBlocksLinkTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--titleCenterImageBlocksLinkTextFontSize, var(--textFontSize, 1rem)); color: #000; color: var(--titleCenterImageBlocksLinkTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--titleCenterImageBlocksLinkTextFontWeight, 400); line-height: 1.2; line-height: var(--titleCenterImageBlocksLinkTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--titleCenterImageBlocksLinkTextLetterSpacing, 0px); text-align: inherit; text-align: var(--titleCenterImageBlocksLinkTextAlign, inherit); text-transform: initial; text-transform: var(--titleCenterImageBlocksLinkTextTransform, initial) } @media only screen and (min-width: 1280px) { .titleCenterImageBlocks__block__content__link>* { font-size: .875rem; font-size: var(--titleCenterImageBlocksLinkTextFontSize, var(--textFontSize, 1rem)) } } @media only screen and (min-width: 1280px) { .titleCenterImageBlocks__block__content__link>* { font-size: .875rem; font-size: var(--titleCenterImageBlocksLinkTextFontSize, var(--textFontSize, 1rem)) } } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__image::before { background-color: rgba(0, 0, 0, 0.5); background-color: var(--titleCenterImageBlocksImageActiveBackgroundColor, rgba(255, 255, 255, 0.9)) } .titleCenterImageBlocks__block.hover .titleCenterImageBlocks__block__image::before { background-color: rgba(0, 0, 0, 0.5); background-color: var(--titleCenterImageBlocksImageActiveBackgroundColor, rgba(255, 255, 255, 0.9)) } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__notHover, .titleCenterImageBlocks__block.hover .titleCenterImageBlocks__block__content__notHover { opacity: 0 } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__hover, .titleCenterImageBlocks__block.hover .titleCenterImageBlocks__block__content__hover { opacity: 1 } .textImage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media only screen and (min-width: 1024px) { .textImage--left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .textImage--left .textImage__text { margin-left: -webkit-calc(1.4375rem + 2.25vw); margin-left: calc(1.4375rem + 2.25vw) } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--left .textImage__text { margin-left: 3.125rem } } @media only screen and (min-width: 1024px) { .textImage--right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .textImage--right .textImage__text { margin-right: -webkit-calc(1.4375rem + 2.25vw); margin-right: calc(1.4375rem + 2.25vw) } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--right .textImage__text { margin-right: 3.125rem } } .textImage__image>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100% } @media only screen and (max-width: 1023px) { .textImage__image { width: 100%; margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .textImage__image { margin-top: 2.1875rem } } @media only screen and (min-width: 1024px) { .textImage:not(.textImage--notFullHeight) .textImage__image>* { height: 100% } } .textImage__text { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .textImage__text__title { font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); font-family: Optima, arial, helvetica, sans-serif; font-family: var(--textImageTitleTextFontFamily, var(--textFontFamily, inherit)); color: #181818; color: var(--textImageTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 700; font-weight: var(--textImageTitleTextFontWeight, 400); line-height: 36px; line-height: var(--textImageTitleTextLineHeight, 1.2); letter-spacing: 0.02; letter-spacing: var(--textImageTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--textImageTitleTextAlign, inherit); text-transform: uppercase; text-transform: var(--textImageTitleTextTransform, initial); margin-bottom: .9375rem; margin-bottom: var(--textImageTitleMarginBottom, .44444em) } @media (min-width: 1200px) { .textImage__text__title { font-size: 2.8125rem } } .textImage__text__content>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .textImage__text__content>p:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .textImage__text__content>p+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>p a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .textImage__text__content>p img { margin-top: 0 !important } .textImage__text__content>ul:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .textImage__text__content>ul:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .textImage__text__content>ol:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left); list-style-type: decimal; list-style-position: inside } .textImage__text__content>ol:not(.dontApplyStyle) ol { list-style-type: lower-latin; list-style-position: inside; margin-left: .9375rem } .textImage__text__content>ol:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .textImage__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .textImage__text__content h1, .textImage__text__content h2, .textImage__text__content h3, .textImage__text__content h4, .textImage__text__content h5, .textImage__text__content h6 { display: block } .textImage__text__content h1+h1, .textImage__text__content h2+h1, .textImage__text__content h3+h1, .textImage__text__content h4+h1, .textImage__text__content h5+h1, .textImage__text__content h6+h1, .textImage__text__content h1+h2, .textImage__text__content h2+h2, .textImage__text__content h3+h2, .textImage__text__content h4+h2, .textImage__text__content h5+h2, .textImage__text__content h6+h2, .textImage__text__content h1+h3, .textImage__text__content h2+h3, .textImage__text__content h3+h3, .textImage__text__content h4+h3, .textImage__text__content h5+h3, .textImage__text__content h6+h3, .textImage__text__content h1+h4, .textImage__text__content h2+h4, .textImage__text__content h3+h4, .textImage__text__content h4+h4, .textImage__text__content h5+h4, .textImage__text__content h6+h4, .textImage__text__content h1+h5, .textImage__text__content h2+h5, .textImage__text__content h3+h5, .textImage__text__content h4+h5, .textImage__text__content h5+h5, .textImage__text__content h6+h5, .textImage__text__content h1+h6, .textImage__text__content h2+h6, .textImage__text__content h3+h6, .textImage__text__content h4+h6, .textImage__text__content h5+h6, .textImage__text__content h6+h6 { display: block; margin-top: 0 } .textImage__text__content>ul.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .textImage__text__content>ol.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .textImage__text__links { margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw); display: -ms-inline-grid; display: inline-grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: .9375rem; grid-gap: var(--textImageLinksGap, .9375rem) } .sliderImages__text__link { margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw); display: -ms-inline-grid; display: inline-grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: .9375rem; grid-gap: var(--textImageLinksGap, .9375rem) } @media (min-width: 1200px) { .textImage__text__links, .sliderImages__text__link { margin-top: 1.5625rem } } .section[class*="section--backgroundColor"][class*="section--no-paddings"] .textImage__text { padding-top: 1.5625rem; padding-top: var(--sectionPadding, 1.5625rem) } @media only screen and (min-width: 1024px) { .section[class*="section--backgroundColor"][class*="section--no-paddings"] .textImage__text { padding-top: 0 } } @media only screen and (min-width: 1024px) { .textImage--mountTextOnImage .textImage__text { position: relative; z-index: 1; background-color: #fff; background-color: var(--textImageMountedBackgroundColor, #fff); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--textImageMountedBoxShadow, 2px 6px 25px rgba(0, 0, 0, 0.15)); box-shadow: var(--textImageMountedBoxShadow, 2px 6px 25px rgba(0, 0, 0, 0.15)); margin-top: -webkit-calc(1.4375rem + 2.25vw); margin-top: calc(1.4375rem + 2.25vw); margin-bottom: -webkit-calc(1.4375rem + 2.25vw); margin-bottom: calc(1.4375rem + 2.25vw); padding-top: -webkit-calc(1.4375rem + 2.25vw); padding-top: calc(1.4375rem + 2.25vw); padding-right: -webkit-calc(1.4375rem + 2.25vw); padding-right: calc(1.4375rem + 2.25vw); padding-bottom: -webkit-calc(1.4375rem + 2.25vw); padding-bottom: calc(1.4375rem + 2.25vw); padding-left: -webkit-calc(1.4375rem + 2.25vw); padding-left: calc(1.4375rem + 2.25vw) } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { margin-top: 3.125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { margin-bottom: 3.125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { padding-top: 3.125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { padding-right: 3.125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { padding-bottom: 3.125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .textImage--mountTextOnImage .textImage__text { padding-left: 3.125rem } } @media only screen and (min-width: 1024px) { .textImage--mountTextOnImage.textImage--right .textImage__text { margin-right: -webkit-calc(2.5rem * -1); margin-right: calc(2.5rem * -1); margin-right: -webkit-calc(var(--textImageMountedMarginInner, 2.5rem) * -1); margin-right: calc(var(--textImageMountedMarginInner, 2.5rem) * -1) } .textImage--mountTextOnImage.textImage--left .textImage__text { margin-left: -webkit-calc(2.5rem * -1); margin-left: calc(2.5rem * -1); margin-left: -webkit-calc(var(--textImageMountedMarginInner, 2.5rem) * -1); margin-left: calc(var(--textImageMountedMarginInner, 2.5rem) * -1) } } .archivePage { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--archivePageRowGap, 2.1875rem) auto var(--archivePageRowGap, 2.1875rem) auto var(--archivePageRowGap, 2.1875rem) auto; grid-template-areas: "header" "posts" "pagination" "sidebar"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 2.1875rem; grid-row-gap: var(--archivePageRowGap, 2.1875rem) } @media only screen and (min-width: 1024px) { .archivePage { grid-template-areas: "header sidebar" "posts sidebar" "pagination ."; -ms-grid-columns: 1fr minmax(auto, 18.75rem); grid-template-columns: 1fr minmax(auto, 18.75rem) } .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__posts { -ms-grid-row: 2; -ms-grid-column: 1 } .archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .archivePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .redirectLinksBlock>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } } .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: header } .redirectLinksBlock>.archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__header__title { font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageHeaderTitleFontFamily, var(--archivePageHeaderFontFamily, var(--fontFamily, Arial, sans-serif))); color: #000; color: var(--archivePageHeaderTitleColor, var(--archivePageHeaderColor, #000)); font-weight: 400; font-weight: var(--archivePageHeaderTitleFontWeight, var(--archivePageHeaderFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageHeaderTitleLineHeight, var(--archivePageHeaderLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageHeaderTitleLetterSpacing, var(--archivePageHeaderLetterSpacing, 0)) } @media (min-width: 1200px) { .archivePage__header__title { font-size: 2.8125rem } } .archivePage__header__description { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageHeaderDescriptionFontFamily, var(--archivePageHeaderFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageHeaderDescriptionFontSize, var(--archivePageHeaderFontSize, 1rem)); color: #000; color: var(--archivePageHeaderDescriptionColor, var(--archivePageHeaderColor, #000)); font-weight: 400; font-weight: var(--archivePageHeaderDescriptionFontWeight, var(--archivePageHeaderFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageHeaderDescriptionLineHeight, var(--archivePageHeaderLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageHeaderDescriptionLetterSpacing, var(--archivePageHeaderLetterSpacing, 0)); margin-top: 0.5em; margin-top: var(--archivePageHeaderDescriptionMarginTop, 0.5em) } .archivePage__posts { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: posts; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 1.875rem; grid-row-gap: var(--archivePagePostsRowGap, 1.875rem) } @media only screen and (min-width: 768px) { .archivePage__posts { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(var(--archivePagePostsMinWidth, 21.875rem), 1fr)); grid-column-gap: 1.875rem; grid-column-gap: var(--archivePagePostsColumnGap, 1.875rem); grid-row-gap: 1.875rem; grid-row-gap: var(--archivePagePostsRowGap, 1.875rem) } } .archivePage__sidebar { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: sidebar } .singlePage:not(.singlePage--haveLinks)>.archivePage__sidebar { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__sidebar { -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1 } .archivePage__sidebar__title { font-size: 1.125rem; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarTitleFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarTitleFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarTitleColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarTitleFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarTitleLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarTitleLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarTitleTextTransform, var(--archivePageSidebarTextTransform, none)) } .archivePage__sidebar ul { margin-top: 2.1875rem; margin-top: var(--archivePageSidebarCategoriesMarginTop, 2.1875rem) } .archivePage__sidebar ul li.isActive>a { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))); font-weight: 400; font-weight: var(--archivePageSidebarCategoryActiveFontWeight, var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400))) } .archivePage__sidebar ul li+li { margin-top: 1em; margin-top: var(--archivePageSidebarCategoryGap, 1em) } .archivePage__sidebar ul a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarCategoryFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarCategoryFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarCategoryColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarCategoryLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarCategoryLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarCategoryTextTransform, var(--archivePageSidebarTextTransform, none)); -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } @media (hover: hover) { .archivePage__sidebar ul a:hover { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))) } } @media only screen and (min-width: 1024px) { .archivePage__sidebar { margin-left: 4.375rem; margin-left: var(--archivePageSidebarMarginLeft, 4.375rem); padding-left: 2.1875rem; padding-left: var(--archivePageSidebarPaddingLeft, 2.1875rem); border-left: 3px solid #000; border-left: var(--archivePageSidebarBorderWidth, 3px) solid var(--archivePageSidebarBorderColor, #000) } } .archivePage__pagination { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; grid-area: pagination } .hero__slider__controls>.archivePage__pagination { -ms-grid-row: 1; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .hero>div { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--heroGap, 1.25rem) auto; grid-template-areas: "content" "media"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1.25rem; grid-gap: var(--heroGap, 1.25rem) } @media only screen and (min-width: 1024px) { .hero>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 0 } } .hero__media { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: media; margin-right: -webkit-calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-left: -webkit-calc(50% - 50vw); margin-left: calc(50% - 50vw) } .hero__media img { display: block; width: 100% } @media only screen and (min-width: 1024px) { .hero__media { -webkit-box-flex: 1.5; -webkit-flex: 1.5; -ms-flex: 1.5; flex: 1.5; margin-right: 0 } .hero__media img { height: 100% } .hero__image { height: 100% } } .hero__content { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: content } .anchorBlock>.hero__content { -ms-grid-row: 1; -ms-grid-column: 1 } @media only screen and (min-width: 1024px) { .hero__content { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .hero:not(.hero--noMedia) .hero__content { margin-left: -webkit-calc(1.40625rem + 1.875vw); margin-left: calc(1.40625rem + 1.875vw); margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw); margin-bottom: -webkit-calc(1.3125rem + .75vw); margin-bottom: calc(1.3125rem + .75vw) } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .hero:not(.hero--noMedia) .hero__content { margin-left: 2.8125rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .hero:not(.hero--noMedia) .hero__content { margin-top: 1.875rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .hero:not(.hero--noMedia) .hero__content { margin-bottom: 1.875rem } } .hero__content__title { font-size: -webkit-calc(1.375rem + 1.5vw); font-size: calc(1.375rem + 1.5vw); font-family: Optima, arial, helvetica, sans-serif; font-family: var(--heroTitleTextFontFamily, var(--textFontFamily, inherit)); color: #DECEB3; color: var(--heroTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--heroTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--heroTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--heroTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--heroTitleTextAlign, inherit); text-transform: initial; text-transform: var(--heroTitleTextTransform, initial); margin-bottom: 0.5em; margin-bottom: var(--heroTitleMarginBottom, 0.5em) } @media (min-width: 1200px) { .hero__content__title { font-size: 2.5rem } } .hero__content__title>* { position: relative; z-index: 1 } .hero__content__text { font-family: inherit; font-family: var(--heroTextTextFontFamily, var(--textFontFamily, inherit)); font-size: .9375rem; font-size: var(--heroTextTextFontSize, var(--textFontSize, 1rem)); color: #181818; color: var(--heroTextTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--heroTextTextFontWeight, 400); line-height: 1.5; line-height: var(--heroTextTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--heroTextTextLetterSpacing, 0px); text-align: inherit; text-align: var(--heroTextTextAlign, inherit); text-transform: initial; text-transform: var(--heroTextTextTransform, initial) } .hero__content__text>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .hero__button { margin-top: -webkit-calc(1.40625rem + 1.875vw); margin-top: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .hero__button { margin-top: 2.8125rem } } .hero+.section:not(.section--no-topMargin) { margin-top: -webkit-calc(1.5rem + 3vw); margin-top: calc(1.5rem + 3vw) } @media (min-width: 1200px) { .hero+.section:not(.section--no-topMargin) { margin-top: 3.75rem } } .hero__sliderHero { padding-bottom: 3.4375rem; padding-bottom: var(--heroSliderPaddingBottom, 3.4375rem) } .hero__slider { height: 100%; position: relative } .hero__slider .swiper-container { height: 100% } .hero__slider .swiper-slide { height: auto } .hero__slider img { width: 100%; height: 100% } .hero__slider__controls { display: -ms-grid; display: grid; grid-template-areas: ". pagination navigation"; -ms-grid-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; margin-top: .625rem; margin-top: var(--heroSliderControlsMarginTop, .625rem); padding-right: 15px; padding-right: var(--heroSliderControlsPaddingRight, var(--containerGutter)); padding-left: 15px; padding-left: var(--heroSliderControlsPaddingLeft, var(--containerGutter)) } @media only screen and (min-width: 768px) { .hero__slider__controls { padding-left: 30px; padding-left: var(--heroSliderControlsPaddingLeft, var(--containerGutter)) } } @media only screen and (min-width: 768px) { .hero__slider__controls { padding-left: 30px; padding-left: var(--heroSliderControlsPaddingLeft, var(--containerGutter)) } } @media only screen and (min-width: 768px) { .hero__slider__controls { padding-right: 30px; padding-right: var(--heroSliderControlsPaddingRight, var(--containerGutter)) } } @media only screen and (min-width: 768px) { .hero__slider__controls { padding-right: 30px; padding-right: var(--heroSliderControlsPaddingRight, var(--containerGutter)) } } @media only screen and (min-width: 768px) { .hero__slider__controls { padding-right: 0px; padding-right: var(--heroSliderControlsPaddingRight, 0px); padding-left: 0px; padding-left: var(--heroSliderControlsPaddingLeft, 0px) } } .hero__slider__controls>* { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .hero__slider__pagination { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; grid-area: pagination } .hero__slider__controls>.hero__slider__pagination { -ms-grid-row: 1; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .hero__slider__pagination>*+* { margin-left: .625rem; margin-left: var(--heroSliderPaginationBulletGap, var(--sliderPaginationBulletGap, .625rem)) } .hero__slider__pagination .swiper-pagination-bullet { width: .625rem; width: var(--heroSliderPaginationBulletWidth, var(--sliderPaginationBulletWidth, .625rem)); height: .625rem; height: var(--heroSliderPaginationBulletHeight, var(--sliderPaginationBulletHeight, .625rem)); opacity: 0.5; opacity: var(--heroSliderPaginationBulletOpacity, var(--sliderPaginationBulletOpacity, 0.5)); background: #000; background: var(--heroSliderPaginationBulletBackgroundColor, var(--sliderPaginationBulletBackgroundColor, #000)) } .hero__slider__pagination .swiper-pagination-bullet-active { opacity: 1; opacity: var(--heroSliderPaginationBulletActiveOpacity, var(--sliderPaginationBulletActiveOpacity, 1)); background: #000; background: var(--heroSliderPaginationBulletActiveBackgroundColor, var(--sliderPaginationBulletActiveBackgroundColor, var(--sliderPaginationBulletBackgroundColor, #000))) } .hero__slider__navigation { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: navigation; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-left: auto } .hero__slider__navigation__left, .hero__slider__navigation__right { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .hero__slider__navigation__left.swiper-button-disabled { cursor: none; opacity: 0.4; opacity: var(--heroSliderNavigationDisabledOpacity, var(--sliderNavigationDisabledOpacity, 0.4)); pointer-events: none } .hero__slider__navigation__right.swiper-button-disabled { cursor: none; opacity: 0.4; opacity: var(--heroSliderNavigationDisabledOpacity, var(--sliderNavigationDisabledOpacity, 0.4)); pointer-events: none } .hero__slider__navigation__left:not(.swiper-button-disabled), .hero__slider__navigation__right:not(.swiper-button-disabled) { cursor: pointer } .hero__slider__navigation svg { width: 45px; width: var(--heroSliderNavigationWidth, 45px); height: 45px; height: var(--heroSliderNavigationHeight, 45px) } .hero__slider__navigation svg path { fill: #fff; fill: var(--heroSliderNavigationArrowColor, var(--sliderNavigationOutsideArrowColor, #fff)) } .hero__slider__navigation svg circle { fill: #000; fill: var(--heroSliderNavigationCircleColor, var(--sliderNavigationOutsideCircleColor, #000)) } .hero__slider__navigation>*+* { margin-left: .625rem; margin-left: var(--heroSliderArrowGap, .625rem) } .post--firstStyle a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 425px; max-width: var(--postMaxWidth, 425px); height: 100%; margin-right: auto; margin-left: auto } .post--firstStyle__thumbnail img { display: block; width: 100% } .post--firstStyle__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; position: relative; z-index: 1; overflow: hidden; margin-top: -2.1875rem; margin-top: var(--postContentMarginTop, -2.1875rem); margin-right: 1.25rem; margin-right: var(--postContentMarginRight, 1.25rem); margin-left: 1.25rem; margin-left: var(--postContentMarginLeft, 1.25rem); border: 0px solid #000; border: var(--postContentBorderWidth, 0px) var(--postContentBorderStyle, solid) var(--postContentBorderColor, #000); padding: .9375rem 1.25rem .9375rem 1.25rem; padding: var(--postContentPaddingTop, .9375rem) var(--postContentPaddingRight, 1.25rem) var(--postContentPaddingBottom, .9375rem) var(--postContentPaddingLeft, 1.25rem); background-color: #fff; background-color: var(--postContentBackgroundColor, #fff); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: var(--postContentBoxShadow, 0 4px 4px rgba(0, 0, 0, 0.1)); box-shadow: var(--postContentBoxShadow, 0 4px 4px rgba(0, 0, 0, 0.1)); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .post--firstStyle__category { display: inline-block; font-family: inherit; font-family: var(--postCategoryFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: 1rem; font-size: var(--postCategoryFontSize, var(--postFontSize, 1rem)); color: #000; color: var(--postCategoryColor, var(--postColor, #000)); font-weight: 400; font-weight: var(--postCategoryFontWeight, var(--postFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--postCategoryLetterSpacing, var(--postLetterSpacing, 0)); text-transform: none; text-transform: var(--postCategoryTextTransform, var(--postTextTransform, none)) } .post--metaHaveDivider::after { content: "."; content: var(--postMetaDividerContent, "."); display: inline-block; margin-right: 0.5em; margin-right: var(--postMetaDividerMarginRight, 0.5em); margin-left: 0.5em; margin-left: var(--postMetaDividerMarginLeft, 0.5em) } .post--firstStyle__date { display: inline-block; font-family: inherit; font-family: var(--postDateFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: 1rem; font-size: var(--postDateFontSize, var(--postFontSize, 1rem)); color: #000; color: var(--postDateColor, var(--postColor, #000)); font-weight: 400; font-weight: var(--postDateFontWeight, var(--postFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--postDateLetterSpacing, var(--postLetterSpacing, 0)); text-transform: none; text-transform: var(--postDateTextTransform, var(--postTextTransform, none)) } .post--firstStyle__title { font-size: 1rem; font-family: inherit; font-family: var(--postTitleFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); color: #000; color: var(--postTitleColor, var(--postColor, #000)); font-weight: 400; font-weight: var(--postTitleFontWeight, var(--postFontWeight, 400)); line-height: 1.2; line-height: var(--postTitleLineHeight, var(--postLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--postTitleLetterSpacing, var(--postLetterSpacing, 0)); margin-top: 1em; margin-top: var(--postTitleMarginTop, 1em); margin-bottom: 1em; margin-bottom: var(--postTitleMarginBottom, 1em); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .post--firstStyle__excerpt { font-family: inherit; font-family: var(--postExcerptFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: 1rem; font-size: var(--postExcerptFontSize, var(--postFontSize, 1rem)); color: #000; color: var(--postExcerptColor, var(--postColor, #000)); font-weight: 400; font-weight: var(--postExcerptFontWeight, var(--postFontWeight, 400)); line-height: 1.2; line-height: var(--postExcerptLineHeight, var(--postLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--postExcerptLetterSpacing, var(--postLetterSpacing, 0)); text-align: left; text-align: var(--postExcerptTextAlign, left) } .post--firstStyle__readMore { margin-top: auto; padding-top: 2.1875rem; padding-top: var(--postReadMoreMarginTop, 2.1875rem) } .post--firstStyle__readMore>* { display: -ms-inline-grid; display: inline-grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: auto var(--postReadMoreGap, 0.7em) auto; grid-template-columns: auto auto; grid-gap: 0.7em; grid-gap: var(--postReadMoreGap, 0.7em) } .post--firstStyle__readMore>* svg path { fill: #000; fill: var(--postReadMoreArrowColor, var(--postReadMoreTextColor, var(--postColor, #000))) } .post--firstStyle__readMore>*>span { font-family: inherit; font-family: var(--postReadMoreTextFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: 1rem; font-size: var(--postReadMoreTextFontSize, var(--postFontSize, 1rem)); color: #000; color: var(--postReadMoreTextColor, var(--postColor, #000)); font-weight: 400; font-weight: var(--postReadMoreTextFontWeight, var(--postFontWeight, 400)); line-height: 1.2; line-height: var(--postReadMoreTextLineHeight, var(--postLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--postReadMoreTextLetterSpacing, var(--postLetterSpacing, 0)); padding-bottom: 0.15em; padding-bottom: var(--postReadMorePaddingBottom, 0.15em); border-bottom: 2px solid #000; border-bottom: var(--postReadMoreBorderBottomWidth, 2px) solid var(--postReadMoreBorderBottomColor, var(--postReadMoreTextColor, var(--postColor, #000))) } .post--firstStyle a:hover .post--firstStyle__title { color: red; color: var(--postTitleActiveColor, var(--postAccentColor, red)) } .post--firstStyle a:hover .post--firstStyle__content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, var(--postActiveTransform, -10px), 0); transform: translate3d(0, var(--postActiveTransform, -10px), 0) } .singlePage { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 2.1875rem } @media only screen and (min-width: 1024px) { .singlePage { -ms-grid-columns: 1fr minmax(auto, 18.75rem); grid-template-columns: 1fr minmax(auto, 18.75rem) } } .singlePage:not(.singlePage--haveLinks) { grid-template-areas: "content" "share" "author-block" "pagination" "sidebar" } @media only screen and (min-width: 1024px) { .singlePage:not(.singlePage--haveLinks) { grid-template-areas: "content sidebar" "share sidebar" "author-block sidebar" "pagination sidebar" } .singlePage:not(.singlePage--haveLinks)>.archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } } .singlePage.singlePage--haveLinks { grid-template-areas: "content" "share" "author-block" "pagination" "also-to-read" "sidebar" } @media only screen and (min-width: 1024px) { .singlePage.singlePage--haveLinks { grid-template-areas: "content sidebar" "share sidebar" "author-block sidebar" "pagination sidebar" "also-to-read sidebar" } .singlePage.singlePage--haveLinks>.archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 2 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 2 } .singlePage.singlePage--haveLinks>.archivePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.hero__slider__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } } .singlePage__title { font-size: -webkit-calc(1.3875rem + 1.65vw); font-size: calc(1.3875rem + 1.65vw); font-family: inherit; font-family: var(--singlePageTitleTextFontFamily, var(--textFontFamily, inherit)); color: #DECEB3; color: var(--singlePageTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--singlePageTitleTextFontWeight, 400); line-height: 1.2; line-height: var(--singlePageTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--singlePageTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--singlePageTitleTextAlign, inherit); text-transform: initial; text-transform: var(--singlePageTitleTextTransform, initial) } @media (min-width: 1200px) { .singlePage__title { font-size: 2.625rem } } .singlePage__meta { font-family: inherit; font-family: var(--singlePageMetaTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--singlePageMetaTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--singlePageMetaTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--singlePageMetaTextFontWeight, 400); line-height: 1.2; line-height: var(--singlePageMetaTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--singlePageMetaTextLetterSpacing, 0px); text-align: inherit; text-align: var(--singlePageMetaTextAlign, inherit); text-transform: initial; text-transform: var(--singlePageMetaTextTransform, initial); margin-top: .625rem; margin-bottom: 1.25rem } .singlePage__meta>* { display: inline-block } .singlePage__meta>*:first-child::after { content: '.'; display: inline-block; margin-right: .3125rem; margin-right: var(--singlePageMetaAfterMarginRight, .3125rem); margin-left: .625rem; margin-left: var(--singlePageMetaAfterMarginLeft, .625rem) } .singlePage__meta>*:nth-child(2) { color: #000; color: var(--singlePageMetaSecondColor, var(--textColor, #000)); font-weight: 700; font-weight: var(--singlePageMetaSecondFontWeight, var(--fontWeightBold, 700)) } .singlePage__topText { font-family: inherit; font-family: var(--singlePageTopTextTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--singlePageTopTextTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--singlePageTopTextTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--singlePageTopTextTextFontWeight, var(--textFontWeight, 400)); line-height: 22px; line-height: var(--singlePageTopTextTextLineHeight, var(--textLineHeight, 1.2)); letter-spacing: 0.04em; letter-spacing: var(--singlePageTopTextTextLetterSpacing, var(--textLetterSpacing, 0)); text-align: initial; text-align: var(--singlePageTopTextTextAlign, var(--textAlign, left)); text-transform: none; text-transform: var(--singlePageTopTextTextTransform, var(--textTransform, none)) } .singlePage__coverImage { margin-top: 1.25rem; margin-bottom: -webkit-calc(1.3125rem + .75vw); margin-bottom: calc(1.3125rem + .75vw) } @media (min-width: 1200px) { .singlePage__coverImage { margin-bottom: 1.875rem } } .singlePage__content { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: content } .anchorBlock>.singlePage__content { -ms-grid-row: 1; -ms-grid-column: 1 } @media only screen and (min-width: 500px) { .anchorBlock__content { -ms-grid-row: 1; -ms-grid-column: 3 } .redirectLinksBlock>*:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .hero__content { -ms-grid-row: 1; -ms-grid-column: 3 } .singlePage__content { -ms-grid-row: 1; -ms-grid-column: 3 } } @media only screen and (min-width: 768px) { .anchorBlock__links { -ms-grid-row: 1; -ms-grid-column: 1 } .anchorBlock__border { -ms-grid-row: 1; -ms-grid-column: 2 } .anchorBlock>.anchorBlock__content { -ms-grid-row: 1; -ms-grid-column: 3 } .anchorBlock>.redirectLinksBlock>*:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .anchorBlock>.hero__content { -ms-grid-row: 1; -ms-grid-column: 3 } .anchorBlock>.singlePage__content { -ms-grid-row: 1; -ms-grid-column: 3 } } .singlePage__content__inner__block>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .singlePage__content__inner__block>p:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .singlePage__content__inner__block>p+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>p a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .singlePage__content__inner__block>p img { margin-top: 0 !important } .singlePage__content__inner__block>ul:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #181818; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 22px; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left); list-style-type: decimal; list-style-position: inside } .singlePage__content__inner__block>ol:not(.dontApplyStyle) ol { list-style-type: lower-latin; list-style-position: inside; margin-left: .9375rem } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .singlePage__content__inner__block>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } .singlePage__content__inner__block h1, .singlePage__content__inner__block h2, .singlePage__content__inner__block h3, .singlePage__content__inner__block h4, .singlePage__content__inner__block h5, .singlePage__content__inner__block h6 { display: block } .singlePage__content__inner__block h1+h1, .singlePage__content__inner__block h2+h1, .singlePage__content__inner__block h3+h1, .singlePage__content__inner__block h4+h1, .singlePage__content__inner__block h5+h1, .singlePage__content__inner__block h6+h1, .singlePage__content__inner__block h1+h2, .singlePage__content__inner__block h2+h2, .singlePage__content__inner__block h3+h2, .singlePage__content__inner__block h4+h2, .singlePage__content__inner__block h5+h2, .singlePage__content__inner__block h6+h2, .singlePage__content__inner__block h1+h3, .singlePage__content__inner__block h2+h3, .singlePage__content__inner__block h3+h3, .singlePage__content__inner__block h4+h3, .singlePage__content__inner__block h5+h3, .singlePage__content__inner__block h6+h3, .singlePage__content__inner__block h1+h4, .singlePage__content__inner__block h2+h4, .singlePage__content__inner__block h3+h4, .singlePage__content__inner__block h4+h4, .singlePage__content__inner__block h5+h4, .singlePage__content__inner__block h6+h4, .singlePage__content__inner__block h1+h5, .singlePage__content__inner__block h2+h5, .singlePage__content__inner__block h3+h5, .singlePage__content__inner__block h4+h5, .singlePage__content__inner__block h5+h5, .singlePage__content__inner__block h6+h5, .singlePage__content__inner__block h1+h6, .singlePage__content__inner__block h2+h6, .singlePage__content__inner__block h3+h6, .singlePage__content__inner__block h4+h6, .singlePage__content__inner__block h5+h6, .singlePage__content__inner__block h6+h6 { display: block; margin-top: 0 } .singlePage__content__inner__block>ul.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .singlePage__content__inner__block>ol.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .singlePage__content__inner__block+.singlePage__content__inner__block { margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw); padding-top: -webkit-calc(1.28125rem + .375vw); padding-top: calc(1.28125rem + .375vw); border-top: 5px solid rgba(0, 0, 0, 0.05); border-top: var(--singlePageInnerBlockBorderWidth, 5px) solid var(--singlePageInnerBlockBorderWidth, rgba(0, 0, 0, 0.05)) } @media (min-width: 1200px) { .singlePage__content__inner__block+.singlePage__content__inner__block { margin-top: 1.5625rem } } @media (min-width: 1200px) { .singlePage__content__inner__block+.singlePage__content__inner__block { padding-top: 1.5625rem } } .singlePage__share { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-row: 2; -ms-grid-column: 1; grid-area: share; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: .9375rem; padding-right: .9375rem; padding-bottom: .9375rem; padding-left: .9375rem; font-family: inherit; font-family: var(--singlePageShareTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--singlePageShareTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--singlePageShareTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--singlePageShareTextFontWeight, var(--textFontWeight, 400)); line-height: 22px; line-height: var(--singlePageShareTextLineHeight, var(--textLineHeight, 1.2)); letter-spacing: 0.04em; letter-spacing: var(--singlePageShareTextLetterSpacing, var(--textLetterSpacing, 0)); text-align: initial; text-align: var(--singlePageShareTextAlign, var(--textAlign, left)); text-transform: none; text-transform: var(--singlePageShareTextTransform, var(--textTransform, none)); background-color: #FAFAFA; background-color: var(--singlePageShareBackgroundColor, #FAFAFA) } .singlePage.singlePage--haveLinks>.singlePage__share { -ms-grid-row: 2; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__share { -ms-grid-row: 2; -ms-grid-column: 1 } .singlePage__share a, .singlePage__share li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .singlePage__share svg { width: auto; width: var(--singlePageShareSocialsWidth, auto); height: auto; height: var(--singlePageShareSocialsHeight, auto) } .singlePage__share svg path { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; fill: #000; fill: var(--singlePageShareSocialsColor, #000) } .singlePage__share svg polygon { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; fill: #000; fill: var(--singlePageShareSocialsColor, #000) } .singlePage__share a:hover svg path { fill: #000; fill: var(--singlePageShareSocialsActiveColor, var(--singlePageShareSocialsColor, #000)) } .singlePage__share a:hover svg polygon { fill: #000; fill: var(--singlePageShareSocialsActiveColor, var(--singlePageShareSocialsColor, #000)) } .singlePage__share strong { font-size: 1.3em; font-size: var(--singlePageShareHeroText, 1.3em) } .singlePage__share>p { margin-right: .3125rem; margin-right: var(--singlePageShareParagraphMarginRight, .3125rem) } .singlePage__share>ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .singlePage__share>ul li+li { margin-left: .625rem; margin-left: var(--singlePageShareSocialsGap, .625rem) } .singlePage__author { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column: 1; grid-area: author-block } .singlePage.singlePage--haveLinks>.singlePage__author { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__author { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage .authorBlock { margin-top: 0 } .singlePage__pagination { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; grid-area: pagination; display: -ms-grid; display: grid; -ms-grid-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; padding: .625rem 0; padding: var(--singlePagePaginationPadding, .625rem) 0; border-top: 1px solid #FAFAFA; border-top: 1px solid var(--singlePagePaginationBorderColor, #FAFAFA); border-bottom: 1px solid #FAFAFA; border-bottom: 1px solid var(--singlePagePaginationBorderColor, #FAFAFA) } .hero__slider__controls>.singlePage__pagination { -ms-grid-row: 1; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage__pagination>* { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .singlePage__pagination>*:last-child { margin-left: auto } .singlePage__pagination__previous svg path { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; fill: #000; fill: var(--singlePagePaginationButtonsColor, #000) } .singlePage__pagination__next svg path { -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s; fill: #000; fill: var(--singlePagePaginationButtonsColor, #000) } .singlePage__pagination__previous:hover a svg path { fill: red; fill: var(--singlePagePaginationButtonsActiveColor, red) } .singlePage__pagination__previous:focus a svg path { fill: red; fill: var(--singlePagePaginationButtonsActiveColor, red) } .singlePage__pagination__next:hover a svg path { fill: red; fill: var(--singlePagePaginationButtonsActiveColor, red) } .singlePage__pagination__next:focus a svg path { fill: red; fill: var(--singlePagePaginationButtonsActiveColor, red) } .singlePage__pagination__previous span, .singlePage__pagination__next span { opacity: .2 } .singlePage__pagination__all { display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--singlePagePaginationAllGap, .1875rem) 1fr var(--singlePagePaginationAllGap, .1875rem) 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: .1875rem; grid-gap: var(--singlePagePaginationAllGap, .1875rem); width: -webkit-calc((.5rem * .1875rem) + -webkit-calc(.1875rem * 2)); width: calc((.5rem * .1875rem) + calc(.1875rem * 2)); width: -webkit-calc((var(--singlePagePaginationWidth, .5rem) * var(--singlePagePaginationAllGap, .1875rem)) + -webkit-calc(var(--singlePagePaginationAllGap, .1875rem) * 2)); width: calc((var(--singlePagePaginationWidth, .5rem) * var(--singlePagePaginationAllGap, .1875rem)) + calc(var(--singlePagePaginationAllGap, .1875rem) * 2)); height: -webkit-calc((.5rem * .1875rem) + -webkit-calc(.1875rem * 2)); height: calc((.5rem * .1875rem) + calc(.1875rem * 2)); height: -webkit-calc((var(--singlePagePaginationWidth, .5rem) * var(--singlePagePaginationAllGap, .1875rem)) + -webkit-calc(var(--singlePagePaginationAllGap, .1875rem) * 2)); height: calc((var(--singlePagePaginationWidth, .5rem) * var(--singlePagePaginationAllGap, .1875rem)) + calc(var(--singlePagePaginationAllGap, .1875rem) * 2)) } .singlePage__pagination__all>* { display: inline-block; width: .5rem; width: var(--singlePagePaginationWidth, .5rem); height: .5rem; height: var(--singlePagePaginationWidth, .5rem); -webkit-border-radius: 100%; border-radius: 100%; background-color: #000; background-color: var(--singlePagePaginationAllColor, #000); -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .singlePage__pagination__all:hover>* { background-color: red; background-color: var(--singlePagePaginationAllActiveColor, red) } .singlePage__sidebar { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: sidebar } .singlePage:not(.singlePage--haveLinks)>.singlePage__sidebar { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__sidebar { -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1 } .singlePage__sidebar__title { font-size: 1.125rem; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarTitleFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarTitleFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarTitleColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarTitleFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarTitleLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarTitleLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarTitleTextTransform, var(--archivePageSidebarTextTransform, none)) } .singlePage__sidebar ul { margin-top: 2.1875rem; margin-top: var(--archivePageSidebarCategoriesMarginTop, 2.1875rem) } .singlePage__sidebar ul li.isActive>a { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))); font-weight: 400; font-weight: var(--archivePageSidebarCategoryActiveFontWeight, var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400))) } .singlePage__sidebar ul li+li { margin-top: 1em; margin-top: var(--archivePageSidebarCategoryGap, 1em) } .singlePage__sidebar ul a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--archivePageSidebarCategoryFontFamily, var(--archivePageSidebarFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 1rem; font-size: var(--archivePageSidebarCategoryFontSize, var(--archivePageSidebarFontSize, 1rem)); color: #000; color: var(--archivePageSidebarCategoryColor, var(--archivePageSidebarColor, #000)); font-weight: 400; font-weight: var(--archivePageSidebarCategoryFontWeight, var(--archivePageSidebarFontWeight, 400)); line-height: 1.2; line-height: var(--archivePageSidebarCategoryLineHeight, var(--archivePageSidebarLineHeight, 1.2)); letter-spacing: 0; letter-spacing: var(--archivePageSidebarCategoryLetterSpacing, var(--archivePageSidebarLetterSpacing, 0)); text-transform: none; text-transform: var(--archivePageSidebarCategoryTextTransform, var(--archivePageSidebarTextTransform, none)); -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } @media (hover: hover) { .singlePage__sidebar ul a:hover { color: #000; color: var(--archivePageSidebarCategoryActiveColor, var(--archivePageSidebarCategoryColor, var(--archivePageSidebarAccentColor, #000))) } } @media only screen and (min-width: 1024px) { .singlePage__sidebar { margin-left: 4.375rem; margin-left: var(--archivePageSidebarMarginLeft, 4.375rem); padding-left: 2.1875rem; padding-left: var(--archivePageSidebarPaddingLeft, 2.1875rem); border-left: 3px solid #000; border-left: var(--archivePageSidebarBorderWidth, 3px) solid var(--archivePageSidebarBorderColor, #000) } } .singlePage__alsoToRead { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column: 1; grid-area: also-to-read } .pagination--firstStyle { display: -ms-grid; display: grid; grid-template-areas: "prev pages next"; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; padding-top: .625rem; padding-top: var(--paginationPaddingTop, .625rem); padding-bottom: .625rem; padding-bottom: var(--paginationPaddingBottom, .625rem); border-top: 1px solid #000; border-top: var(--paginationBorderHeight, 1px) solid var(--paginationBorderColor, #000); border-bottom: 1px solid #000; border-bottom: var(--paginationBorderHeight, 1px) solid var(--paginationBorderColor, #000) } .pagination--firstStyle>* { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .pagination--firstStyle__prev--disabled { cursor: none; opacity: 0.4; opacity: var(--paginationDisabledOpacity, 0.4); pointer-events: none } .pagination--firstStyle__next--disabled { cursor: none; opacity: 0.4; opacity: var(--paginationDisabledOpacity, 0.4); pointer-events: none } .pagination--firstStyle__prev svg path { fill: #000; fill: var(--paginationArrowsColor, var(--paginationAccentColor, #000)) } .pagination--firstStyle__next svg path { fill: #000; fill: var(--paginationArrowsColor, var(--paginationAccentColor, #000)) } .pagination--firstStyle__prev { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: prev; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .pagination--firstStyle__pages { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: pages; margin-right: auto; margin-left: auto } .pagination--firstStyle__pages ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .pagination--firstStyle__pages ul li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .pagination--firstStyle__pages ul li+li { margin-left: .625rem; margin-left: var(--paginationPagesGap, .625rem) } .pagination--firstStyle__pages .dots { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--paginationPageFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--paginationPageFontSize, 1rem); color: #000; color: var(--paginationPageColor, #000); font-weight: 400; font-weight: var(--paginationPageFontWeight, 400); line-height: 1; line-height: var(--paginationPageLineHeight, 1); letter-spacing: 0; letter-spacing: var(--paginationPageLetterSpacing, 0); text-align: center } .pagination--firstStyle__pages .page-number { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--paginationPageFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 1rem; font-size: var(--paginationPageFontSize, 1rem); color: #000; color: var(--paginationPageColor, #000); font-weight: 400; font-weight: var(--paginationPageFontWeight, 400); line-height: 1; line-height: var(--paginationPageLineHeight, 1); letter-spacing: 0; letter-spacing: var(--paginationPageLetterSpacing, 0); text-align: center } .pagination--firstStyle__pages .page-number { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .pagination--firstStyle__pages .page-number:not(.current) { -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .pagination--firstStyle__pages .page-number:not(.current):hover { color: red; color: var(--paginationPageActiveColor, var(--paginationAccentColor, red)) } .pagination--firstStyle__pages .page-number:not(.current):focus { color: red; color: var(--paginationPageActiveColor, var(--paginationAccentColor, red)) } .pagination--firstStyle__pages .page-number.current { width: 0rem; width: var(--paginationCurrentPageWidth, 2.375rem); height: 2.375rem; height: var(--paginationCurrentPageHeight, 2.375rem); font-size: 1.25rem; font-size: var(--paginationCurrentPageFontSize, var(--paginationPageFontSize, 1rem)); color: #000; color: var(--paginationCurrentPageColor, var(--paginationPageColor, #000)); font-weight: 400; font-weight: var(--paginationCurrentPageFontWeight, var(--paginationPageFontWeight, 400)); -webkit-border-radius: 100%; border-radius: 100%; background-color: red; background-color: var(--paginationCurrentPageBackgroundColor, var(--paginationAccentColor, red)) } .pagination--firstStyle__next { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: next; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } @media only screen and (max-width: 1025px) { body { margin-bottom: 3.125rem; margin-bottom: var(--callToActionsHeight, 3.125rem) } back-to-top { bottom: -webkit-calc(3.125rem + 20px); bottom: calc(3.125rem + 20px); bottom: -webkit-calc(var(--callToActionsHeight, 3.125rem) + var(--backToTopBottom, 20px)); bottom: calc(var(--callToActionsHeight, 3.125rem) + var(--backToTopBottom, 20px)) } .cookies-banner { bottom: -webkit-calc(15px + 3.125rem) !important; bottom: calc(15px + 3.125rem) !important; bottom: -webkit-calc(var(--cookieNoticeBottom, 15px) + var(--callToActionsHeight, 3.125rem)) !important; bottom: calc(var(--cookieNoticeBottom, 15px) + var(--callToActionsHeight, 3.125rem)) !important } } .callToActions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 3.125rem; height: var(--callToActionsHeight, 3.125rem); position: fixed; z-index: 50; z-index: var(--callToActionsZindex, 50); right: 0; bottom: 0; left: 0; background: #000; background: var(--callToActionsBackgroundColor, #000); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--callToActionsBoxShadow, none); box-shadow: var(--callToActionsBoxShadow, none) } @media only screen and (min-width: 1026px) { .callToActions { display: none } } .callToActions>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100% } .callToActions>*+* { border-left: 1px solid #fff; border-left: var(--callToActionsBorderLeftWidth, 1px) solid var(--callToActionsBorderLeftColor, #fff) } .callToActions>* svg path { fill: #fff; fill: var(--callToActionsLogoColor, #fff) } .callToActions>* svg polygon { fill: #fff; fill: var(--callToActionsLogoColor, #fff) } .alsoToRead { background-color: #F2F2F2; background-color: var(--alsoToReadBackgroundColor, #EFEFEF); padding-top: .9375rem; padding-right: 1.25rem; padding-bottom: .9375rem; padding-left: 1.25rem } .alsoToRead__title { font-size: 1.0625rem; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--alsoToReadTitleTextFontFamily, var(--textFontFamily, inherit)); color: #181818; color: var(--alsoToReadTitleTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 600; font-weight: var(--alsoToReadTitleTextFontWeight, 400); line-height: 1.6; line-height: var(--alsoToReadTitleTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--alsoToReadTitleTextLetterSpacing, 0px); text-align: inherit; text-align: var(--alsoToReadTitleTextAlign, inherit); text-transform: inherit; text-transform: var(--alsoToReadTitleTextTransform, initial) } .alsoToRead__links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: .9375rem } .alsoToRead__links ul { margin-left: 1.25rem; font-family: inherit; font-family: var(--alsoToReadLinkTextFontFamily, var(--textFontFamily, inherit)); font-size: .9375rem; font-size: var(--alsoToReadLinkTextFontSize, var(--textFontSize, 1rem)); color: #05313B; color: var(--alsoToReadLinkTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--alsoToReadLinkTextFontWeight, 400); line-height: 1.33; line-height: var(--alsoToReadLinkTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--alsoToReadLinkTextLetterSpacing, 0px); text-align: inherit; text-align: var(--alsoToReadLinkTextAlign, inherit); text-transform: initial; text-transform: var(--alsoToReadLinkTextTransform, initial); list-style: disc; list-style-position: inside } .alsoToRead__links ul li a { position: relative; left: -.3125rem } .alsoToRead__links ul li+li { margin-top: .9375rem; margin-top: var(--alsoToReadLinkGap, .4375rem) } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger:hover { opacity: .7 } .hamburger.is-active:hover { opacity: .7 } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff } .hamburger-box { width: 25px; height: 16px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -1px } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block } .hamburger-inner::before { top: -7px } .hamburger-inner::after { bottom: -7px } .hamburger--slider .hamburger-inner { top: 1px } .hamburger--slider .hamburger-inner::before { top: 7px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s } .hamburger--slider .hamburger-inner::after { top: 14px } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -5px, 0); transform: rotate(-45deg) translate3d(-3.57143px, -5px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg); transform: translate3d(0, -14px, 0) rotate(-90deg) } .header__bottom__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__bottom__actions>*+* { margin-left: .625rem; margin-left: var(--headerActionsItemsGap, .625rem) } .header__bottom__actions__search { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block } .header__bottom__actions__search svg { width: 1.5625rem; width: var(--headerActionsSearchWidth, 1.5625rem); height: 1.5625rem; height: var(--headerActionsSearchHeight, 1.5625rem) } .header__bottom__actions__search svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--headerActionsSearchColor, var(--headerMenuColor, #000)) } .header__bottom__actions__search:hover svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__actions__search:focus svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } @media only screen and (max-width: 1025px) { .header__bottom__actions__menu { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; background-color: #000; background-color: var(--hamburgerBackgroundColor, #000) } .header__bottom__actions__menu>* { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; width: var(--hamburgerSize, 3.125rem); height: 3.125rem; height: var(--hamburgerSize, 3.125rem) } .header__bottom__actions__menu>*>.hamburger-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>* .hamburger-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner::after, .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner { width: 15px; margin-right: auto; margin-left: auto } } @media only screen and (min-width: 1026px) { .header__bottom__actions__menu, .header__bottom__actions__menu>button { display: none !important } } .fontWeightSemiBold { font-weight: 600; font-weight: var(--fontWeightSemiBold) } .applyStyles>p a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } #applyStyles>p a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } #applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } #applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .textImage__text__content>p a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .textImage__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .textImage__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .singlePage__content__inner__block>p a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .singlePage__content__inner__block>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .singlePage__content__inner__block>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .homeHero__text__content>p a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .homeHero__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .homeHero__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { background-color: undefined; background-color: var(--porcelainColor); padding: .0625rem .125rem; -webkit-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; overflow: hidden } .applyStyles>p a:not(.dontApplyStyle)::before, #applyStyles>p a:not(.dontApplyStyle)::before, .applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, #applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, #applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .textImage__text__content>p a:not(.dontApplyStyle)::before, .textImage__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .textImage__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .singlePage__content__inner__block>p a:not(.dontApplyStyle)::before, .singlePage__content__inner__block>ul:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .singlePage__content__inner__block>ol:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .homeHero__text__content>p a:not(.dontApplyStyle)::before, .homeHero__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle)::before, .homeHero__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle)::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .applyStyles>p a:hover:not(.dontApplyStyle) span, #applyStyles>p a:hover:not(.dontApplyStyle) span, .applyStyles>ul:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, #applyStyles>ul:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .applyStyles>ol:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, #applyStyles>ol:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .textImage__text__content>p a:hover:not(.dontApplyStyle) span, .textImage__text__content>ul:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .textImage__text__content>ol:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .singlePage__content__inner__block>p a:hover:not(.dontApplyStyle) span, .singlePage__content__inner__block>ul:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .singlePage__content__inner__block>ol:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .homeHero__text__content>p a:hover:not(.dontApplyStyle) span, .homeHero__text__content>ul:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span, .homeHero__text__content>ol:not(.dontApplyStyle) a:hover:not(.dontApplyStyle) span { position: relative; z-index: 10 } .applyStyles>p a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } #applyStyles>p a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } #applyStyles>ul:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } #applyStyles>ol:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .textImage__text__content>p a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .textImage__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .textImage__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .singlePage__content__inner__block>p a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .singlePage__content__inner__block>ul:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .singlePage__content__inner__block>ol:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .homeHero__text__content>p a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .homeHero__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .homeHero__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle):hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: undefined; background-color: var(--marronColor) } .applyStyles>ul:not(.dontApplyStyle), #applyStyles>ul:not(.dontApplyStyle), .textImage__text__content>ul:not(.dontApplyStyle), .singlePage__content__inner__block>ul:not(.dontApplyStyle), .homeHero__text__content>ul:not(.dontApplyStyle), .hero__content__text ul { list-style: none } .applyStyles>ul:not(.dontApplyStyle) li, #applyStyles>ul:not(.dontApplyStyle) li, .textImage__text__content>ul:not(.dontApplyStyle) li, .singlePage__content__inner__block>ul:not(.dontApplyStyle) li, .homeHero__text__content>ul:not(.dontApplyStyle) li, .hero__content__text ul li { padding-left: 1.25rem; background-repeat: no-repeat; background-position-x: left; list-style: none; margin-left: 1rem } .applyStyles>ul:not(.dontApplyStyle) li+li, #applyStyles>ul:not(.dontApplyStyle) li+li, .textImage__text__content>ul:not(.dontApplyStyle) li+li, .singlePage__content__inner__block>ul:not(.dontApplyStyle) li+li, .homeHero__text__content>ul:not(.dontApplyStyle) li+li, .hero__content__text ul li+li { margin-top: .5rem } .applyStyles>ol:not(.dontApplyStyle), #applyStyles>ol:not(.dontApplyStyle), .textImage__text__content>ol:not(.dontApplyStyle), .singlePage__content__inner__block>ol:not(.dontApplyStyle), .homeHero__text__content>ol:not(.dontApplyStyle) { list-style: decimal; margin-left: 2rem } .applyStyles>ol:not(.dontApplyStyle) li, #applyStyles>ol:not(.dontApplyStyle) li, .textImage__text__content>ol:not(.dontApplyStyle) li, .singlePage__content__inner__block>ol:not(.dontApplyStyle) li, .homeHero__text__content>ol:not(.dontApplyStyle) li { background-repeat: no-repeat; background-position-x: left } .applyStyles>ol:not(.dontApplyStyle) li::marker { color: #DECEB3; color: var(--goldColor) } #applyStyles>ol:not(.dontApplyStyle) li::marker { color: #DECEB3; color: var(--goldColor) } .textImage__text__content>ol:not(.dontApplyStyle) li::marker { color: #DECEB3; color: var(--goldColor) } .singlePage__content__inner__block>ol:not(.dontApplyStyle) li::marker { color: #DECEB3; color: var(--goldColor) } .homeHero__text__content>ol:not(.dontApplyStyle) li::marker { color: #DECEB3; color: var(--goldColor) } .applyStyles>ol:not(.dontApplyStyle) li+li, #applyStyles>ol:not(.dontApplyStyle) li+li, .textImage__text__content>ol:not(.dontApplyStyle) li+li, .singlePage__content__inner__block>ol:not(.dontApplyStyle) li+li, .homeHero__text__content>ol:not(.dontApplyStyle) li+li { margin-top: .5rem } .paragraph--style1 { font-family: "Poppins", arial, helvetica, sans-serif; font-size: 1.0625rem; color: #181818; color: var(--black2Color); line-height: 1.24; letter-spacing: 0.03em; text-align: center; font-style: italic } .paragraph--style2 { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #181818; color: var(--black2Color); font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.04em; line-height: 1.69231; margin-top: 0rem !important } .paragraph--style2+.image img { width: 100% } .image+.image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .image+.image img { width: 50% } body.page-template-default main>div>h1 { font-family: "Poppins", arial, helvetica, sans-serif; font-size: -webkit-calc(1.40625rem + 1.875vw); font-size: calc(1.40625rem + 1.875vw); text-transform: uppercase; color: undefined; color: var(--scorpionColor) } @media (min-width: 1200px) { body.page-template-default main>div>h1 { font-size: 2.8125rem } } body.page-template-default main>div>h1+* { margin-top: 2.1875rem } .applyStyles h2 { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); line-height: 1.28571; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .applyStyles h2 { font-size: 1.75rem } } .applyStyles>p:not(.dontApplyStyle) { color: #181818; color: var(--black2Color); margin-top: .1875rem } .applyStyles a { color: #000000 !important; color: var(--blackColor) !important } .applyStyles img { width: 100% } #applystyles img { width: 100% } .singlePage__content__inner__block>p>a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background: #DECEB3; background: var(--goldColor); -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .singlePage__content__inner__block>p>a:hover { background: #e6ccb1 } .doctolibButton { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: $fontPoppins; font-family: var(--doctolibButtonFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--doctolibButtonFontSize, 1rem); color: #fff; color: var(--doctolibButtonTextColor, #fff); font-weight: 700; font-weight: var(--doctolibButtonFontWeight, 400); line-height: 29px; line-height: var(--doctolibButtonLineHeight, 1.25); letter-spacing: 0px; letter-spacing: var(--doctolibButtonLetterSpacing, 0px); text-align: center; text-transform: none; text-transform: var(--doctolibButtonTextTransform, none); padding: .125rem .9375rem .125rem .9375rem; padding: var(--doctolibButtonPaddingTop, 1em) var(--doctolibButtonPaddingRight, 1em) var(--doctolibButtonPaddingBottom, 1em) var(--doctolibButtonPaddingLeft, 1em); background: #000; background: var(--doctolibButtonBackgroundColor, #000); background-size: 300% 100%; -webkit-transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-transform: uppercase } .footer__doctolib>a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: $fontPoppins; font-family: var(--doctolibButtonFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--doctolibButtonFontSize, 1rem); color: #fff; color: var(--doctolibButtonTextColor, #fff); font-weight: 700; font-weight: var(--doctolibButtonFontWeight, 400); line-height: 29px; line-height: var(--doctolibButtonLineHeight, 1.25); letter-spacing: 0px; letter-spacing: var(--doctolibButtonLetterSpacing, 0px); text-align: center; text-transform: none; text-transform: var(--doctolibButtonTextTransform, none); padding: .125rem .9375rem .125rem .9375rem; padding: var(--doctolibButtonPaddingTop, 1em) var(--doctolibButtonPaddingRight, 1em) var(--doctolibButtonPaddingBottom, 1em) var(--doctolibButtonPaddingLeft, 1em); background: #000; background: var(--doctolibButtonBackgroundColor, #000); background-size: 300% 100%; -webkit-transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: background-position 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-transform: uppercase } .isRollHover.doctolibButton span, .footer__doctolib>a.isRollHover span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .doctolibButton svg { margin-left: 1em; margin-left: var(--doctolibButtonLogoMarginLeft, 1em) } .footer__doctolib>a svg { margin-left: 1em; margin-left: var(--doctolibButtonLogoMarginLeft, 1em) } .doctolibButton svg path { fill: #fff; fill: var(--doctolibButtonLogoColor, #fff) } .footer__doctolib>a svg path { fill: #fff; fill: var(--doctolibButtonLogoColor, #fff) } .doctolibButton:hover, .footer__doctolib>a:hover { background-position: 100% 0 } .arrowButton { display: inline-block; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .875rem; line-height: 1; color: undefined; color: var(--seaNymphColor) } .arrowButton svg { margin-left: .625rem; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) } @media (hover: hover) { .arrowButton:hover svg { -webkit-transform: translateX(.3125rem); -ms-transform: translateX(.3125rem); transform: translateX(.3125rem) } } .slideButton { position: relative; overflow: hidden } .slideButton>* { position: relative; z-index: 1; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .slideButton::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: undefined; background-color: var(--seaNymphColor); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } @media (hover: hover) { .slideButton:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slideButton:hover>* { color: #ffffff } } .headingFirstStyle { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); line-height: 1.28571; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .headingFirstStyle { font-size: 1.75rem } } .headingSecondStyle { font-weight: 700; font-weight: var(--fontWeightBold); font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; letter-spacing: 0.05em; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .headingSecondStyle { font-size: 1.3125rem } } .headingThirdStyle { font-family: Poppins, arial, helvetica, sans-serif; font-weight: 800; font-weight: var(--fontWeightExtraBold); letter-spacing: 0.09em; font-size: 1.125rem; line-height: 1.5; color: undefined; color: var(--shadowGreenColor) } .breadcrumb { color: #000; color: var(--breadcrumbColor, #000); line-height: 1; background: #F8F8F8; background: var(--grey2Color); padding-bottom: .375rem; padding-bottom: var(--breadcrumbMarginBottom, 2.1875rem) } @media only screen and (max-width: 1023px) { .breadcrumb { max-width: 100% !important } } .breadcrumb li { display: inline-block; font-size: .625rem } .breadcrumb ol { padding: 0 0 .375rem } .breadcrumb span { position: relative; top: .25rem } span.breadcrumb__current { font-weight: 500; font-weight: var(--fontWeightMedium, 500) } .breadcrumb-delimiter { margin: .3125rem; margin: var(--breadcrumbDelimiterMargin, .3125rem) } .breadcrumb span.sep { position: relative; top: 5px; margin: 0 .9375rem } .breadcrumb span.sep:before { content: ''; position: absolute; left: -8px; top: 9px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2475 3.74749C15.3842 3.6108 15.3842 3.3892 15.2475 3.25251L13.0201 1.02513C12.8834 0.888443 12.6618 0.888443 12.5251 1.02513C12.3884 1.16181 12.3884 1.38342 12.5251 1.5201L14.505 3.5L12.5251 5.4799C12.3884 5.61658 12.3884 5.83819 12.5251 5.97487C12.6618 6.11156 12.8834 6.11156 13.0201 5.97487L15.2475 3.74749ZM0 3.85H15V3.15H0V3.85Z' fill='black'/%3E%3C/svg%3E"); width: 16px; height: 10px; background-repeat: no-repeat } @media only screen and (min-width: 1024px) { .breadcrumb--absolute { --breadcrumbColor: #FFF; position: absolute; z-index: 10; top: 0; left: 0 } } #text-image-presentation .textImage .textImage__image { margin-bottom: 0 } @media only screen and (min-width: 1024px) { #text-image-presentation .textImage .textImage__image .image__has__headband { width: 80%; margin: 0 auto } } @media only screen and (max-width: 1023px) { #text-image-presentation .textImage .textImage__image .image__has__headband { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (max-width: 767px) { #text-image-presentation .textImage .textImage__image .image__has__headband { height: auto } } @media only screen and (max-width: 1023px) { #text-image-presentation .textImage .textImage__image .image__has__headband>* { width: 60% !important } } @media only screen and (max-width: 559px) { #text-image-presentation .textImage .textImage__image .image__has__headband>* { width: 86% } } #text-image-presentation .textImage .textImage__text__title { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: 1.25rem; line-height: 1.15; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; color: var(--black2Color) } @media only screen and (max-width: 767px) { #text-image-presentation .textImage .textImage__text__title { font-size: -webkit-calc(1.275rem + .3vw); font-size: calc(1.275rem + .3vw); line-height: 1.08333 } } @media only screen and (max-width: 767px) and (min-width: 1200px) { #text-image-presentation .textImage .textImage__text__title { font-size: 1.5rem } } @media only screen and (max-width: 767px) { #text-image-presentation .textImage .textImage__text__content { font-size: 1rem } } #text-image-presentation .textImage .textImage__text__content strong { display: block; font-size: 1.125rem; line-height: 1.05556; text-transform: uppercase; margin-top: -webkit-calc(1.375rem + 1.5vw); margin-top: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { #text-image-presentation .textImage .textImage__text__content strong { margin-top: 2.5rem } } @media only screen and (max-width: 767px) { #text-image-presentation .textImage .textImage__text__content strong { margin-top: -webkit-calc(1.275rem + .3vw); margin-top: calc(1.275rem + .3vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { #text-image-presentation .textImage .textImage__text__content strong { margin-top: 1.5rem } } #text-image-presentation .textImage .textImage__text__content p:last-of-type { font-style: italic } @media only screen and (max-width: 1023px) { .textImage .textImage__image { margin-bottom: -webkit-calc(1.46875rem + 2.625vw); margin-bottom: calc(1.46875rem + 2.625vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .textImage .textImage__image { margin-bottom: 3.4375rem } } .textImage .textImage__image .image__has__headband { --headband-width: 57px; position: relative } .textImage .textImage__image .image__has__headband>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100% } .textImage.textImage--right .textImage__image .image__has__headband:before { left: 0 } .textImage img { width: 100% } @media only screen and (min-width: 1024px) { .textImage:not(.textImage--notFullHeight) .textImage__image>* { height: auto } } @media only screen and (min-width: 1024px) { .textImage__image { width: 50% } } @media only screen and (max-width: 1023px) { .textImage__text { margin-top: 1.25rem } } .textImage__text .textImage__text__title { text-transform: inherit; font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .textImage__text .textImage__text__title { font-size: 1.75rem } } .textImage__text .textImage__text__title strong { display: block; font-family: "Poppins", arial, helvetica, sans-serif; color: undefined; color: var(--tacaoColor); font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.1em; text-transform: uppercase; margin-top: .3125rem } .textImage__text .textImage__text__title b { display: block; font-family: "Poppins", arial, helvetica, sans-serif; color: undefined; color: var(--tacaoColor); font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.1em; text-transform: uppercase; margin-top: .3125rem } .textImage__text__content>p:not(.dontApplyStyle) { font-size: .8125rem; color: #181818; color: var(--black2Color); line-height: 1.69231; text-align: justify; letter-spacing: 0.04em; font-family: "Poppins", arial, helvetica, sans-serif } @media only screen and (max-width: 767px) { .textImage__text__content>p:not(.dontApplyStyle) { line-height: 1.53846; text-align: inherit } } .textImage__text__content strong { margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw) } @media (min-width: 1200px) { .textImage__text__content strong { margin-top: 1.875rem } } .textImage__text__content ul { margin-top: .625rem; margin-bottom: -webkit-calc(1.375rem + 1.5vw); margin-bottom: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .textImage__text__content ul { margin-bottom: 2.5rem } } .textImage__text__content ul li { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='3' height='3' viewBox='0 0 3 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3' height='3' fill='%23181818'/%3E%3C/svg%3E") !important; background-size: 5px 12px !important; margin-top: .375rem } @media only screen and (max-width: 767px) { .textImage__text__content ul li { text-align: initial; background-size: 3px 13px !important } } .textImage__text__content__links { margin-top: 1.25rem } .textImage__text__content__links li a { padding-left: .9375rem; position: relative; font-size: .9375rem; color: #05313B; color: var(--primaryColor); font-weight: 600; font-weight: var(--fontWeightSemiBold); line-height: 1.86667; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .textImage__text__content__links li a:before { content: '•'; position: absolute; left: 0; color: #DECEB3; color: var(--goldColor) } .textImage__text__content__links li a:hover { color: #DECEB3; color: var(--goldColor) } .textImage__text__links a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } .sliderImages__text__link a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } @media (min-width: 1200px) { .textImage__text__links a, .sliderImages__text__link a { padding: .1875rem 2rem } } .textImage__text__links a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .sliderImages__text__link a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .textImage__text__links a:before, .sliderImages__text__link a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .textImage__text__links a:hover>*, .sliderImages__text__link a:hover>* { position: relative; color: #fff } .textImage__text__links a:hover::before, .sliderImages__text__link a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .singlePage .textImage__text__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 14px; gap: 14px; position: relative; text-align: left; font-family: undefined; font-family: var(--textFontFamily); font-size: 1.875rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.1em } @media only screen and (max-width: 767px) { .singlePage .textImage__text__title { font-size: 1.5rem } } .singlePage .textImage__text__title br { display: none } .singlePage .textImage__text__title:after { content: ''; position: absolute; background-color: #4c4c4c; left: 0; top: 58%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 2px } .singlePage .textImage__text__title strong { display: block; color: #181818; color: var(--textColor); font-family: undefined; font-family: var(--textFontFamily); font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.5; margin-top: 30px } .singlePage .textImage__text__content p { font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px } .singlePage .textImage__text__content a { padding: 0 0.25rem; background: #DECEB3; background: var(--goldColor); -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .singlePage .textImage__text__content a:hover { background: #e6ccb1 } .singlePage .textImage__text__content ol { list-style: decimal; margin-left: 2rem; margin-bottom: 0.3rem; font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px } .singlePage .textImage__text__content ol li { padding-bottom: 0.7rem } .singlePage .textImage__text__content ol li * { display: inline; line-height: 1.25; letter-spacing: 0.05em; color: undefined; color: var(--textColor) } .singlePage .textImage__text__content ul { font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px; margin-left: 2rem; margin-bottom: 0.3rem; list-style: disc; list-style-position: outside } .singlePage .textImage__text__content ul li { padding-bottom: 0.7rem } .singlePage .textImage__text__content ul li * { display: inline; line-height: 1.25; letter-spacing: 0.05em; color: undefined; color: var(--textColor) } .homeHero { display: block; -ms-grid-rows: auto 2.1875rem auto; grid-template-areas: 'content' 'video'; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 2.1875rem; top: -76px; position: relative } @media only screen and (min-width: 1026px) { .homeHero { grid-template-areas: "video content"; -ms-grid-columns: 1.2fr 2.1875rem 1fr; grid-template-columns: 1.2fr 1fr } } @media only screen and (min-width: 1200px) { .homeHero { -ms-grid-columns: 1.5fr 2.1875rem 1fr; grid-template-columns: 1.5fr 1fr } } .homeHero__video { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: video; position: relative } @media only screen and (max-width: 767px) { .homeHero__video .videoPlayer__video { height: 740px } .homeHero__video .videoPlayer__video .videoPlayer__video { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } } .homeHero__text { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-right: 15px; padding-right: var(--containerGutter); padding-left: 15px; padding-left: var(--containerGutter) } @media only screen and (min-width: 768px) { .homeHero__text { padding-left: 30px; padding-left: var(--containerGutter) } } @media only screen and (min-width: 768px) { .homeHero__text { padding-right: 30px; padding-right: var(--containerGutter) } } @media screen and (min-width: 1024px) and (max-width: 1248px) { .homeHero__text { padding-top: 15px; padding-top: var(--containerGutter); padding-bottom: 15px; padding-bottom: var(--containerGutter) } @media only screen and (min-width: 768px) { .homeHero__text { padding-bottom: 30px; padding-bottom: var(--containerGutter) } } @media only screen and (min-width: 768px) { .homeHero__text { padding-top: 30px; padding-top: var(--containerGutter) } } } @media only screen and (min-width: 1248px) { .homeHero__text { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw); padding-bottom: -webkit-calc(1.34375rem + 1.125vw); padding-bottom: calc(1.34375rem + 1.125vw) } } @media only screen and (min-width: 1248px) and (min-width: 1200px) { .homeHero__text { margin-top: 2.1875rem } } @media only screen and (min-width: 1248px) and (min-width: 1200px) { .homeHero__text { padding-bottom: 2.1875rem } } .homeHero__text__title { position: relative; z-index: 1; font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); color: undefined; color: var(--scorpionColor); font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.12em; text-transform: uppercase } @media (min-width: 1200px) { .homeHero__text__title { font-size: 1.75rem } } .homeHero__text__title strong { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-size: 1rem; color: undefined; color: var(--scorpionColor); font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.09em; text-transform: initial; line-height: 1.3; margin-top: .4rem } .homeHero__text__title b { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-size: 1rem; color: undefined; color: var(--scorpionColor); font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.09em; text-transform: initial; line-height: 1.3; margin-top: .4rem } .homeHero__text__title::after { content: ''; display: block; width: 2.125rem; height: 1px; background-color: undefined; background-color: var(--scorpionColor); margin-top: .9375rem; margin-bottom: .9375rem } @media (min-width: 1026px) and (max-width: 1200px) { .homeHero__text__title { font-size: -webkit-calc(1.275rem + .3vw); font-size: calc(1.275rem + .3vw) } } @media (min-width: 1026px) and (max-width: 1200px) and (min-width: 1200px) { .homeHero__text__title { font-size: 1.5rem } } .homeHero__text__content { --textColor: var(--scorpionColor); --textFontSize: .8125rem; --textLetterSpacing: 0.09em; --textLineHeight: 1.6 } .homeHero__text__content>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .homeHero__text__content>p:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #000; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 1.6; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.09em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } @media only screen and (min-width: 1280px) { .homeHero__text__content>p:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content>p+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>p a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } @media only screen and (min-width: 1280px) { .homeHero__text__content>p a:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content>p img { margin-top: 0 !important } .homeHero__text__content>ul:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #000; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 1.6; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.09em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left) } @media only screen and (min-width: 1280px) { .homeHero__text__content>ul:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content>ul:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } @media only screen and (min-width: 1280px) { .homeHero__text__content>ul:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content>ol:not(.dontApplyStyle) { font-family: inherit; font-family: var(--textFontFamily, inherit); font-size: .8125rem; font-size: var(--textFontSize, 1rem); color: #000; color: var(--textColor, #000); font-weight: 400; font-weight: var(--textFontWeight, 400); line-height: 1.6; line-height: var(--textLineHeight, 1.2); letter-spacing: 0.09em; letter-spacing: var(--textLetterSpacing, 0); text-align: initial; text-align: var(--textAlign, left); list-style-type: decimal; list-style-position: inside } @media only screen and (min-width: 1280px) { .homeHero__text__content>ol:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content>ol:not(.dontApplyStyle) ol { list-style-type: lower-latin; list-style-position: inside; margin-left: .9375rem } .homeHero__text__content>ol:not(.dontApplyStyle)+h1 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle)+h2 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle)+h3 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle)+h4 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle)+h5 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle)+h6 { margin-top: 1.25rem; margin-top: var(--headingMarginTop, 2.1875rem) } .homeHero__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .8125rem; font-size: var(--textFontSize, 1rem) } @media only screen and (min-width: 1280px) { .homeHero__text__content>ol:not(.dontApplyStyle) a:not(.dontApplyStyle) { font-size: .875rem; font-size: var(--textFontSize, 1rem) } } .homeHero__text__content h1, .homeHero__text__content h2, .homeHero__text__content h3, .homeHero__text__content h4, .homeHero__text__content h5, .homeHero__text__content h6 { display: block } .homeHero__text__content h1+h1, .homeHero__text__content h2+h1, .homeHero__text__content h3+h1, .homeHero__text__content h4+h1, .homeHero__text__content h5+h1, .homeHero__text__content h6+h1, .homeHero__text__content h1+h2, .homeHero__text__content h2+h2, .homeHero__text__content h3+h2, .homeHero__text__content h4+h2, .homeHero__text__content h5+h2, .homeHero__text__content h6+h2, .homeHero__text__content h1+h3, .homeHero__text__content h2+h3, .homeHero__text__content h3+h3, .homeHero__text__content h4+h3, .homeHero__text__content h5+h3, .homeHero__text__content h6+h3, .homeHero__text__content h1+h4, .homeHero__text__content h2+h4, .homeHero__text__content h3+h4, .homeHero__text__content h4+h4, .homeHero__text__content h5+h4, .homeHero__text__content h6+h4, .homeHero__text__content h1+h5, .homeHero__text__content h2+h5, .homeHero__text__content h3+h5, .homeHero__text__content h4+h5, .homeHero__text__content h5+h5, .homeHero__text__content h6+h5, .homeHero__text__content h1+h6, .homeHero__text__content h2+h6, .homeHero__text__content h3+h6, .homeHero__text__content h4+h6, .homeHero__text__content h5+h6, .homeHero__text__content h6+h6 { display: block; margin-top: 0 } .homeHero__text__content>ul.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } .homeHero__text__content>ol.dontApplyStyle>li+li { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } @media only screen and (min-width: 1280px) { .homeHero__text__content { --textFontSize: .875rem } } .homeHero__text__link { margin-top: .9375rem } @media only screen and (min-width: 1248px) { .homeHero__text__link { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } } @media only screen and (min-width: 1248px) and (min-width: 1200px) { .homeHero__text__link { margin-top: 2.1875rem } } .buttonsBlock { padding: -webkit-calc(1.3125rem + .75vw) 0 -webkit-calc(1.325rem + .9vw); padding: calc(1.3125rem + .75vw) 0 calc(1.325rem + .9vw); background: #F4F4F4; background: var(--greyColor) } @media (min-width: 1200px) { .buttonsBlock { padding: 1.875rem 0 2rem } } .buttonsBlock__title { font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); font-weight: 700; font-weight: var(--fontWeightBold); margin-bottom: -webkit-calc(1.28125rem + .375vw); margin-bottom: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { .buttonsBlock__title { font-size: 1.3125rem } } @media (min-width: 1200px) { .buttonsBlock__title { margin-bottom: 1.5625rem } } .buttonsBlock__title:after { display: none } .buttonsBlock__buttons { position: relative } .buttonsBlock__buttons a { position: relative; overflow: hidden; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; background: #ffffff; background: var(--whiteColor) } .buttonsBlock__buttons a span { color: #181818; color: var(--black2Color); z-index: 1; line-height: initial } .buttonsBlock__buttons a:after { content: ''; width: 5px; height: 100%; position: absolute; background-color: #181818; background-color: var(--black2Color); left: 0; top: 0 } .buttonsBlock__buttons a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #181818; background-color: var(--black2Color); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .buttonsBlock__buttons a:hover:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .buttonsBlock__buttons a:hover span { color: #ffffff; color: var(--whiteColor) } .buttonsBlock__buttons>div.swiper-container { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; max-width: 100% !important } .buttonsBlock__buttons .swiper-pagination-bullets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; position: relative; bottom: 6px } .buttonsBlock__buttons .swiper-pagination-bullet { width: 12px; height: 12px; position: relative; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 100%; border-radius: 100%; padding: 0; background: gray; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none } .buttonsBlock__buttons .swiper-pagination-bullet-active { background: #000 } .buttonsBlock__buttons .swiper-pagination-bullet::before { content: ''; display: block; width: -webkit-calc(100% + (4px * 2)); width: calc(100% + (4px * 2)); height: -webkit-calc(100% + (4px * 2)); height: calc(100% + (4px * 2)); position: absolute; top: 0; right: -webkit-calc(4px * -1); right: calc(4px * -1); bottom: 0; left: -webkit-calc(4px * -1); left: calc(4px * -1); opacity: 0; margin: auto; border: 1px solid #000; -webkit-border-radius: 100%; border-radius: 100%; background-color: transparent; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none } .buttonsBlock__buttons .swiper-pagination-bullet-active::before { opacity: 1 } .buttonsBlock__buttons .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-gap: 8px; gap: 8px } .buttonsBlock__buttons__child { width: 100%; max-width: 19.5rem; margin: -webkit-calc(0.5625rem / 2) -webkit-calc(0.9375rem / 2); margin: calc(0.5625rem / 2) calc(0.9375rem / 2); height: 48px } .titleTextButton .titleTextButton__content { padding: -webkit-calc(1.7125rem + 5.55vw) 0; padding: calc(1.7125rem + 5.55vw) 0 } @media (min-width: 1200px) { .titleTextButton .titleTextButton__content { padding: 5.875rem 0 } } @media only screen and (max-width: 559px) { .titleTextButton .titleTextButton__content { padding: 85px 20px } } .titleTextButton__title { font-family: "Optima", arial, helvetica, sans-serif; font-size: 1.75rem; text-align: center; color: #000000; color: var(--blackColor); font-weight: 700; letter-spacing: 0.56px; text-transform: uppercase } .home .titleTextButton__title { color: #ffffff; color: var(--whiteColor) } .titleTextButton__subtitle { font-size: .8125rem; line-height: 1.2; letter-spacing: 2.6px; color: #ffffff; color: var(--whiteColor); text-align: center; margin-top: .25rem; margin-bottom: .375rem; font-weight: 500; text-transform: uppercase } .titleTextButton__text { font-family: "Poppins", arial, helvetica, sans-serif; width: 48%; font-size: .8125rem; line-height: 1.69231; text-align: center; letter-spacing: 0.04em; color: #000000; color: var(--blackColor); margin: 1rem auto } @media only screen and (max-width: 1023px) { .titleTextButton__text { width: 95%; font-size: 1rem } } .home .titleTextButton__text { color: #ffffff; color: var(--whiteColor) } .titleTextButton__link { max-width: 130px; margin: 1.25rem auto 0 } .titleTextButton__link a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } @media (min-width: 1200px) { .titleTextButton__link a { padding: .1875rem 2rem } } .titleTextButton__link a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .titleTextButton__link a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .titleTextButton__link a:hover>* { position: relative; color: #fff } .titleTextButton__link a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .tabs .tabs-nav { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 0.5px solid #000; border-bottom: 0.5px solid #000; position: relative } .tabs .tabs-nav a { font-family: "Optima", arial, helvetica, sans-serif; width: 50%; padding: 1rem; background-color: #F8F8F8; background-color: var(--grey2Color); text-align: center; font-size: 1rem; color: #181818; line-height: 1.2381; font-weight: 400; letter-spacing: 0.05em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; text-transform: uppercase; position: relative } @media only screen and (max-width: 767px) { .tabs .tabs-nav a { padding: .875rem .625rem; font-size: 1.125rem } } .tabs .tabs-nav a:before { content: ""; position: absolute; width: 0.5px; height: 20px; background-color: #000; right: -1px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .tabs .tabs-nav a:last-of-type:before { display: none } .tabs .tabs-nav a span { position: relative; top: 2px; margin-left: 8px } .tabs .tabs-nav a:nth-child(2) { border-right: 1px solid #ffffff; border-right: 1px solid var(--whiteColor); border-left: 1px solid #ffffff; border-left: 1px solid var(--whiteColor) } .tabs a[aria-selected="true"] { background-color: rgba(0, 0, 0, 0.05); color: #181818 } .tabs .tab-content { padding: -webkit-calc(1.275rem + .3vw) 0 0; padding: calc(1.275rem + .3vw) 0 0 } @media (min-width: 1200px) { .tabs .tab-content { padding: 1.5rem 0 0 } } .tabs .tab-content .tab__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media only screen and (max-width: 767px) { .tabs .tab-content .tab__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .tabs .tab-content .tab__content .tab__content__left { position: relative; width: 50%; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem } @media only screen and (max-width: 767px) { .tabs .tab-content .tab__content .tab__content__left { width: 100% } } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__title { position: relative; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem; color: #181818; color: var(--black2Color); text-transform: uppercase; line-height: 1.76923; font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.02em; margin-bottom: .625rem } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__descri { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 400; font-weight: var(--fontWeightRegular); font-size: .8125rem; line-height: 1.76923; letter-spacing: 0.02em; color: #181818; color: var(--black2Color); margin-top: 15px } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__descri { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 400; font-weight: var(--fontWeightRegular); font-size: .8125rem; line-height: 1.76923; letter-spacing: 0.02em; color: #181818; color: var(--black2Color); margin-top: 15px } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__descri ul, .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__descri ul { margin-top: .625rem } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__descri ul li { font-weight: 700; font-weight: var(--fontWeightBold); padding-left: 1.6rem; position: relative; margin-bottom: .75rem } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__descri ul li { font-weight: 700; font-weight: var(--fontWeightBold); padding-left: 1.6rem; position: relative; margin-bottom: .75rem } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__descri ul li:before, .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__descri ul li:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6.5' fill='%23DECEB3' fill-opacity='0.35'/%3E%3Ccircle cx='6.49978' cy='6.49997' r='3.61111' fill='%23DECEB3'/%3E%3C/svg%3E"); width: 14px; height: 14px; background-repeat: no-repeat } .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__title { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; letter-spacing: 0.05em; color: #181818; color: var(--black2Color); margin-top: 1.25rem } @media (min-width: 1200px) { .tabs .tab-content .tab__content .tab__content__left .tab__content__left__bottom__title { font-size: 1.3125rem } } .tabs .tab-content .tab__content .tab__content__right { width: 50% } @media only screen and (max-width: 767px) { .tabs .tab-content .tab__content .tab__content__right { width: 100% } } .tabs .tab-content .tab__map { padding: 0 -webkit-calc(1.35625rem + 1.275vw); padding: 0 calc(1.35625rem + 1.275vw) } @media (min-width: 1200px) { .tabs .tab-content .tab__map { padding: 0 2.3125rem } } .tabs .tab-content.is-active { overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .tabs .tab-content[hidden="hidden"] { display: block; position: absolute; top: 0; right: 0; left: 0; pointer-events: none; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } .miniSlider .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .miniSlider__slider { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: slider } .beforeAfterSlider>.miniSlider__slider { -ms-grid-row: 1; -ms-grid-column: 2 } .miniSlider__slider .slider__content { background: #F4F4F4; background: var(--greyColor); padding: .625rem } .miniSlider__slider .slider__content .slider__title { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 600; font-weight: var(--fontWeightSemiBold); font-size: 1rem; line-height: 1.75; text-align: center; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } .miniSlider__slider .miniSlider__pagination { position: inherit; z-index: 9999; bottom: 0; margin: .1875rem auto; left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } @media only screen and (max-width: 1023px) { .miniSlider__slider .miniSlider__pagination { bottom: -2px } } .miniSlider__slider .miniSlider__pagination>span { background: #C1C7CD; background: var(--grey6Color); opacity: 1 } .miniSlider .swiper-container { overflow: hidden; height: 100% } .miniSlider { margin: -webkit-calc(1.34375rem + 1.125vw) auto; margin: calc(1.34375rem + 1.125vw) auto } @media only screen and (min-width: 1024px) { .miniSlider { margin: 0rem !important } } @media (min-width: 1200px) { .miniSlider { margin: 2.1875rem auto } } .miniSlider .swiper-slide { -webkit-transition: opacity .2s ease-in-out, -webkit-transform .3s ease; transition: opacity .2s ease-in-out, -webkit-transform .3s ease; -o-transition: transform .3s ease, opacity .2s ease-in-out; transition: transform .3s ease, opacity .2s ease-in-out; transition: transform .3s ease, opacity .2s ease-in-out, -webkit-transform .3s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .miniSlider .slider__container img { display: block; width: 100%; max-height: 410px } .miniSlider__slideContent__title { font-family: "Optima", arial, helvetica, sans-serif; font-size: .6875rem; color: #4F868C; color: var(--greenColor); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.2; letter-spacing: 0.03em; margin-bottom: .25rem } .swiper-slide-prev .miniSlider__slideContent__title, .swiper-slide-next .miniSlider__slideContent__title { font-size: .9375rem } .miniSlider__navigationLeft, .miniSlider__navigationRight { width: 32px; height: 32px; border: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #DECEB3; cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .miniSlider__navigationLeft { background-color: rgba(222, 206, 179, 0.7) } .miniSlider__navigationLeft { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: prev; -ms-grid-row-align: center; align-self: center } .miniSlider__navigationRight { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: next; -ms-grid-row-align: center; align-self: center } .miniSlider__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px } .tab__content__left__descri .headingsecondStyle { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.23; letter-spacing: 0.05em; color: #181818; color: var(--black2Color); margin-bottom: 15px } @media (min-width: 1200px) { .tab__content__left__descri .headingsecondStyle { font-size: 1.3125rem } } .blocMot { margin-top: -30px } .blocMot .blocMot__text { font-size: -webkit-calc(1.2875rem + .45vw); font-size: calc(1.2875rem + .45vw); text-align: center; margin: 0 auto 1.25rem; font-family: "Baskerville", arial, helvetica, sans-serif; font-style: italic; font-weight: normal; line-height: 1.05; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .blocMot .blocMot__text { font-size: 1.625rem } } @media only screen and (max-width: 1023px) { .blocMot .blocMot__text { width: 90%; font-size: -webkit-calc(1.275rem + .3vw); font-size: calc(1.275rem + .3vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .blocMot .blocMot__text { font-size: 1.5rem } } .blocMot .blocMot__author { font-weight: 700; font-weight: var(--fontWeightBold); text-align: center; font-size: .8125rem; letter-spacing: 0.1em; text-transform: capitalize; color: #181818; color: var(--black2Color); letter-spacing: 0.02em; font-family: "Poppins", arial, helvetica, sans-serif; line-height: 1.61538; text-transform: uppercase } .ImageTitleSubtitleText { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); position: relative; z-index: 1 } .ImageTitleSubtitleText__item { position: relative } .ImageTitleSubtitleText__item:after { content: ""; position: absolute; width: 100%; height: 1px; background: #F2F2F2; background: var(--grey3Color); left: 0; bottom: 0 } .ImageTitleSubtitleText__item:last-of-type:after { display: none } .ImageTitleSubtitleText__left { text-align: center } @media only screen and (min-width: 1024px) { .ImageTitleSubtitleText__left img { width: 60% } } @media only screen and (max-width: 767px) { .ImageTitleSubtitleText__left img { width: 70% } } .ImageTitleSubtitleText__item__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; padding-top: -webkit-calc(1.2875rem + .45vw); padding-top: calc(1.2875rem + .45vw) } @media (min-width: 1200px) { .ImageTitleSubtitleText__item__content { padding-top: 1.625rem } } @media only screen and (max-width: 767px) { .ImageTitleSubtitleText__item__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .ImageTitleSubtitleText__item__content>* { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media only screen and (max-width: 767px) { .ImageTitleSubtitleText__item__content>* { width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__title { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; letter-spacing: 0.05em; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__title { font-size: 1.3125rem } } .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__text { margin-bottom: -webkit-calc(1.28125rem + .375vw); margin-bottom: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__text { margin-bottom: 1.5625rem } } .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__subtitle { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; text-align: justify; letter-spacing: 0.04em; color: #181818; color: var(--black2Color); margin-top: .875rem } .ImageTitleSubtitleText__item__content>* .ImageTitleSubtitleText__text { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; text-align: justify; letter-spacing: 0.04em; color: #181818; color: var(--black2Color); margin-top: .875rem } @media only screen and (max-width: 767px) { .ImageTitleSubtitleText__item__content .ImageTitleSubtitleText__right { margin: 1.25rem; width: 94% } } @media only screen and (max-width: 559px) { .ImageTitleSubtitleText__item__content .ImageTitleSubtitleText__right { margin: .625rem } } .archivePage__posts { margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw); margin-bottom: -webkit-calc(1.28125rem + .375vw); margin-bottom: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { .archivePage__posts { margin-top: 1.5625rem } } @media (min-width: 1200px) { .archivePage__posts { margin-bottom: 1.5625rem } } .post--firstStyle { width: -webkit-max-content; width: -moz-max-content; width: max-content } .post--firstStyle a { margin-left: auto; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .post--firstStyle a img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } @media only screen and (min-width: 1026px) { .post--firstStyle a { margin-left: 0 } } .post--firstStyle__title { font-size: 1rem; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; margin-top: 0.3em; margin-top: var(--postTitleMarginTop, 0.3em); margin-bottom: 0.3em; margin-bottom: var(--postTitleMarginBottom, 0.3em); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; letter-spacing: 0.05em; color: #181818; color: var(--black2Color); -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } @media (min-width: 1200px) { .post--firstStyle__title { font-size: 1.3125rem } } .post--firstStyle__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; position: relative; z-index: 1; overflow: hidden; padding: .9375rem 0; margin-top: 0; margin-right: 0; margin-left: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .post--firstStyle__content .post--firstStyle__content__meta { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.53846; letter-spacing: 0.04em; color: #DECEB3; color: var(--goldColor) } .post--firstStyle__thumbnail { position: relative } .post--firstStyle__content__meta { position: absolute; top: 0; background: rgba(254, 252, 250, 0.8); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); margin: 8px; padding: 8px 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-gap: 8px; gap: 8px } .post--firstStyle__date { display: inline-block; font-family: inherit; font-family: var(--postDateFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: .8125rem; letter-spacing: 0.05em; color: #000000; color: var(--blackColor); text-transform: uppercase } .post--metaHaveDivider::after { content: '-'; margin-left: 6px; margin-right: 1px } .post--firstStyle__category { display: inline-block; font-family: inherit; font-family: var(--postCategoryFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-size: .8125rem; color: #000000; color: var(--blackColor); font-weight: 700; font-weight: var(--postCategoryFontWeight, var(--postFontWeight, 700)); letter-spacing: 0; letter-spacing: var(--postCategoryLetterSpacing, var(--postLetterSpacing, 0)); text-transform: uppercase } .post--firstStyle__excerpt { font-family: inherit; font-family: var(--postExcerptFontFamily, var(--postFontFamily, var(--textFontFamily, inherit))); font-weight: 400; font-weight: var(--postExcerptFontWeight, var(--postFontWeight, 400)); line-height: 1.69231; text-align: left; text-align: var(--postExcerptTextAlign, left); font-size: .8125rem; letter-spacing: 0.04em; color: #181818; color: var(--black2Color) } .post--firstStyle a:hover .post--firstStyle__title { color: initial } .post--firstStyle__readMore { margin-top: .625rem; padding-top: 0 } .post--firstStyle__readMore>div { background: #000000; background: var(--blackColor); padding: .5rem -webkit-calc(1.30625rem + .675vw); padding: .5rem calc(1.30625rem + .675vw); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } @media (min-width: 1200px) { .post--firstStyle__readMore>div { padding: .5rem 1.8125rem } } .post--firstStyle__readMore>div span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); line-height: initial; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem; display: flex; color: #ffffff; color: var(--whiteColor); border-bottom: none } .post--firstStyle__readMore>div:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .post--firstStyle a:hover .post--firstStyle__content { -webkit-transform: none; -ms-transform: none; transform: none } .post--firstStyle a:hover .post--firstStyle__content .post--firstStyle__title { color: #DECEB3; color: var(--goldColor) } .post--firstStyle a:hover .post--firstStyle__thumbnail img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .post--firstStyle a:hover .post--firstStyle__readMore>div>* { position: relative; z-index: 1; color: #fff } .post--firstStyle a:hover .post--firstStyle__readMore>div::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100% } body.category .pagination--firstStyle { margin-bottom: -webkit-calc(1.4375rem + 2.25vw); margin-bottom: calc(1.4375rem + 2.25vw) } @media (min-width: 1200px) { body.category .pagination--firstStyle { margin-bottom: 3.125rem } } .pagination--firstStyle { margin-bottom: 0 } .pagination--firstStyle>a:not(.pagination--firstStyle__pages) { display: block; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .pagination--firstStyle>a:not(.pagination--firstStyle__pages).pagination--firstStyle__prev:hover { -webkit-transform: translateX(-.3125rem); -ms-transform: translateX(-.3125rem); transform: translateX(-.3125rem) } .pagination--firstStyle>a:not(.pagination--firstStyle__pages).pagination--firstStyle__next:hover { -webkit-transform: translateX(.3125rem); -ms-transform: translateX(.3125rem); transform: translateX(.3125rem) } .pagination--firstStyle__pages { font-family: "Optima", arial, helvetica, sans-serif } .pagination--firstStyle__pages .page-number { color: #181818; color: var(--black2Color, #C7BBA6); font-weight: 600; font-size: .8125rem } .pagination--firstStyle__pages .page-number.current { color: #D9AE69; color: var(--gold2Color); -webkit-border-radius: 100%; border-radius: 100%; background-color: transparent; font-weight: 600; font-weight: var(--fontWeightSemiBold) } .pagination--firstStyle { border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; margin-top: -webkit-calc(1.4375rem + 2.25vw); margin-top: calc(1.4375rem + 2.25vw) } @media (min-width: 1200px) { .pagination--firstStyle { margin-top: 3.125rem } } .pagination--firstStyle>a:not(.pagination--firstStyle__pages).pagination--firstStyle__next { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .pagination--firstStyle>a:not(.pagination--firstStyle__pages).pagination--firstStyle__next:hover svg path { fill: #D9AE69; fill: var(--gold2Color) } .pagination--firstStyle__pages ul li { width: 12px } .pagination--firstStyle__pages .page-number:not(.current):hover { color: #D9AE69; color: var(--gold2Color) } .pagination--firstStyle__pages .page-number:not(.current):focus { color: #D9AE69; color: var(--gold2Color) } .authorBlock { margin-top: 35px } .authorBlock a { text-decoration: none } .authorBlock-heading { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 1200px) { .authorBlock-heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .authorBlock-heading__image { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 145px } .authorBlock-heading__image>img { -webkit-border-radius: 100%; border-radius: 100% } @media only screen and (max-width: 1023px) { .authorBlock-heading__image>img { max-width: 120px } } .authorBlock-heading .authorBlock-heading__content { padding-top: 0 } @media only screen and (min-width: 1200px) { .authorBlock-heading .authorBlock-heading__content { margin-left: 1.25rem } } @media only screen and (max-width: 1023px) { .authorBlock-heading .authorBlock-heading__content { margin-left: 0 } } @media only screen and (max-width: 1023px) { .authorBlock-heading .authorBlock-heading__content { margin-top: -webkit-calc(1.275rem + .3vw); margin-top: calc(1.275rem + .3vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .authorBlock-heading .authorBlock-heading__content { margin-top: 1.5rem } } @media only screen and (max-width: 767px) { .authorBlock-heading .authorBlock-heading__content { margin-top: .625rem } } .authorBlock-heading__content .authorBlock-heading__content__title { margin-bottom: .4375rem !important; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 500; font-weight: var(--fontWeightMedium); font-size: .8125rem; line-height: 1.53846; letter-spacing: 0.2em; text-transform: uppercase; color: #181818; color: var(--black2Color) } @media only screen and (max-width: 1023px) { .authorBlock-heading__content .authorBlock-heading__content__title { line-height: 1.76471 } } @media only screen and (min-width: 1024px) { .authorBlock-heading__content__title { text-align: left } } .authorBlock-heading__content__title strong { font-weight: undefined; font-weight: var(--fontWeightHeavy) } .authorBlock-heading__content .authorBlock-heading__content__description { width: 70%; font-size: .8125rem !important; color: #181818 !important; color: var(--black2Color) !important; line-height: 1.92308 !important; text-align: justify !important } @media only screen and (max-width: 1025px) { .authorBlock-heading__content .authorBlock-heading__content__description { width: 100%; text-align: inherit !important } } .authorBlock-heading__content .authorBlock-heading__content__learn-more a span { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #000000 !important; color: var(--blackColor) !important; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.76923; letter-spacing: 0.02em } .authorBlock-heading__content .authorBlock-heading__content__learn-more a svg path { fill: #4F868C !important; fill: var(--greenColor) !important } .authorBlock-heading__content .authorBlock-heading__content__learn-more a:hover span { color: #DECEB3 !important; color: var(--goldColor) !important } .authorBlock .authorBlock-footer { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 18px; padding: 12px 20px; background: rgba(24, 24, 24, 0.439216); -webkit-box-pack: justify } .authorBlock .authorBlock-footer .authorBlock-footer__phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .authorBlock .authorBlock-footer .authorBlock-footer__phone p { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); font-weight: 300; font-weight: var(--fontWeightLight); line-height: 1.76923 } .authorBlock .authorBlock-footer .authorBlock-footer__phone a { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); font-weight: 300; font-weight: var(--fontWeightLight); line-height: 1.76923 } .authorBlock .authorBlock-footer .authorBlock-footer__phone a { font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.05em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .authorBlock .authorBlock-footer .authorBlock-footer__phone a svg { margin-right: .625rem } .authorBlock .authorBlock-footer .authorBlock-footer__phone a svg path { fill: #ffffff; fill: var(--whiteColor) } @media only screen and (max-width: 1200px) { .authorBlock-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .authorBlock-footer__left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 1200px) { .authorBlock-footer__left { margin-bottom: 10px !important } } @media only screen and (max-width: 1200px) { .authorBlock-footer__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .authorBlock-footer__left>*:first-child { margin-bottom: 10px !important } } .authorBlock-footer__phone p { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: .875rem; font-weight: 400; line-height: 1 } .authorBlock-footer__phone p>span { display: inline-block; margin-right: .625rem; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; letter-spacing: 0.04em; color: #ffffff; color: var(--whiteColor) } @media only screen and (max-width: 1200px) { .authorBlock-footer__phone p>span { display: none } } .authorBlock-footer__phone p a svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 6px } .authorBlock-footer__phone p a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #ffffff !important; fill: var(--whiteColor) !important } .authorBlock-footer__phone::after { content: ""; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 1px; height: 14px; margin-top: 4px !important; margin-right: 20px; margin-left: 15px; background-color: #ffffff !important; background-color: var(--whiteColor) !important } @media only screen and (max-width: 1200px) { .authorBlock-footer__phone::after { display: none } } .authorBlock-footer__mail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center } @media only screen and (max-width: 559px) { .authorBlock-footer__mail { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } } .authorBlock-footer__mail p { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .authorBlock-footer__mail p a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: .8125rem !important; color: #ffffff; color: var(--whiteColor); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1; letter-spacing: 0.02em; background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(5%, #fff), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, #fff 0%, #fff 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, #fff 0%, #fff 5%, transparent 5.01%) no-repeat right bottom/0 100%; -webkit-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important; -o-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important; transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important; font-family: "Poppins", arial, helvetica, sans-serif } @media only screen and (max-width: 767px) { .authorBlock-footer__mail p a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.3 } } .authorBlock-footer__mail p a:hover { background-size: 100% 100%; background-position: left bottom } .authorBlock-footer__mail p a svg { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px } .authorBlock-footer__mail p a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #ffffff !important; fill: var(--whiteColor) !important } .authorBlock-footer__socials ul { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .authorBlock-footer__socials ul li+li { margin-left: 8px } .authorBlock-footer__socials ul li:last-child { margin-left: 14px } .authorBlock-footer__socials a { display: inline-block; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .authorBlock-footer__socials a:hover svg path { fill: #DECEB3; fill: var(--goldColor) } .authorBlock-footer__socials a svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #ffffff; fill: var(--whiteColor) } .authorBlock-footer__phone::after { background-color: #FFF } .authorBlock-heading__content .authorBlock-heading__content__learn-more { margin-top: .625rem } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: .625rem; padding-bottom: .4375rem; color: undefined; color: var(--hippieBlueColor) } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a span { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .875rem; border: none; padding: 0; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; margin-left: .625rem } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a svg { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a svg path { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; fill: #181818 !important; fill: var(--black2Color) !important } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a:hover span { color: #DECEB3 !important; color: var(--goldColor) !important } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a:hover svg { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px) } .authorBlock-heading__content .authorBlock-heading__content__learn-more>a:hover svg path { fill: #DECEB3 !important; fill: var(--goldColor) !important } .alsoToRead { padding: 1.1875rem -webkit-calc(1.26875rem + .225vw); padding: 1.1875rem calc(1.26875rem + .225vw); background: #F2F2F2; background: var(--alsoToReadBackgroundColor) } @media (min-width: 1200px) { .alsoToRead { padding: 1.1875rem 1.4375rem } } .alsoToRead__links ul { list-style: outside; list-style-type: none; margin-left: 0 } .alsoToRead__links ul>li a { -webkit-transition: color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: color 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); padding-left: 1.875rem; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; letter-spacing: 0.04em; color: #181818; color: var(--black2Color); padding-bottom: .1875rem; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .alsoToRead__links ul>li a:before { content: ''; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='10' viewBox='0 0 21 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.799023 5.58566L17.7114 5.58566L14.91 8.29417C14.5973 8.59636 14.5961 9.08786 14.9072 9.39122C15.2182 9.69497 15.7241 9.69613 16.0368 9.39394L20.2094 5.3595C20.2098 5.35911 20.2098 5.35911 20.2102 5.35872C20.522 5.05653 20.5228 4.56347 20.2102 4.2605C20.2098 4.26011 20.2098 4.26011 20.2094 4.25973L16.0368 0.225286C15.7241 -0.0769095 15.2186 -0.075746 14.9072 0.228001C14.5961 0.531747 14.5973 1.02286 14.91 1.32506L17.7114 4.03395L0.799023 4.03395C0.357806 4.03395 0.000439148 4.38115 0.000439111 4.8098C0.000439073 5.23846 0.357806 5.58566 0.799023 5.58566Z' fill='%23181818'%3E%3C/path%3E%3C/svg%3E"); left: -2px; width: 20px; top: 4px; height: 10px; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease } .alsoToRead__links ul>li a:hover:after { opacity: 1 } .alsoToRead__links ul>li a:hover:before { content: ''; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px) } @media only screen and (max-width: 767px) { .alsoToRead__links ul>li a:hover { -webkit-text-decoration: revert; text-decoration: revert } } .alsoToRead__links li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 20px; gap: 20px } .alsoToRead__links li a picture img { width: 100%; max-height: 150px; max-width: 150px } .contactForm { margin-top: 1.25rem } .contactForm .materialInput+.materialInput { margin-top: .625rem; margin-top: var(--contactFormInputsGap, .625rem) } @media only screen and (min-width: 768px) { .contactForm .materialInput+.materialInput { margin-top: 0px; margin-top: var(--contactFormInputsGap, .625rem) } } @media only screen and (min-width: 768px) { .contactForm { --contactFormInputsGap: 0px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--contactBlockFormColumnGap, 2.1875rem) 1fr; grid-template-columns: 1fr 1fr; grid-gap: .625rem 2.1875rem; grid-gap: var(--contactBlockFormRowGap, .625rem) var(--contactBlockFormColumnGap, 2.1875rem) } .contactForm .contactForm__footer, .contactForm .wpcf7-response-output, .contactForm>* { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2 } .contactForm>*:nth-child(1) { -ms-grid-column: 1; grid-column: 1 } .contactForm>*:nth-child(2) { -ms-grid-column: 2; grid-column: 2 } .contactForm>*:nth-child(3) { -ms-grid-column: 1; grid-column: 1 } .contactForm>*:nth-child(4) { -ms-grid-column: 2; grid-column: 2 } } .contactForm__footer { display: -ms-grid; display: grid; -ms-grid-rows: auto var(--contactFormFooterGap, 1.25rem) auto var(--contactFormFooterGap, 1.25rem) auto; grid-template-areas: "acceptance acceptance" "files files" ". submit"; -ms-grid-columns: 1fr var(--contactFormFooterGap, 1.25rem) auto; grid-template-columns: 1fr auto; grid-gap: 1.25rem; grid-gap: var(--contactFormFooterGap, 1.25rem); margin-top: -webkit-calc(1.3rem + .6vw); margin-top: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .contactForm__footer { margin-top: 1.75rem } } @media only screen and (max-width: 1023px) { .contactForm__footer { margin-bottom: -webkit-calc(1.3rem + .6vw); margin-bottom: calc(1.3rem + .6vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .contactForm__footer { margin-bottom: 1.75rem } } .contactForm__footer__acceptance { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: acceptance } .wpcf7-list-item { margin-left: 0 !important } .wpcf7-list-item>label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .wpcf7-list-item>label>input { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .wpcf7-list-item-label { display: inline-block; font-size: .75rem; margin-left: .3125rem; font-weight: 400; font-weight: var(--fontWeightRegular); line-height: 2.2; letter-spacing: 0.04em; color: #181818; color: var(--black2Color) } .contactForm__footer__files { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: files; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .contactForm__footer__files__inputs>.contactForm__footer__files { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } @media only screen and (max-width: 767px) { .contactForm__footer__files { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .contactForm__footer__files>p { font-size: .8125rem; position: relative; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.76923; top: .6875rem; margin-right: .625rem; margin-bottom: .3125rem; font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } @media only screen and (max-width: 559px) { .contactForm__footer__files>p { font-size: .6875rem; position: initial; margin-right: .5rem; margin-bottom: 0rem } } .contactForm__footer__files__inputs { display: -ms-grid; display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-template-areas: "input" "files"; -ms-grid-columns: auto; grid-template-columns: auto; margin-top: .3125rem } @media only screen and (max-width: 559px) { .contactForm__footer__files__inputs { margin-top: 0 } } .contactForm__footer__files__inputs #mfcf7_zl_multifilecontainer { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: files; margin-top: 0 !important } .contactForm__footer__files__inputs #mfcf7_zl_multifilecontainer p { text-align: center; margin-bottom: 0 } .contactForm__footer__files__inputs #mfcf7_zl_multifilecontainer p+p { margin-top: .3125rem } .contactForm__footer__files__inputs input { font-size: .8125rem; font-weight: 700; font-weight: var(--fontWeightBold); text-transform: uppercase; padding: .375rem 1rem; line-height: 1.76923; color: #181818; color: var(--black2Color); background: #F4F4F4; background: var(--greyColor); letter-spacing: 0.02em; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .contactForm__footer__files__inputs input:hover { background: #E0E0E0; background: var(--lightGrayColor) } @media only screen and (max-width: 399px) { .contactForm__footer__files__inputs input { font-size: .75rem; padding: .3125rem .5rem } } .contactForm__footer__files__inputs .mfcf7-zl-multifile-name { display: inline-block; max-width: 200px; overflow: hidden; font-size: 1.0625rem; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } .contactForm__footer__files__inputs .mfcf7_zl_delete_file span { display: inline-block; position: relative; margin-top: -8px; margin-left: .3125rem; vertical-align: middle; visibility: hidden } .contactForm__footer__files__inputs>span>*:not(.wpcf7-not-valid-tip) { display: none } .contactForm__footer__files__inputs .mfcf7_zl_delete_file span::after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='12' viewBox='0 0 329.26933 329' width='12'%3E%3Cpath fill='%23000' d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'/%3E%3C/svg%3E"); position: absolute; top: 1px; left: 0; visibility: visible } .mfcf7-zl-multifile-name { font-family: inherit; font-family: var(--contactFormFilenameTextFontFamily, var(--textFontFamily, inherit)); font-size: .8125rem; font-size: var(--contactFormFilenameTextFontSize, var(--textFontSize, 1rem)); color: #DECEB3; color: var(--contactFormFilenameTextColor, var(--sectionColor, var(--textColor, #000))); font-weight: 400; font-weight: var(--contactFormFilenameTextFontWeight, 400); line-height: 1.2; line-height: var(--contactFormFilenameTextLineHeight, 1.2); letter-spacing: 0px; letter-spacing: var(--contactFormFilenameTextLetterSpacing, 0px); text-align: inherit; text-align: var(--contactFormFilenameTextAlign, inherit); text-transform: initial; text-transform: var(--contactFormFilenameTextTransform, initial); line-height: 1.4 } @media only screen and (min-width: 500px) { .contactForm__footer__files { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } .contactForm__submit { -ms-grid-row: 5; -ms-grid-column: 3; grid-area: submit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contactForm__submit button[type="submit"] { cursor: pointer; background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; padding: .625rem -webkit-calc(1.35625rem + 1.275vw); padding: .625rem calc(1.35625rem + 1.275vw); border: none } @media (min-width: 1200px) { .contactForm__submit button[type="submit"] { padding: .1875rem 2rem } } .contactForm__submit button[type="submit"] span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contactForm__submit button[type="submit"]:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .contactForm__submit button[type="submit"]:hover>* { position: relative; color: #fff } .contactForm__submit button[type="submit"]:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media (min-width: 1200px) { .contactForm__submit button[type="submit"] { padding: .625rem 2.3125rem } } .contactForm__submit button[type="submit"] span { line-height: 1 } .contactForm__submit>.ajax-loader { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: .625rem !important; margin-left: 0 !important } .gm-style .gm-style-iw-c { -webkit-border-radius: 0; border-radius: 0; padding: .9375em !important; background: #FFF; white-space: nowrap; width: 18.75rem; word-break: break-word; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14) } @media only screen and (min-width: 1024px) { .gm-style .gm-style-iw-c { top: 2rem; left: 10.5rem } } @media only screen and (max-width: 767px) { .gm-style .gm-style-iw-c { padding: .625em !important } } .gm-style .gm-style-iw-d { overflow: auto !important } .gm-style .gm-style-iw-t::after { display: none } .gm-style-iw-d { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .gm-ui-hover-effect { top: 0; right: 0 } .googleMaps button.gm-ui-hover-effect { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 1 !important; color: #fff; -webkit-border-radius: 100% !important; border-radius: 100% !important; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .googleMaps button.gm-ui-hover-effect:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .googleMaps button.gm-ui-hover-effect img { display: none !important } .infowindow { max-width: 350px; font-family: "Poppins", arial, helvetica, sans-serif } .infowindow a { display: block; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s } .infowindow a:hover { color: undefined; color: var(--tachaColor) } .infowindow a:focus { color: undefined; color: var(--tachaColor) } @media only screen and (max-width: 767px) { .infowindow { text-align: center } } .infowindow__title { font-family: "Poppins", arial, helvetica, sans-serif; font-size: 1rem; color: #181818; color: var(--black2Color); font-weight: 600; font-weight: var(--fontWeightSemiBold); letter-spacing: 0.1em; margin-left: .625rem; text-transform: capitalize; line-height: 1.75; width: 85%; letter-spacing: 0.02em; position: relative; margin-bottom: .625rem; padding-bottom: .625rem } .infowindow__title::after { content: ''; display: block; width: 3.80952em; height: 1px; position: absolute; left: -14px; bottom: 0; background-color: #181818; background-color: var(--black2Color) } @media only screen and (max-width: 767px) { .infowindow__title { width: 90%; position: relative; padding-bottom: .625rem; margin-bottom: .625rem; margin-left: 0 } } @media only screen and (max-width: 374px) { .infowindow__title { font-size: .75rem; text-align: left; margin-left: 0 } } .infowindow__content { font-size: .8125rem; color: #181818; color: var(--black2Color); font-weight: undefined; font-weight: var(--fontWeightrefular); line-height: 1.53846; margin-left: .625rem; letter-spacing: 0.04em } @media only screen and (max-width: 767px) { .infowindow__content { margin-left: 0rem } } .infowindow__content a { font-size: .8125rem; text-transform: uppercase } .infowindow__content>a+a { margin-top: .3125rem } .infowindow__content a:nth-of-type(2) { font-size: .875rem; font-weight: 700; font-weight: var(--fontWeightBold) } @media only screen and (max-width: 479px) { .infowindow__content a:nth-of-type(2) { text-align: initial } } @media only screen and (max-width: 374px) { .infowindow__content>a { white-space: break-spaces; text-align: left } } .googleMaps button.gm-ui-hover-effect { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 1 !important; color: #FFF; -webkit-border-radius: 100% !important; border-radius: 100% !important; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; top: 10px !important; right: 10px !important } .googleMaps button.gm-ui-hover-effect:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media only screen and (max-width: 767px) { .googleMaps button.gm-ui-hover-effect { top: 5px !important; right: 3px !important } } .materialInput textarea { font-size: .875rem; font-family: "Poppins", arial, helvetica, sans-serif; line-height: 1.14; color: undefined; color: var(--boulderColor) } @media only screen and (max-width: 767px) { .materialInput { margin-bottom: .75rem } } .materialInput input { font-size: .875rem; font-family: "Poppins", arial, helvetica, sans-serif; line-height: 1.14; color: undefined; color: var(--boulderColor) } .materialInput textarea:focus+label>span { color: #D9AE69; color: var(--gold2Color); font-size: .875rem; -webkit-transform: translateY(-webkit-calc(-150% - 0px)) scale(1); -ms-transform: translateY(calc(-150% - 0px)) scale(1); transform: translateY(calc(-150% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput textarea.isActive+label>span { color: #D9AE69; color: var(--gold2Color); font-size: .875rem; -webkit-transform: translateY(-webkit-calc(-150% - 0px)) scale(1); -ms-transform: translateY(calc(-150% - 0px)) scale(1); transform: translateY(calc(-150% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput label span { font-size: .875rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .materialInput label::after { border-bottom: #181818 solid #181818; border-bottom: var(--black2Color, 3px) solid var(--black2Color) } .materialInput input:focus+label>span { color: #D9AE69; color: var(--gold2Color); font-size: .875rem; -webkit-transform: translateY(-webkit-calc(-150% - 0px)) scale(1); -ms-transform: translateY(calc(-150% - 0px)) scale(1); transform: translateY(calc(-150% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput input.isActive+label>span { color: #D9AE69; color: var(--gold2Color); font-size: .875rem; -webkit-transform: translateY(-webkit-calc(-150% - 0px)) scale(1); -ms-transform: translateY(calc(-150% - 0px)) scale(1); transform: translateY(calc(-150% - 0px)) scale(1); -webkit-transform: translateY(-webkit-calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); -ms-transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)); transform: translateY(calc(var(--materialInputActiveTranslation, -150%) - var(--materialInputExtraHeight, 0px))) scale(var(--materialInputLabelActiveScale, 1)) } .materialInput label::after { display: none } .commentsBlock { padding-bottom: 45px } @media only screen and (max-width: 767px) { .commentsBlock { padding-bottom: -webkit-calc(1.3125rem + .75vw); padding-bottom: calc(1.3125rem + .75vw); padding-top: -webkit-calc(1.3125rem + .75vw); padding-top: calc(1.3125rem + .75vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .commentsBlock { padding-bottom: 1.875rem } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .commentsBlock { padding-top: 1.875rem } } @media only screen and (max-width: 767px) { .commentsBlock .commentsBlock__form { margin-top: 0 } } @media only screen and (max-width: 767px) { .commentsBlock .commentsBlocks__comment__replies { margin: .625rem 0 } } .commentsBlocks__comment__content { grid-template-areas: "avatar content"; -ms-grid-columns: auto 1.5625rem 1fr; -ms-grid-columns: auto var(--commentInnerGap, 1.5625rem) 1fr; grid-template-columns: auto 1fr } @media only screen and (max-width: 767px) { .commentsBlocks__comment__content { padding: .9375rem } } .commentsBlock__wrapper.remove_after::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 248, 248, 0)), color-stop(145%, #ffffff)) !important; background: -o-linear-gradient(top, rgba(246, 248, 248, 0) 0%, #ffffff 145%) !important; background: linear-gradient(180deg, rgba(246, 248, 248, 0) 0%, #ffffff 145%) !important; background: -webkit-gradient(linear, left top, left bottom, from(var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0))), color-stop(145%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1))) !important; background: -o-linear-gradient(top, var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0)) 0%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1) 145%) !important; background: linear-gradient(180deg, var(--commentsBlockWrapperAfterFirstColor, rgba(250, 250, 250, 0)) 0%, var(--commentsBlockWrapperAfterSecondColor, #F1F1F1) 145%) !important } .commentsBlock__wrapper.remove_after .comment-respond { display: none } .commentsBlock__title>*:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: -webkit-calc(1.34375rem + 1.125vw); font-size: calc(1.34375rem + 1.125vw); font-family: "Poppins", arial, helvetica, sans-serif; color: undefined; color: var(--scorpionColor); font-weight: 700; font-weight: var(--fontWeightBold); text-align: center } @media (min-width: 1200px) { .commentsBlock__title>*:first-child { font-size: 2.1875rem } } .commentsBlock__title>*>span { content: ''; display: inline-block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background-color: undefined; background-color: var(--scorpionColor) } .commentsBlock__title>*>span:first-child { margin-right: 1.25rem } .commentsBlock__title>*>span:last-child { margin-left: 1.25rem } .commentsBlock__loadMore>a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; display: inline-block; font-weight: 500; font-weight: var(--fontWeightMedium) } @media (min-width: 1200px) { .commentsBlock__loadMore>a { padding: .1875rem 2rem } } .commentsBlock__loadMore>a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .commentsBlock__loadMore>a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .commentsBlock__loadMore>a:hover>* { position: relative; color: #fff } .commentsBlock__loadMore>a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .commentForm__title { font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); color: #181818; color: var(--black2Color); font-weight: 700; font-weight: var(--fontWeightBold); margin-bottom: .9375rem; line-height: 1.2381; letter-spacing: 0.05em } @media (min-width: 1200px) { .commentForm__title { font-size: 1.3125rem } } .commentForm__title small { display: none } #respond .form-submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { #respond .form-submit { margin-top: 1.5625rem } } #respond .form-submit>button { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: .6875rem; cursor: pointer; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); margin-left: auto; padding-top: .5625rem; padding-right: 1.625rem; padding-bottom: .5625rem; padding-left: 1.625rem; background: #000000; background: var(--blackColor); color: #ffffff; color: var(--whiteColor); position: relative; overflow: hidden } #respond .form-submit>button span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } #respond .form-submit>button:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } #respond .form-submit>button:hover>* { position: relative; z-index: 1; color: #fff } #respond .form-submit>button:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .commentsBlocks__comment__reply a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--commentReplyButtonFontFamily, var(--fontFamily, Arial, sans-serif)); color: #D9AE69; color: var(--gold2Color); line-height: 1.4; line-height: var(--commentReplyButtonLineHeight, 1.4); font-size: .875rem; text-transform: uppercase; text-transform: var(--commentReplyButtonTextTransform, uppercase); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .commentsBlocks__comment__reply a:hover { color: #000000; color: var(--blackColor) } .commentsBlocks__comment__text { font-size: .8125rem; letter-spacing: 0.04em; margin-top: .5rem } @media only screen and (max-width: 479px) { .commentsBlocks__comment__avatar img { width: 50px } } .commentsBlock__title { margin-bottom: 0 } .commentsBlock__title p span { display: none } .commentsBlock>.commentsBlock__commentsContainer { padding-top: -webkit-calc(1.40625rem + 1.875vw); padding-top: calc(1.40625rem + 1.875vw) } @media (min-width: 1200px) { .commentsBlock>.commentsBlock__commentsContainer { padding-top: 2.8125rem } } .commentsBlock__title>*:first-child { display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #181818; color: var(--black2Color); font-weight: 700; font-weight: var(--fontWeightBold); text-align: center; letter-spacing: 0.02em; position: relative; border-bottom: none; padding: 0; margin-bottom: 1.25rem; font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); line-height: 1.28571 } @media (min-width: 1200px) { .commentsBlock__title>*:first-child { font-size: 1.75rem } } .commentsBlocks__comment__author { font-size: 1.0625rem; letter-spacing: 0.06em } .commentsBlocks__comment__date, .commentsBlocks__comment__reply { font-size: .875rem } @media only screen and (max-width: 767px) { .commentsBlocks__comment__date, .commentsBlocks__comment__reply { font-size: .875rem; position: relative; display: inline-block } } @media only screen and (max-width: 767px) { .commentsBlocks__comment__date { float: left; margin-right: .5rem } } @media only screen and (max-width: 767px) { .commentsBlocks__comment__reply { top: -2px } } .comment-form-subscriptions { display: none } .materialInput { overflow: initial } .materialInput.email input:focus~.material-input__help-text, .materialInput.email input.isActive~.material-input__help-text { opacity: 0; pointer-events: none } .material-input__help-text svg { cursor: pointer; position: absolute; top: 28px; left: 46px } .material-input__help-text svg:hover+div { display: block } .material-input__help-text div { display: none; max-width: 300px; padding: 12px; background: #ffffff; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; z-index: 1; -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); left: 33px; bottom: 36px; font-weight: 400; font-size: 0.75rem; line-height: 1.5; color: #000000; opacity: 1; pointer-events: auto; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .material-input__help-text div::after { content: ''; position: absolute; width: 12px; height: 12px; bottom: -6px; left: 14px; background: #FFFFFF; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .isNotValid { display: none; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.42; -webkit-font-feature-settings: 'salt' on; font-feature-settings: 'salt' on; color: #F04438; margin-top: 6px; margin-bottom: 5px } .isNotValid--icone, .valid--icone { display: none; position: absolute; right: 0; bottom: 8px } .materialInput.error { position: relative; margin-top: 19px } .materialInput.error label { border-bottom-color: #F04438 } .materialInput.error .isNotValid { display: block } .materialInput.error .isNotValid--icone { display: block } .materialInput.success { position: relative } .materialInput.success label { border-bottom-color: #3A9C17 } .materialInput.success .valid--icone { display: block } flash-message { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.5; letter-spacing: -0.012em; color: #FFFFFF } .textCarousel { padding: -webkit-calc(1.59375rem + 4.125vw) 0; padding: calc(1.59375rem + 4.125vw) 0; overflow: hidden } @media (min-width: 1200px) { .textCarousel { padding: 4.6875rem 0 } } @media only screen and (max-width: 767px) { .textCarousel { padding: -webkit-calc(1.3125rem + .75vw) 0; padding: calc(1.3125rem + .75vw) 0 } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .textCarousel { padding: 1.875rem 0 } } .textCarousel { overflow: hidden; margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { .textCarousel { margin-top: 1.5625rem } } .textCarousel .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important } .text-boxe p { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: undefined; font-size: -webkit-calc(var(--marquee-height)*3/4); font-size: calc(var(--marquee-height)*3/4); font-size: -webkit-calc(1.39375rem + 1.725vw); font-size: calc(1.39375rem + 1.725vw); color: #ffffff; color: var(--whiteColor); font-weight: 700; font-weight: var(--fontWeightBold); text-transform: uppercase; padding-bottom: 0; font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; position: relative } @media (min-width: 1200px) { .text-boxe p { font-size: 2.6875rem } } @media only screen and (max-width: 767px) { .text-boxe p { font-size: 1.14729rem } } .text-boxe p:after { content: ''; position: absolute; width: 165px; height: 3px; background-color: white; top: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: -18.5rem } @media only screen and (max-width: 1247px) { .text-boxe p:after { width: 140px; right: -14.5rem } } @media only screen and (max-width: 1199px) { .text-boxe p:after { width: 140px; right: -15.5rem } } @media only screen and (max-width: 1023px) { .text-boxe p:after { width: 130px; right: -14rem } } @media only screen and (max-width: 949px) { .text-boxe p:after { width: 120px; right: -13rem } } @media only screen and (max-width: 899px) { .text-boxe p:after { width: 130px; right: -14rem } } @media only screen and (max-width: 819px) { .text-boxe p:after { width: 120px; right: -13rem } } @media only screen and (max-width: 789px) { .text-boxe p:after { width: 110px; right: -12rem } } @media only screen and (max-width: 767px) { .text-boxe p:after { width: 85px; right: -10rem } } @media only screen and (max-width: 649px) { .text-boxe p:after { width: 80px; right: -9rem } } @media only screen and (max-width: 559px) { .text-boxe p:after { height: 1px; width: 70px; right: -8rem } } @media only screen and (max-width: 499px) { .text-boxe p:after { width: 60px; right: -7rem } } @media only screen and (max-width: 469px) { .text-boxe p:after { width: 85px; right: -9.5rem } } @media only screen and (max-width: 399px) { .text-boxe p:after { width: 70px; right: -8rem } } #last-posts { position: relative; overflow: hidden; padding: 24px 0 } #last-posts:after { content: url("../images/last-posts-logo.png"); position: absolute; right: 0; top: 0; z-index: 0 } @media only screen and (max-width: 767px) { #last-posts:after { content: url("../images/last-posts-logo-responsive.png"); top: auto; bottom: 0 } } #last-posts .sectionHeader { position: relative; z-index: 2 } .lastPosts { position: relative; z-index: 2 } .lastPosts .swiper-container { overflow: hidden; width: 100% } .post--firstStyle { width: auto } .lastPosts__link { text-align: center; margin-top: 20px } .lastPosts__link a { padding: .625rem .8125rem; font-style: normal; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem; color: #ffffff; color: var(--whiteColor); background-color: #000000; background-color: var(--blackColor); position: relative; overflow: hidden; display: inline-block } .lastPosts__link a:before { content: ''; display: block; width: 96%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #DECEB3; background-color: var(--goldColor); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .lastPosts__link a:hover>* { position: relative; z-index: 1; color: #fff } .lastPosts__link a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100% } .lastPosts__posts__pagination { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100% !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px } @media only screen and (min-width: 1024px) { .lastPosts__posts__pagination { display: none } } .lastPosts__posts__pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(222, 206, 179, 0.6)), to(rgba(222, 206, 179, 0.6))), -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)), #D9D9D9; background: -o-linear-gradient(bottom, rgba(222, 206, 179, 0.6) 0%, rgba(222, 206, 179, 0.6) 100%), -o-linear-gradient(bottom, #fff 0%, #fff 100%), #D9D9D9; background: linear-gradient(0deg, rgba(222, 206, 179, 0.6) 0%, rgba(222, 206, 179, 0.6) 100%), linear-gradient(0deg, #fff 0%, #fff 100%), #D9D9D9; opacity: .5 } .lastPosts__posts__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: -webkit-gradient(linear, left bottom, left top, from(#DECEB3), to(#DECEB3)), -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)), #D9D9D9; background: -o-linear-gradient(bottom, #DECEB3 0%, #DECEB3 100%), -o-linear-gradient(bottom, #fff 0%, #fff 100%), #D9D9D9; background: linear-gradient(0deg, #DECEB3 0%, #DECEB3 100%), linear-gradient(0deg, #fff 0%, #fff 100%), #D9D9D9 } @media only screen and (min-width: 768px) { .redirectLinksBlock { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } } @media only screen and (min-width: 768px) { .redirectLinksBlock__header>* img { width: 100%; height: 100% } .redirectLinksBlock__header>*:after { display: none } } .redirectLinksBlock { position: relative } .redirectLinksBlock .redirectLinksBlock__header { position: absolute; width: 100%; height: 100% } @media only screen and (max-width: 767px) { .redirectLinksBlock .redirectLinksBlock__header { position: relative } } @media only screen and (max-width: 767px) { .redirectLinksBlock .redirectLinksBlock__header img { width: 100% } } @media only screen and (max-width: 479px) { .redirectLinksBlock { grid-template-areas: "content" "header"; grid-row-gap: 0 } .redirectLinksBlock>.archivePage__header { -ms-grid-row: 3; -ms-grid-column: 1 } .redirectLinksBlock>.redirectLinksBlock>*:first-child { -ms-grid-row: 3; -ms-grid-column: 1 } .redirectLinksBlock>.archivePage__header { -ms-grid-row: 3; -ms-grid-column: 1 } } span.btn_showInResponsive { margin-top: .5rem; display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem } span.btn_showInResponsive svg { margin-left: .625rem } .redirectLinksBlock__block__header { margin-left: -webkit-calc(1.3125rem + .75vw); margin-left: calc(1.3125rem + .75vw) } @media (min-width: 1200px) { .redirectLinksBlock__block__header { margin-left: 1.875rem } } .redirectLinksBlock__block { background-color: #F4F4F4; background-color: var(--greyColor); padding-left: 0; cursor: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='26' viewBox='0 0 145 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m111 56.209c0 30.652-24.848 55.5-55.5 55.5s-55.5-24.848-55.5-55.5 24.848-55.5 55.5-55.5 55.5 24.848 55.5 55.5z' fill='%23DECEB3'/%3E%3Cpath d='m143.65 53.71c0.867 0.8669 0.867 2.2726 0 3.1395l-14.128 14.128c-0.867 0.867-2.273 0.867-3.14 0-0.867-0.8669-0.867-2.2726 0-3.1395l10.338-10.338h-61.24v-4.44h61.24l-10.338-10.338c-0.867-0.8669-0.867-2.2725 0-3.1395s2.273-0.867 3.14 0l14.128 14.128z' clip-rule='evenodd' fill='%23181818' fill-rule='evenodd'/%3E%3C/svg%3E") 21.5 21.5, auto } .redirectLinksBlock__block__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .redirectLinksBlock__block__pin { position: relative; -webkit-box-shadow: 0 0 0 6px rgba(222, 206, 179, 0.35); box-shadow: 0 0 0 6px rgba(222, 206, 179, 0.35); top: 0 } .redirectLinksBlock__block__pin span { background: #D9AE69; background: var(--gold2Color); width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute } .redirectLinksBlock__block__content { padding: 0 -webkit-calc(1.28125rem + .375vw); padding: 0 calc(1.28125rem + .375vw); border-left: none; text-align: justify } @media (min-width: 1200px) { .redirectLinksBlock__block__content { padding: 0 1.5625rem } } @media only screen and (max-width: 767px) { .redirectLinksBlock__block__content { text-align: inherit } } .titleCenterImageBlocks { display: -ms-grid; display: grid; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0rem; gap: 0rem; grid-gap: var(--titleCenterImageBlocksGap, .1875rem); gap: var(--titleCenterImageBlocksGap, .1875rem) } .titleCenterImageBlocks.home__page { grid-gap: 0rem; gap: 0rem; grid-gap: var(--titleCenterImageBlocksGap); gap: var(--titleCenterImageBlocksGap) } @media only screen and (max-width: 767px) { .titleCenterImageBlocks { -ms-grid-columns: 0.8fr !important; grid-template-columns: 0.8fr !important } } @media only screen and (max-width: 1149px) { .titleCenterImageBlocks__block { margin: 1% } } @media only screen and (min-width: 1024px) { .titleCenterImageBlocks { -ms-grid-columns: 1fr var(--titleCenterImageBlocksGap, .1875rem) 1fr; grid-template-columns: 1fr 1fr } } @media screen and (min-width: 767px) and (max-width: 1023px) { .titleCenterImageBlocks { -ms-grid-columns: 0.7fr !important; grid-template-columns: 0.7fr !important } } @media only screen and (min-width: 1150px) { .titleCenterImageBlocks { grid-template-columns: repeat(auto-fit, minmax(15.3125rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(var(--titleCenterImageBlocksMinWidth, 15.3125rem), 1fr)) } .titleCenterImageBlocks.home__page { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)) } } @media only screen and (max-width: 479px) { .titleCenterImageBlocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .titleCenterImageBlocks .titleCenterImageBlocks__block+.titleCenterImageBlocks__block { margin-top: 1.25rem } } .titleCenterImageBlocks__block__image img { width: 100% } .titleCenterImageBlocks__block__image::before { background: rgba(0, 0, 0, 0.2); height: 99.5% } @media only screen and (max-width: 767px) { .titleCenterImageBlocks__block__image::before { height: 99% } } .titleCenterImageBlocks__block__content { padding: 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; z-index: 2; height: auto } @media only screen and (max-width: 767px) { .titleCenterImageBlocks__block__content { height: auto } } .titleCenterImageBlocks__block__content__title { position: relative; padding-bottom: 15px; width: 100%; margin: auto; text-transform: uppercase; word-break: normal } @media only screen and (max-width: 767px) { .titleCenterImageBlocks__block__content__title { font-size: 1.25rem } } @media only screen and (max-width: 399px) { .titleCenterImageBlocks__block__content__title { font-size: 1rem } } .titleCenterImageBlocks__block__content__title::after { content: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23DECEB3'/%3E%3Ccircle cx='8' cy='8' r='7.75' stroke='%23DECEB3' stroke-width='0.5'/%3E%3C/svg%3E"); -webkit-box-shadow: 0 0 0 0 rgba(222, 206, 179, 0.5); box-shadow: 0 0 0 0 rgba(222, 206, 179, 0.5); -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -webkit-border-radius: 100%; border-radius: 100%; line-height: 0; position: absolute; bottom: -1.25rem; right: 0; left: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto } @-webkit-keyframes pulse { 100% { -webkit-box-shadow: 0 0 0 15px rgba(74, 78, 91, 0); box-shadow: 0 0 0 15px rgba(74, 78, 91, 0) } } @keyframes pulse { 100% { -webkit-box-shadow: 0 0 0 15px rgba(74, 78, 91, 0); box-shadow: 0 0 0 15px rgba(74, 78, 91, 0) } } .titleCenterImageBlocks__block__content__description { margin-top: 0; overflow-y: auto; visibility: hidden } @media only screen and (max-width: 767px) { .titleCenterImageBlocks__block__content__description { font-size: .75rem } } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__description { visibility: visible } .titleCenterImageBlocks__block__content { top: 35%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content { top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% } .titleCenterImageBlocks__block__content__notHover { -webkit-align-self: initial; -ms-flex-item-align: initial; -ms-grid-row-align: initial; align-self: initial; z-index: 2 } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__notHover, .titleCenterImageBlocks__block.hover .titleCenterImageBlocks__block__content__notHover { opacity: 1 } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__image::before { background: rgba(0, 0, 0, 0.5); background: var(--titleCenterImageBlocksImageActiveBackgroundColor); z-index: 1; height: 99.5% } .titleCenterImageBlocks__block.hover .titleCenterImageBlocks__block__image::before { background: rgba(0, 0, 0, 0.5); background: var(--titleCenterImageBlocksImageActiveBackgroundColor); z-index: 1; height: 99.5% } .titleCenterImageBlocks__block__content__hover { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: auto } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__title::after { display: none } .titleCenterImageBlocks__block__content__link { margin-top: 1.25rem; visibility: hidden } .titleCenterImageBlocks__block__content__link>div { background: #ffffff; background: var(--whiteColor); padding: .5rem -webkit-calc(1.30625rem + .675vw); padding: .5rem calc(1.30625rem + .675vw); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #000000; color: var(--blackColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } @media (min-width: 1200px) { .titleCenterImageBlocks__block__content__link>div { padding: .5rem 1.8125rem } } .titleCenterImageBlocks__block__content__link>div span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #000000; color: var(--blackColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: initial } .titleCenterImageBlocks__block__content__link>div:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .titleCenterImageBlocks__block__content__link>div:hover span { position: relative; color: #fff } .titleCenterImageBlocks__block__content__link>div:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__link { visibility: visible } @media only screen and (max-width: 1023px) { .titleCenterImageBlocks__block:hover .titleCenterImageBlocks__block__content__hover { height: auto } } .anchorBlock__links { background: #F2F2F2; background: var(--grey3Color); position: relative } .anchorBlock__links:before { content: ""; position: absolute; right: 100%; height: 100%; width: -webkit-calc(50vw - 150px); width: calc(50vw - 150px); background: #F2F2F2; background: var(--grey3Color) } @media only screen and (min-width: 768px) { .anchorBlock__links>ul { margin-top: -webkit-calc(1.4375rem + 2.25vw); margin-top: calc(1.4375rem + 2.25vw); margin-bottom: -webkit-calc(1.375rem + 1.5vw); margin-bottom: calc(1.375rem + 1.5vw) } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .anchorBlock__links>ul { margin-top: 3.125rem } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .anchorBlock__links>ul { margin-bottom: 2.5rem } } .anchorBlock__links>ul>li { margin-right: .9375rem } .anchorBlock__links>ul>li>a { letter-spacing: 0.04em; letter-spacing: var(--anchorBlockFirstLevelLinkLetterSpacing); text-align: initial; -webkit-transition: -webkit-transition 0.3s; transition: -webkit-transition 0.3s; -o-transition: -o-transition 0.3s; transition: transition 0.3s; transition: transition 0.3s, -webkit-transition 0.3s, -o-transition 0.3s } .anchorBlock__links>ul>li>a:hover { font-weight: 700; font-weight: var(--fontWeightBold) } .anchorBlock__links>ul>li.active>a { font-weight: 700; font-weight: var(--fontWeightBold) } @media only screen and (max-width: 767px) { .anchorBlock { display: block } } .anchorBlock__links { text-align: right } .anchorBlock__links ul>li>ul { display: none } @media only screen and (min-width: 768px) { .anchorBlock__content { margin-top: -webkit-calc(1.3875rem + 1.65vw); margin-top: calc(1.3875rem + 1.65vw) } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .anchorBlock__content { margin-top: 2.625rem } } @media only screen and (max-width: 767px) { .anchorBlock__content { margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .anchorBlock__content { margin-top: 1.875rem } } .anchorBlock__content__block__inner { margin-bottom: -webkit-calc(1.3125rem + .75vw); margin-bottom: calc(1.3125rem + .75vw); scroll-margin-top: 6rem } @media (min-width: 1200px) { .anchorBlock__content__block__inner { margin-bottom: 1.875rem } } .anchorBlock__content__block__inner__title { margin-bottom: 0 } @media only screen and (max-width: 767px) { .anchorBlock__content__block__inner>p:not(.dontApplyStyle) { text-align: inherit; line-height: 1.66667 } } @media only screen and (min-width: 768px) { .anchorBlock__border { opacity: .3; margin: 0 -webkit-calc(1.40625rem + 1.875vw) 0 0; margin: 0 calc(1.40625rem + 1.875vw) 0 0 } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .anchorBlock__border { margin: 0 2.8125rem 0 0 } } @media only screen and (min-width: 1248px) { .anchorBlock__content__block+.anchorBlock__content__block { padding-top: -webkit-calc(1.29375rem + .525vw); padding-top: calc(1.29375rem + .525vw); margin-top: -webkit-calc(1.29375rem + .525vw); margin-top: calc(1.29375rem + .525vw) } } @media only screen and (min-width: 1248px) and (min-width: 1200px) { .anchorBlock__content__block+.anchorBlock__content__block { padding-top: 1.6875rem } } @media only screen and (min-width: 1248px) and (min-width: 1200px) { .anchorBlock__content__block+.anchorBlock__content__block { margin-top: 1.6875rem } } .antipodes-anchor-block__select { position: -webkit-sticky; position: sticky; z-index: 99; top: 75px; margin-right: -webkit-calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-left: -webkit-calc(50% - 50vw); margin-left: calc(50% - 50vw); -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding: 20px 16px; background: #DECEB3; background: var(--goldColor); -webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.04), 0px 35px 36px 0px rgba(0, 0, 0, 0.08); box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.04), 0px 35px 36px 0px rgba(0, 0, 0, 0.08) } @media only screen and (min-width: 768px) { .antipodes-anchor-block__select { display: none } } .antipodes-anchor-block__select__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; grid-gap: 24px; gap: 24px; font-size: 1rem; color: #fff; font-weight: 500; line-height: 1.5 } .antipodes-anchor-block__select__title__selected { font-size: 0.75rem; font-weight: 400 } .antipodes-anchor-block__select__title::after { content: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.293 8.05029L12 12.3433L7.70697 8.05029L6.29297 9.46429L12 15.1713L17.707 9.46429L16.293 8.05029Z' fill='white'/%3E%3C/svg%3E"); height: 24px; position: absolute; top: -webkit-calc(50% - 12px); top: calc(50% - 12px); right: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s } .antipodes-anchor-block__select-items { max-height: 600px; overflow: hidden; -webkit-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out } .antipodes-anchor-block__select.sticky .antipodes-anchor-block__select-items { max-height: 0 } .antipodes-anchor-block__select__items { margin-top: 1rem; list-style: auto; padding-left: 32px } .antipodes-anchor-block__select__items li { font-size: 0.875rem; color: #fff; font-weight: 400; line-height: 1.5 } .antipodes-anchor-block__select.active .antipodes-anchor-block__select__title::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .tab__text__image .tab-content .tab__text__image__content { padding: 0 } .tab__text__image .tab-content .tab__text__image__content .tab__content__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 1023px) { .tab__text__image .tab-content .tab__text__image__content .tab__content__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .tab__text__image .tab-content .tab__text__image__content .tab__content__top .tab__content__left { width: 50%; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem } @media only screen and (max-width: 1023px) { .tab__text__image .tab-content .tab__text__image__content .tab__content__top .tab__content__left { width: 100%; margin-bottom: 30px } } .tab__text__image .tab-content .tab__text__image__content .tab__content__top .tab__content__left .tab__text__image__title { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; letter-spacing: 0.05em; color: #181818; color: var(--black2Color); margin-bottom: .9375rem } @media (min-width: 1200px) { .tab__text__image .tab-content .tab__text__image__content .tab__content__top .tab__content__left .tab__text__image__title { font-size: 1.3125rem } } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__content { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.76923; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__descri { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.76923; letter-spacing: 0.02em; color: #181818; color: var(--black2Color) } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__content ul, .tab__text__image .tab-content .tab__text__image__content .tab__text__image__descri ul { margin: 15px 0 } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__content ul li { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem; line-height: 1.76923; text-align: justify; letter-spacing: 0.02em; color: #181818; color: var(--black2Color); padding-left: 1.25rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9 9' fill='none'%3E %3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23D9B364' fill-opacity='0.3'/%3E %3Ccircle cx='4.5' cy='4.5' r='2.5' fill='%23D9B364'/%3E %3C/svg%3E"); background-size: 10px 10px; background-position-y: 5px; background-repeat: no-repeat; text-align: initial } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__descri ul li { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .8125rem; line-height: 1.76923; text-align: justify; letter-spacing: 0.02em; color: #181818; color: var(--black2Color); padding-left: 1.25rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9 9' fill='none'%3E %3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23D9B364' fill-opacity='0.3'/%3E %3Ccircle cx='4.5' cy='4.5' r='2.5' fill='%23D9B364'/%3E %3C/svg%3E"); background-size: 10px 10px; background-position-y: 5px; background-repeat: no-repeat; text-align: initial } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1.25rem } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden } @media (min-width: 1200px) { .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a { padding: .1875rem 2rem } } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a:hover>* { position: relative; color: #fff } .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (max-width: 1023px) { .tab__text__image .tab-content .tab__text__image__content .tab__text__image__link a { font-size: 0.875rem } } .tab__text__image .tab-content .tab__text__image__content .tab__content__right { width: 50% } @media only screen and (max-width: 1023px) { .tab__text__image .tab-content .tab__text__image__content .tab__content__right { width: 100%; margin-bottom: .9375rem } } .tab__text__image .tab-content .tab__text__image__content .tab__content__right img { width: 100%; height: auto } .icon__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1000px; margin: 0 auto; padding: 10px 0 } @media only screen and (min-width: 1024px) { .icon__text { height: 142px; padding: 0 } } @media only screen and (max-width: 1023px) { .icon__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .icon__text .icon__text__item { width: -webkit-calc(100% / 3); width: calc(100% / 3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media only screen and (max-width: 1023px) { .icon__text .icon__text__item { width: 100%; margin-bottom: 2.8125rem } .icon__text .icon__text__item:last-child { margin-bottom: 0 } } .icon__text .icon__text__item .icon__text__image { background: -o-linear-gradient(315deg, rgba(156, 156, 156, 0.2) 0%, rgba(156, 156, 156, 0.03) 100%); background: linear-gradient(135deg, rgba(156, 156, 156, 0.2) 0%, rgba(156, 156, 156, 0.03) 100%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: .9375rem; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: .9375rem } .icon__text .icon__text__item .icon__text__image img { width: 50px } .icon__text .icon__text__item .icon__text__title { font-size: .8125rem; color: #fff; color: var(--Secondaires-Blanc, #fff); font-size: 13px; font-weight: 500; letter-spacing: 2.6px; text-transform: uppercase; width: 50%; text-align: center } @media only screen and (max-width: 479px) { .icon__text .icon__text__item .icon__text__title { text-align: center } } .videoPlayer__video { -o-object-position: left; object-position: left; width: 100% } @-webkit-keyframes pulse-plyr-button { to { -webkit-box-shadow: 0 0 0 10px rgba(93, 123, 127, 0); box-shadow: 0 0 0 10px rgba(93, 123, 127, 0) } } @keyframes pulse-plyr-button { to { -webkit-box-shadow: 0 0 0 10px rgba(93, 123, 127, 0); box-shadow: 0 0 0 10px rgba(93, 123, 127, 0) } } .plyr audio, .plyr iframe, .plyr video { -o-object-fit: cover; object-fit: cover } @media screen and (min-width: 1024px) and (max-width: 1432px) { .plyr audio, .plyr iframe, .plyr video { min-height: 28.775rem } } .hero__media__internal .videoPlayer, .hero__media__internal video { width: 100% } .videoPlayer { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; position: relative; z-index: 1 } .videoPlayer>* { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 } .videoPlayer__image { position: relative; z-index: 2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s } .videoPlayer__image img { width: 100%; height: 100% } .videoPlayer__image::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); background-color: var(--videoPlayerBackgroundColor, rgba(255, 255, 255, 0.7)) } .videoPlayer__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform: translate(-5px, 0px); -ms-transform: translate(-5px, 0px); transform: translate(-5px, 0px) } .videoPlayer__button>button { display: block; position: initial; top: initial; border: 0; background: transparent; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4) } .videoPlayer.isActive .videoPlayer__image, .videoPlayer.isActive .videoPlayer__content { opacity: 0; pointer-events: none } .hero.hero_internal_page>div { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .hero__media.hero__media__internal { -webkit-box-flex: 1.3; -webkit-flex: 1.3; -ms-flex: 1.3; flex: 1.3 } .hero__media.hero__media__internal .hero__image img { height: 100% } .hero.hero_internal_page .hero__content { padding: -webkit-calc(1.3625rem + 1.35vw) -webkit-calc(1.40625rem + 1.875vw); padding: calc(1.3625rem + 1.35vw) calc(1.40625rem + 1.875vw); -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto } @media (min-width: 1200px) { .hero.hero_internal_page .hero__content { padding: 2.375rem 2.8125rem } } .hero.hero_internal_page .hero__content.hero__content__internal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hero.hero_internal_page .hero__content.hero__content__internal:after { display: none } .hero.hero--noMedia .hero__content.hero__content__internal .hero__content__text { width: 100%; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; text-align: justify; letter-spacing: 0.04em; color: #181818; color: var(--black2Color) } .hero.hero--noMedia .hero__content.hero__content__internal a.style__1 { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } @media (min-width: 1200px) { .hero.hero--noMedia .hero__content.hero__content__internal a.style__1 { padding: .1875rem 2rem } } .hero.hero--noMedia .hero__content.hero__content__internal a.style__1 span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .hero.hero--noMedia .hero__content.hero__content__internal a.style__1:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .hero.hero--noMedia .hero__content.hero__content__internal a.style__1:hover>* { position: relative; color: #fff } .hero.hero--noMedia .hero__content.hero__content__internal a.style__1:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .sliderImages { display: -ms-grid; display: grid; -ms-grid-rows: auto 1.5625rem auto; grid-template-areas: 'text' 'slider'; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-row-gap: 1.5625rem } @media only screen and (min-width: 768px) { .sliderImages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 28px; gap: 28px } } @media only screen and (max-width: 1023px) { .sliderImages { margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .sliderImages { margin-top: 1.875rem } } .sliderImages__text { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: text } .sliderImages__text__title { font-family: "Optima", arial, helvetica, sans-serif; color: undefined; color: var(--tacaoColor); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); font-weight: 700; font-weight: var(--fontWeightBold); color: #181818; color: var(--black2Color); line-height: 1.28571; letter-spacing: 0.02em; text-transform: uppercase } @media (min-width: 1200px) { .sliderImages__text__title { font-size: 1.75rem } } .sliderImages__text__title strong { display: block; color: undefined; color: var(--scorpionColor) } .sliderImages__text__title b { display: block; color: undefined; color: var(--scorpionColor) } .sliderImages__text__description { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; line-height: 1.69231; letter-spacing: 0.04em; color: #181818; color: var(--black2Color); margin-top: 20px } .sliderImages__text__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 8px; gap: 8px } @media only screen and (max-width: 767px) { .sliderImages__text__link a { width: 100% } } @media only screen and (min-width: 768px) { .sliderImages__text { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; z-index: 10 } } .sliderImages__slides { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: slider; position: relative } .beforeAfterSlider>.sliderImages__slides { -ms-grid-row: 1; -ms-grid-column: 2 } .sliderImages__slides .swiper-container { position: relative } .sliderImages__slides .swiper-slide { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: auto } .sliderImages__slides .swiper-slide>* { display: inline-block; width: 100%; height: 100%; max-height: 32.5rem } .sliderImages__navigation { margin-top: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .sliderImages__navigation button { border: none; background-color: #DECEB3; width: 37.5px; height: 36.5px } .sliderImages__navigation button:first-of-type { margin-right: .0625rem; background-color: rgba(222, 206, 179, 0.7) } @media only screen and (min-width: 768px) { .sliderImages__slides { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } } .sliderImages__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: .5rem; margin-top: var(--sliderImagesNavigationMarginTop, .5rem); position: absolute; bottom: 10px; left: 10px; z-index: 10 } .sliderImages__pagination>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #DECEB3; border: 1px solid var(--goldColor) } .sliderImages__pagination>span.swiper-pagination-bullet { width: 11px; height: 11px } .sliderImages__pagination>span:not(:last-of-type) { margin-right: .3125rem } .sliderImages__pagination>span.swiper-pagination-bullet-active { background: #DECEB3; background: var(--goldColor) } .sliderImages__pagination>span:not(.swiper-pagination-bullet-active) { background: transparent; opacity: 1 } @media only screen and (min-width: 1026px) { .sliderImages__pagination { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } } .hero.is_before_after_page.hero--noMedia { margin-top: 1.25rem; padding: 0 0 -webkit-calc(1.375rem + 1.5vw); padding: 0 0 calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .hero.is_before_after_page.hero--noMedia { padding: 0 0 2.5rem } } @media only screen and (max-width: 767px) { .hero.is_before_after_page.hero--noMedia { padding: 0 0 -webkit-calc(1.28125rem + .375vw); padding: 0 0 calc(1.28125rem + .375vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .hero.is_before_after_page.hero--noMedia { padding: 0 0 1.5625rem } } .hero.is_before_after_page.hero--noMedia .hero__content .hero__content__text { width: 60% } @media only screen and (max-width: 767px) { .hero.is_before_after_page.hero--noMedia .hero__content .hero__content__text { width: 100% } } .avant__apres { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media only screen and (max-width: 1023px) { .avant__apres { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .avant__apres .beforeAfter__posts { width: 80%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 1023px) { .avant__apres .beforeAfter__posts { width: 100% } } @media only screen and (max-width: 479px) { .avant__apres .beforeAfter__posts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .avant__apres .beforeAfter__posts .post { margin: 0 1% -webkit-calc(1.28125rem + .375vw); margin: 0 1% calc(1.28125rem + .375vw); width: 48% } @media (min-width: 1200px) { .avant__apres .beforeAfter__posts .post { margin: 0 1% 1.5625rem } } @media only screen and (max-width: 479px) { .avant__apres .beforeAfter__posts .post { width: 100% } } .avant__apres .beforeAfter__posts .post .beforeAfter__posts__image img { width: 100% } .avant__apres .beforeAfter__posts .post .beforeAfterSlider__content { margin-top: .625rem } .avant__apres .beforeAfter__posts .post .beforeAfterSlider__title { font-weight: 700; font-weight: var(--fontWeightBold); font-size: 1rem; line-height: 1.4375; text-align: center; letter-spacing: 0.02em; color: #000000; color: var(--blackColor) } .avant__apres .beforeAfter__posts .post .beforeAfterSlider__description { font-size: .8125rem; line-height: 1.69231; text-align: center; letter-spacing: 0.04em; color: #000000; color: var(--blackColor); width: 85%; margin: 0 auto } @media only screen and (max-width: 767px) { .avant__apres .beforeAfter__posts .post .beforeAfterSlider__description { width: 100% } } .avant__apres .beforeAfter__posts .archivePage__pagination { width: 100%; margin: 0 10px } .avant__apres .beforeAfter__sidebar { width: 20%; padding: -webkit-calc(1.3rem + .6vw) 0 0 -webkit-calc(1.3875rem + 1.65vw); padding: calc(1.3rem + .6vw) 0 0 calc(1.3875rem + 1.65vw); background: #F2F2F2; background: var(--grey3Color); margin-left: 15; position: relative } @media (min-width: 1200px) { .avant__apres .beforeAfter__sidebar { padding: 1.75rem 0 0 2.625rem } } @media only screen and (max-width: 1299px) { .avant__apres .beforeAfter__sidebar { padding: -webkit-calc(1.3rem + .6vw) 0 0 -webkit-calc(1.325rem + .9vw); padding: calc(1.3rem + .6vw) 0 0 calc(1.325rem + .9vw) } } @media only screen and (max-width: 1299px) and (min-width: 1200px) { .avant__apres .beforeAfter__sidebar { padding: 1.75rem 0 0 2rem } } @media only screen and (max-width: 1247px) { .avant__apres .beforeAfter__sidebar { padding: .9375rem } } @media only screen and (max-width: 1023px) { .avant__apres .beforeAfter__sidebar { width: 100%; margin-left: 0; margin-bottom: 1.25rem; padding: 1.25rem .9375rem } } .avant__apres .beforeAfter__sidebar:after { content: ""; position: absolute; height: 100%; top: 0; left: 100%; width: -webkit-calc(50vw - 150px); width: calc(50vw - 150px); background: #F2F2F2; background: var(--grey3Color) } @media only screen and (max-width: 1247px) { .avant__apres .beforeAfter__sidebar:after { width: auto } } .avant__apres .beforeAfter__sidebar .archivePage__sidebar__title { font-family: "Optima", arial, helvetica, sans-serif; font-weight: bold; font-size: 1.25rem; line-height: 1.2381; letter-spacing: 0.05em; color: #000000; color: var(--blackColor); padding-bottom: .625rem; margin-bottom: -webkit-calc(1.3125rem + .75vw); margin-bottom: calc(1.3125rem + .75vw); position: relative } @media (min-width: 1200px) { .avant__apres .beforeAfter__sidebar .archivePage__sidebar__title { margin-bottom: 1.875rem } } @media only screen and (max-width: 1247px) { .avant__apres .beforeAfter__sidebar .archivePage__sidebar__title { font-size: 1.0625rem; text-align: center } } .avant__apres .beforeAfter__sidebar .archivePage__sidebar__title:after { content: ""; position: absolute; width: 50px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: #000000; background: var(--blackColor) } .avant__apres .beforeAfter__sidebar ul li { font-size: .9375rem; line-height: 1.33333; letter-spacing: 0.04em; color: #000000; color: var(--blackColor); margin-bottom: .9375rem; padding-left: 1.25rem; position: relative; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .avant__apres .beforeAfter__sidebar ul li:first-child a { text-transform: capitalize } .avant__apres .beforeAfter__sidebar ul li:before { content: ""; left: 0; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23DECEB3'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 9px 9px; width: 9px; height: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .avant__apres .beforeAfter__sidebar ul li.isActive { font-weight: 700; font-weight: var(--fontWeightBold) } .avant__apres .beforeAfter__sidebar ul li:hover { color: #D9AE69; color: var(--gold2Color) } .hamburger { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .hamburger .hamburger-label { font-size: .9375rem; color: undefined; color: var(--scorpionColor); font-weight: 500; font-weight: var(--fontWeightMedium); letter-spacing: 0.05em; text-transform: uppercase; margin-left: .8125rem } .hamburger>.hamburger-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 0 } .hamburger .hamburger-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .hamburger .hamburger-inner::before { top: 9px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s } .hamburger.is-active { opacity: 1 !important } .hamburger:not(.is-active) .hamburger-inner::after, .hamburger:not(.is-active) .hamburger-inner { width: 20px; margin-right: auto; margin-left: auto } .callToActions { background-color: #ffffff; background-color: var(--whiteColor); z-index: 100 } .callToActions>*+* { border-left: none } .callToActions>* { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .6875rem; line-height: 1.81818; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; color: var(--blackColor) } .callToActions>* svg { margin-right: .625rem } .callToActions>* svg path { fill: initial } @media only screen and (max-width: 399px) { .callToActions>* { font-size: .5625rem } } .callToActions .callToActions__email { background-color: #DECEB3; background-color: var(--goldColor); color: #000000; color: var(--blackColor) } .callToActions .callToActions__phone { background-color: #000000; background-color: var(--blackColor); color: #ffffff; color: var(--whiteColor) } .callToActions .callToActions__phone svg { margin-right: .625rem } .callToActions .callToActions__phone svg path { fill: #FFFFFF } .callToActions .callToActions__doctolib { background-color: #DECEB3; background-color: var(--goldColor); color: #000000; color: var(--blackColor) } #cookie-notice { border: 4px solid #181818; border: var(--cookieNoticeBorderWidth, 4px) solid var(--black2Color) } .cookie-notice-h2-regular a { color: #181818 !important; color: var(--black2Color) !important; border: 2px solid #181818 !important; border: 2px solid var(--black2Color) !important } .cookie-notice-close::before { background-color: #181818; background-color: var(--black2Color) } .cookie-notice-close::after { background-color: #181818; background-color: var(--black2Color) } .beforeAfterSlider { display: -ms-grid; display: grid; grid-template-areas: 'prev slider next'; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto } .beforeAfterSlider .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .mySwiper .swiper { width: 100%; height: 100% } .mySwiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .mySwiper .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .beforeAfterSlider__slider { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: slider } .beforeAfterSlider>.beforeAfterSlider__slider { -ms-grid-row: 1; -ms-grid-column: 2 } @media only screen and (max-width: 767px) { .beforeAfterSlider__slider { margin-left: -15px; margin-right: -15px } } .beforeAfterSlider__slider .beforeAfterSlider__slideImage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .beforeAfterSlider__slider .beforeAfterSlider__slideImage picture { width: 100% } .beforeAfterSlider__slider .beforeAfterSlider__slideImage img { height: 100%; width: 100% } @media only screen and (max-width: 559px) { .beforeAfterSlider__slider .beforeAfterSlider__slideImage img { width: 100% } } .beforeAfterSlider__pagination { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: .5rem auto } .beforeAfterSlider__pagination .swiper-pagination-bullet { margin: 0 .21875rem; width: 12px; height: 12px; background-color: rgba(222, 206, 179, 0.4); opacity: 1 } .beforeAfterSlider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #DECEB3; background-color: var(--goldColor) } @media only screen and (max-width: 767px) { .beforeAfterSlider__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .beforeAfterSlider .swiper-container { overflow: hidden; height: 100% } @media only screen and (max-width: 767px) { .beforeAfterSlider .swiper-container { padding: 55px 0 10px } } .beforeAfterSlider { margin: -webkit-calc(1.34375rem + 1.125vw) auto; margin: calc(1.34375rem + 1.125vw) auto } @media (min-width: 1200px) { .beforeAfterSlider { margin: 2.1875rem auto } } .beforeAfterSlider .swiper-slide { -webkit-transition: opacity .2s ease-in-out, -webkit-transform .3s ease; transition: opacity .2s ease-in-out, -webkit-transform .3s ease; -o-transition: transform .3s ease, opacity .2s ease-in-out; transition: transform .3s ease, opacity .2s ease-in-out; transition: transform .3s ease, opacity .2s ease-in-out, -webkit-transform .3s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } @media only screen and (max-width: 1023px) { .beforeAfterSlider { margin-top: -webkit-calc(1.28125rem + .375vw); margin-top: calc(1.28125rem + .375vw) } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .beforeAfterSlider { margin-top: 1.5625rem } } @media only screen and (max-width: 767px) { .beforeAfterSlider .swiper-slide { padding: .6875rem; padding: var(--beforeAfterSlider__boxShadow__width) } @media only screen and (max-width: 1023px) { .beforeAfterSlider .swiper-slide { padding: 0rem; padding: var(--beforeAfterSlider__boxShadow__width) } } } @media only screen and (min-width: 768px) { .beforeAfterSlider { margin-bottom: 0px } .beforeAfterSlider .swiper-container { padding-top: -webkit-calc(1.53125rem + 3.375vw); padding-top: calc(1.53125rem + 3.375vw); padding-bottom: -webkit-calc(1.4375rem + 2.25vw); padding-bottom: calc(1.4375rem + 2.25vw) } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .beforeAfterSlider .swiper-container { padding-top: 4.0625rem } } @media only screen and (min-width: 768px) and (min-width: 1200px) { .beforeAfterSlider .swiper-container { padding-bottom: 3.125rem } } .beforeAfterSlider .swiper-slide-active { position: relative; z-index: 1; opacity: 1; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } @media only screen and (max-width: 767px) { .beforeAfterSlider .swiper-slide-active { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); z-index: 999 } } @media only screen and (max-width: 559px) { .beforeAfterSlider .swiper-slide-active { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } } .beforeAfterSlider .swiper-slide:not(.swiper-slide-active) { opacity: .7; -webkit-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9) } .beforeAfterSlider__slideContent { text-align: center; padding: .46875rem; background-color: #F8F8F8 } .beforeAfterSlider__slideContent__title { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #000000; color: var(--blackColor); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.76923; letter-spacing: 0.02em; margin-bottom: .25rem } .swiper-slide-prev .beforeAfterSlider__slideContent__title, .swiper-slide-next .beforeAfterSlider__slideContent__title { font-size: .75rem } .beforeAfterSlider__navigationLeft { width: 36px; height: 36px; border: 1px solid #EFEFEF; border: 1px solid var(--grey5Color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #DECEB3; cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .beforeAfterSlider__navigationRight { width: 36px; height: 36px; border: 1px solid #EFEFEF; border: 1px solid var(--grey5Color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #DECEB3; cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } @media only screen and (max-width: 559px) { .beforeAfterSlider__navigationLeft, .beforeAfterSlider__navigationRight { top: -25px; position: relative } } @media only screen and (max-width: 767px) { .beforeAfterSlider__navigationLeft, .beforeAfterSlider__navigationRight { display: none } } .beforeAfterSlider__navigationLeft { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: prev; -ms-grid-row-align: center; align-self: center } .beforeAfterSlider__navigationLeft:hover { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px) } .beforeAfterSlider__navigationRight { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: next; -ms-grid-row-align: center; align-self: center } .beforeAfterSlider__navigationRight:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px) } .beforeAfterSliderImageComparer:not(.beforeAfterSliderImageComparer--withoutNavigation) .beforeAfterSliderImageComparer__wrapper { position: relative } .beforeAfterSliderImageComparer:not(.beforeAfterSliderImageComparer--withoutNavigation) .beforeAfterSliderImageComparer__wrapper>button { position: absolute; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .beforeAfterSliderImageComparer:not(.beforeAfterSliderImageComparer--withoutNavigation) .beforeAfterSliderImageComparer__wrapper>.beforeAfterSliderImageComparer__previousSlide { left: 0 } .beforeAfterSliderImageComparer:not(.beforeAfterSliderImageComparer--withoutNavigation) .beforeAfterSliderImageComparer__wrapper>.beforeAfterSliderImageComparer__nextSlide { right: 0 } .beforeAfterSliderImageComparer__loader { width: 6.25rem; height: auto; position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; margin: auto; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; pointer-events: none } .beforeAfterSliderImageComparer__loader path { fill: undefined; fill: var(--mulledWineColor) } .beforeAfterSliderImageComparer__content { background-color: undefined; background-color: var(--wildSandColor); padding: .5rem .75rem } .beforeAfterSliderImageComparer__content__title { color: #000000; color: var(--blackColor); font-size: 1rem; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.5; text-align: center } .beforeAfterSliderImageComparer__content__title+* { margin-top: .625rem } .beforeAfterSliderImageComparer__content__description { font-size: .75rem; color: undefined; color: var(--dustyGrayColor); line-height: 1.5; text-align: center } .beforeAfterSliderImageComparer .icv__label { color: #000; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1; font-size: .625rem; text-align: center; -webkit-border-radius: 0; border-radius: 0; background-color: #FFF; padding: .4375rem .625rem } .beforeAfterSliderImageComparer__imagesComparers { grid-column-gap: .9375rem } .beforeAfterSliderImageComparer__imagesComparers__main { grid-area: main; position: relative } .beforeAfterSliderImageComparer__imagesComparers__main[is-loading] .beforeAfterSliderImageComparer__loader { opacity: 1 } .beforeAfterSliderImageComparer__imagesComparers__main__images { height: 100% } .beforeAfterSliderImageComparer__imagesComparers__main__images img { width: auto } .beforeAfterSliderImageComparer__imagesComparers__main__images>img { width: 100%; height: 100% } .beforeAfterSliderImageComparer__imagesComparers__thumbs__images { overflow: hidden } .beforeAfterSliderImageComparer__imagesComparers__thumbs__images img { display: block; width: 100%; max-width: none; height: auto; position: static; z-index: 1; top: 0; left: 0; margin: 0 !important; border: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; padding: 0 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none } .beforeAfterSliderImageComparer__imagesComparers__thumbs__images__wrapper { width: 50%; height: 100%; position: absolute; z-index: 3; top: 0px; right: 0px; overflow: hidden; background-size: cover; background-position: center center } .beforeAfterSliderImageComparer__imagesComparers__thumbs__images__wrapper>img { width: auto; height: 100%; position: absolute; z-index: 2; right: 0px; left: auto } .beforeAfterSliderImageComparer__previousSlide, .beforeAfterSliderImageComparer__nextSlide { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer } .beforeAfterSliderImageComparer__previousSlide svg { width: 2.8125rem; width: var(--beforeAfterSliderImageComparerNavigationWidth, 2.8125rem); height: 2.8125rem; height: var(--beforeAfterSliderImageComparerNavigationWidth, 2.8125rem) } .beforeAfterSliderImageComparer__nextSlide svg { width: 2.8125rem; width: var(--beforeAfterSliderImageComparerNavigationWidth, 2.8125rem); height: 2.8125rem; height: var(--beforeAfterSliderImageComparerNavigationWidth, 2.8125rem) } .beforeAfterSliderImageComparer__previousSlide.swiper-button-disabled, .beforeAfterSliderImageComparer__nextSlide.swiper-button-disabled { cursor: default; opacity: .5 } .beforeAfterSliderImageComparer__pagination { text-align: center; margin-top: .8125rem } .beforeAfterSliderImageComparer__pagination>* { width: 12px !important; height: 12px !important; background-color: rgba(78, 64, 111, 0.4) !important; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .beforeAfterSliderImageComparer__pagination>*.swiper-pagination-bullet-active { background-color: undefined !important; background-color: var(--mulledWineColor) !important } .beforeAfterSliderImageComparer__pagination>*+* { margin-left: .625rem } .redirectTabsBlock { overflow: hidden; position: relative } .redirectTabsBlock__blocks__top { position: absolute; z-index: 99; grid-gap: 20px; gap: 20px; padding: 0 0 -webkit-calc(1.3125rem + .75vw) 0; padding: 0 0 calc(1.3125rem + .75vw) 0 } @media only screen and (min-width: 1026px) { .redirectTabsBlock__blocks__top { max-width: 400px; display: -ms-grid; display: grid; -ms-grid-rows: auto 0 auto; grid-template-areas: 'title link' 'description description'; -ms-grid-columns: 2fr; grid-template-columns: repeat(1, 2fr); grid-gap: 0; gap: 0 } } @media only screen and (min-width: 1300px) { .redirectTabsBlock__blocks__top { max-width: 600px } } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__description { color: #181818; font-size: .8125rem; font-weight: 400; line-height: 1.69; letter-spacing: 0.52px; margin-top: 20px; grid-area: description } @media (min-width: 1200px) { .redirectTabsBlock__blocks__top { padding: 0 0 1.875rem 0 } } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); line-height: 1.42857; color: #000000; color: var(--blackColor); text-transform: uppercase; grid-area: title } @media (min-width: 1200px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: 1.75rem } } @media only screen and (max-width: 1023px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { line-height: initial } } @media only screen and (max-width: 767px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: -webkit-calc(1.28125rem + .375vw); font-size: calc(1.28125rem + .375vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: 1.5625rem } } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; grid-area: link; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (min-width: 1200px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link { padding: .1875rem 2rem } } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link:hover>* { position: relative; color: #fff } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (max-width: 1023px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link { margin-top: 25px; font-size: 0.875rem } } @media only screen and (max-width: 767px) { .redirectTabsBlock__blocks__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .redirectTabsBlock__blocks { padding-top: -webkit-calc(1.875rem + 7.5vw); padding-top: calc(1.875rem + 7.5vw) } @media (min-width: 1200px) { .redirectTabsBlock__blocks { padding-top: 7.5rem } } .redirectTabsBlock__blocks .swiper-slide:last-of-type .slidesBlocsOnText__text { border-bottom: 0.5px solid #181818 } .redirectTabsBlock__blocks .slidesBlocsOnText__content:last-of-type .slidesBlocsOnText__text { border-bottom: 0.5px solid #181818 } .slidesBlocsOnText__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1rem; font-weight: 400; font-family: "Optima", arial, helvetica, sans-serif; font-size: 1rem; line-height: 1.0625; letter-spacing: 0.8px; color: #181818; position: relative; border-top: 0.5px solid #181818; text-transform: uppercase } @media only screen and (min-width: 1026px) { .slidesBlocsOnText__text { max-width: 400px } } .slidesBlocsOnText__text ul { width: 100% } @media only screen and (max-width: 384px) { .slidesBlocsOnText__text ul { padding-left: 0 } } .slidesBlocsOnText__text ul li { position: relative; padding-left: -webkit-calc(1.2625rem + .15vw); padding-left: calc(1.2625rem + .15vw) } @media (min-width: 1200px) { .slidesBlocsOnText__text ul li { padding-left: 1.375rem } } .slidesBlocsOnText__text ul li:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6.5' fill='%23DECEB3' fill-opacity='0.35'/%3E%3Ccircle cx='6.50003' cy='6.50003' r='3.61111' fill='%23DECEB3'/%3E%3C/svg%3E"); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media only screen and (min-width: 1024px) { .slidesBlocsOnText__text ul li { width: 90% } } @media only screen and (max-width: 384px) { .slidesBlocsOnText__text ul li { width: 50%; margin: 0 auto } } .slidesBlocsOnText__text:hover { color: #000000; color: var(--blackColor) } .slidesBlocsOnText__text.showText { color: #000000; color: var(--blackColor) } @media only screen and (min-width: 1024px) { .slidesBlocsOnText__text:hover, .slidesBlocsOnText__text.showText { background-color: rgba(0, 0, 0, 0.05) } } .redirectTabsBlock__content__image__content { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0.9fr; grid-template-columns: 1fr 0.9fr; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100% } .redirectTabsBlock__content__text { padding: -webkit-calc(1.275rem + .3vw) 1rem; padding: calc(1.275rem + .3vw) 1rem; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); position: relative; color: #000000; color: var(--blackColor); margin-left: -1rem } @media (min-width: 1200px) { .redirectTabsBlock__content__text { padding: 1.5rem 1rem } } .redirectTabsBlock__content__text h1 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } .redirectTabsBlock__content__text h2 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } .redirectTabsBlock__content__text h3 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } .redirectTabsBlock__content__text h4 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } .redirectTabsBlock__content__text h5 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } .redirectTabsBlock__content__text h6 { font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.33333; letter-spacing: 0.02rem; font-size: -webkit-calc(1.2625rem + .15vw); font-size: calc(1.2625rem + .15vw); margin-bottom: 1.25rem } @media (min-width: 1200px) { .redirectTabsBlock__content__text h1, .redirectTabsBlock__content__text h2, .redirectTabsBlock__content__text h3, .redirectTabsBlock__content__text h4, .redirectTabsBlock__content__text h5, .redirectTabsBlock__content__text h6 { font-size: 1.375rem } } .redirectTabsBlock__content__text p { line-height: 22px; line-height: var(--textLineHeight); letter-spacing: 0.04em; letter-spacing: var(--textLetterSpacing); font-size: .8125rem } .redirectTabsBlock__content__text ul { margin-top: 1.25rem } .redirectTabsBlock__content__text ul li { margin-bottom: .625rem; font-weight: 500; font-weight: var(--fontWeightMedium) } .redirectTabsBlock__content__text ul li:before { content: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='3' fill='%23ED693C'/%3E%3Ccircle cx='6' cy='6' r='5.5' stroke='%23ED693C'/%3E%3C/svg%3E"); display: content; margin-right: .625rem } .redirectTabsBlock__content__text a.style__1 { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; margin: 1.25rem 0; display: inline-block } @media (min-width: 1200px) { .redirectTabsBlock__content__text a.style__1 { padding: .1875rem 2rem } } .redirectTabsBlock__content__text a.style__1 span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .redirectTabsBlock__content__text a.style__1:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .redirectTabsBlock__content__text a.style__1:hover>* { position: relative; color: #fff } .redirectTabsBlock__content__text a.style__1:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .redirectTabsBlock__content__text a.style__1 span { position: relative; z-index: 2 } .redirectTabsBlock__content__text a.style__2 { font-family: "Optima", arial, helvetica, sans-serif; font-weight: bold; font-size: .875rem; line-height: 1.28571; letter-spacing: 0.02em; color: #000000; color: var(--blackColor); position: relative; margin-bottom: .625rem; display: inline-block } .redirectTabsBlock__content__text a.style__2:before { content: ''; position: absolute; width: 20px; height: 20px; background-color: #E1E1E1; right: -32px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 100%; border-radius: 100% } .redirectTabsBlock__content__text a.style__2:after { content: ''; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2475 3.74749C15.3842 3.6108 15.3842 3.3892 15.2475 3.25251L13.0201 1.02513C12.8834 0.888443 12.6618 0.888443 12.5251 1.02513C12.3884 1.16181 12.3884 1.38342 12.5251 1.5201L14.505 3.5L12.5251 5.4799C12.3884 5.61658 12.3884 5.83819 12.5251 5.97487C12.6618 6.11156 12.8834 6.11156 13.0201 5.97487L15.2475 3.74749ZM0 3.85H15V3.15H0V3.85Z' fill='black'/%3E%3C/svg%3E"); width: 16px; height: 8px; right: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .redirectTabsBlock__content__text a.style__2:hover:before { background-color: #DECEB3; background-color: var(--goldColor) } .redirectTabsBlock__content__text a.style__2:hover:after { right: -44px } .redirectTabsBlock__content__text__button { background-color: undefined; background-color: var(--robinsEggBlueColor); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .5rem 1rem; color: #000000; color: var(--blackColor); -webkit-border-radius: 15px; border-radius: 15px; margin-top: 1.25rem } .redirectTabsBlock__content__text__button path { fill: #000000; fill: var(--blackColor) } .redirectTabsBlock__content__text__button span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .redirectTabsBlock__navigation__right, .redirectTabsBlock__navigation__left { position: absolute; z-index: 1; top: 30px } @media only screen and (max-width: 1023px) { .redirectTabsBlock__navigation__right, .redirectTabsBlock__navigation__left { top: 74px; background: #FFFFFF; padding: .625rem; -webkit-border-radius: 100%; border-radius: 100% } } @media only screen and (max-width: 384px) { .redirectTabsBlock__navigation__right, .redirectTabsBlock__navigation__left { top: 85px } } .redirectTabsBlock__navigation__right:hover, .redirectTabsBlock__navigation__left:hover { cursor: pointer } .redirectTabsBlock__navigation__right { right: 20px } .redirectTabsBlock__navigation__left { left: 20px } .slidesBlocsOnText__responsive .slidesBlocsOnText__text { padding: 16px 16px 13px !important } @media only screen and (min-width: 1026px) { .slidesBlocsOnText__responsive { display: none } .redirectTabsBlock .swiper-container { overflow: visible } .redirectTabsBlock .swiper-slide { position: static; max-width: 400px !important } .redirectTabsBlock .swiper-wrapper { display: block; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; height: auto !important } .redirectTabsBlock .swiper-slide-duplicate { display: none } .redirectTabsBlock .redirectTabsBlock__navigation { display: none } .redirectTabsBlock__content__block { opacity: 0; height: 0; position: absolute; left: 440px; top: 0; right: 0; bottom: 0; pointer-events: none; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .redirectTabsBlock__content__block.showImage { opacity: 1; pointer-events: auto; height: 100%; -webkit-transition: opacity .8s ease; -o-transition: opacity .8s ease; transition: opacity .8s ease } .redirectTabsBlock__content__image { height: 100% } .redirectTabsBlock__content__image img { width: 100%; height: 100% } .redirectTabsBlock__pagination { display: none } } @media only screen and (min-width: 1300px) { .redirectTabsBlock .swiper-slide { max-width: 600px !important } .slidesBlocsOnText__text { max-width: 600px } .redirectTabsBlock__content__block { left: 640px } } @media only screen and (max-width: 1025px) { .slidesBlocsOnText__desktop { display: none } .redirectTabsBlock__blocks .swiper-slide { padding-top: -webkit-calc(1.53125rem + 3.375vw); padding-top: calc(1.53125rem + 3.375vw) } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .redirectTabsBlock__blocks .swiper-slide { padding-top: 4.0625rem } } @media only screen and (max-width: 1025px) and (max-width: 1025px) { .redirectTabsBlock__blocks .swiper-slide { padding-top: 0 } } @media only screen and (max-width: 1025px) { .redirectTabsBlock__blocks__top { width: 100%; position: relative } .redirectTabsBlock { -webkit-box-shadow: none; box-shadow: none } .redirectTabsBlock .redirectTabsBlock__content__block { position: static } .redirectTabsBlock .slidesBlocsOnText__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1rem; background-color: #F8F8F8; cursor: pointer } .redirectTabsBlock .slidesBlocsOnText__text.active { background-color: #ffffff; background-color: var(--whiteColor) } .redirectTabsBlock .slidesBlocsOnText__text li { list-style: none; font-size: 1rem; line-height: 1.5; padding-left: 25px } .redirectTabsBlock .slidesBlocsOnText__text:before { display: none } .redirectTabsBlock .slidesBlocsOnText__text:after { display: none } .redirectTabsBlock .slidesBlocsOnText__text path { fill: #000000; fill: var(--blackColor) } .redirectTabsBlock .swiper-wrapper { margin-left: -webkit-calc(50% - 50vw); margin-left: calc(50% - 50vw); margin-right: -webkit-calc(50% - 50vw); margin-right: calc(50% - 50vw) } .redirectTabsBlock__content__image__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .redirectTabsBlock__content__image__content .redirectTabsBlock__content__image { width: 100% } .redirectTabsBlock__content__block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; max-height: 0; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .redirectTabsBlock__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: .625rem 0 .9375rem 0 } .redirectTabsBlock__pagination .swiper-pagination-bullet { margin: 0 .3125rem; width: 12px; height: 12px } .redirectTabsBlock__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-border-radius: 50%; border-radius: 50%; background-color: #000000; background-color: var(--blackColor); border: 2.3px solid #fff; -webkit-box-shadow: 0 0 0 1px #000000; box-shadow: 0 0 0 1px #000000; -webkit-box-shadow: 0 0 0 1px var(--blackColor); box-shadow: 0 0 0 1px var(--blackColor) } .redirectTabsBlock__blocks { position: relative; padding-top: 15px !important } } @media only screen and (max-width: 1023px) { .redirectTabsBlock__content__block { -ms-grid-columns: 1fr; grid-template-columns: 1fr } .redirectTabsBlock__content__text { padding: .9375rem; top: 0px !important; margin-left: 0; width: 100%; background-color: #ffffff } .redirectTabsBlock__content__image { max-height: 34.5rem } .redirectTabsBlock__content__image img { height: 100%; width: 100% } } @media only screen and (max-width: 767px) { .redirectTabsBlock__content__image { max-height: 18.75rem } .redirectTabsBlock__blocks__top__responsive .redirectTabsBlock__blocks__top__title { font-size: -webkit-calc(1.28125rem + .375vw); font-size: calc(1.28125rem + .375vw) } } @media only screen and (max-width: 767px) and (min-width: 1200px) { .redirectTabsBlock__blocks__top__responsive .redirectTabsBlock__blocks__top__title { font-size: 1.5625rem } } @media only screen and (max-width: 767px) { .redirectTabsBlock__navigation__left { left: 12px } .redirectTabsBlock__navigation__right { right: 12px } } @media only screen and (max-width: 479px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: -webkit-calc(1.275rem + .3vw); font-size: calc(1.275rem + .3vw) } } @media only screen and (max-width: 479px) and (min-width: 1200px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: 1.5rem } } @media only screen and (max-width: 479px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link { padding-left: .75rem; padding-right: .75rem; font-size: .625rem } .redirectTabsBlock .slidesBlocsOnText__text:before { display: none } .redirectTabsBlock .slidesBlocsOnText__text:after { display: none } .redirectTabsBlock__content__text { top: 0px !important } } @media only screen and (max-width: 384px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { font-size: 1rem } } .redirectTabsBlock__blocks__top__sub-title { font-weight: 500; line-height: 1.33333; letter-spacing: 0.02rem; font-size: 1.125rem } @media only screen and (max-width: 767px) { .redirectTabsBlock__blocks__top__sub-title { margin-top: 10px } } .redirectTabsBlock__blocks__top__title { max-width: 75% } @media only screen and (max-width: 767px) { .redirectTabsBlock__blocks__top__title { max-width: 100% } } .summary__title { letter-spacing: 0.094rem; font-size: 1.25rem; margin-top: 10px; margin-bottom: 15px; font-family: "Optima", arial, helvetica, sans-serif; font-weight: bold } .summary__links { margin-left: 2rem } .summary__links ul { font-family: "Optima", arial, helvetica, sans-serif; margin-bottom: 0.5rem; list-style: disc; list-style-position: outside } .summary__links ul a * { position: relative; color: #000000; color: var(--blackColor); display: inline; padding-bottom: 0.125rem; cursor: pointer; font-weight: 500; font-style: italic } .summary__links ul a *::after { content: ''; position: absolute; background-color: #376478; background-color: var(--blue3Color); height: 1px; width: 100%; right: 0; bottom: -1.5px; -webkit-transition: 0.3s cubic-bezier(1, 0, 0, 0), color 0.3s; -o-transition: 0.3s cubic-bezier(1, 0, 0, 0), color 0.3s; transition: 0.3s cubic-bezier(1, 0, 0, 0), color 0.3s } .summary__links ul a *:hover::after { right: 0; width: 0% } .summary__links ul li::marker { color: #376478; color: var(--blue3Color) } .content { text-align: initial } .content h2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 14px; gap: 14px; position: relative; text-align: left; font-family: undefined; font-family: var(--textFontFamily); font-size: 1.875rem; line-height: 1.5; font-weight: 400; letter-spacing: 0.1em; margin-top: 20px } @media only screen and (max-width: 767px) { .content h2 { font-size: 1.5rem } } .content h2 br { display: none } .content h2:after { content: ''; position: absolute; background-color: #4c4c4c; left: 0; top: 58%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 2px } .content h2 strong { display: block; color: #181818; color: var(--textColor); font-family: undefined; font-family: var(--textFontFamily); font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.5; margin-top: 20px } .content p { font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px; margin: 20px 0; text-align: left } .content a { font-weight: bold; padding: 0 0.25rem; background: #DECEB3; background: var(--goldColor); -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .content a:hover { background: #e6ccb1 } .content ol { list-style: decimal; margin-left: 2rem; margin-bottom: 0.3rem; font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px } .content ol li { padding-bottom: 0.7rem } .content ol li::marker { color: #DECEB3; color: var(--goldColor) } .content ol li * { display: inline; line-height: 1.25; letter-spacing: 0.05em; color: undefined; color: var(--textColor) } .content ul { font-family: undefined; font-family: var(--textFontFamily); color: #181818; color: var(--textColor); text-align: initial; font-size: 16px; font-style: normal; font-weight: 300; line-height: 1.5rem; letter-spacing: 0.45px; margin-left: 2rem; margin-bottom: 0.3rem; list-style: disc; list-style-position: outside } .content ul li { padding-bottom: 0.7rem } .content ul li::marker { color: #DECEB3; color: var(--goldColor) } .content ul li * { display: inline; line-height: 1.25; letter-spacing: 0.05em; color: undefined; color: var(--textColor) } .faq { margin-top: 1rem } .faq__questions { margin-top: 8px } .faq__questions__item { padding: 16px 0 24px; border-bottom: 0.5px solid #000 } @media only screen and (max-width: 767px) { .faq__questions__item { padding: 16px 0 8px } } .faq__questions__item__title { cursor: pointer; color: #000; font-family: undefined; font-family: var(--textFontFamily); font-size: 19px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: 0.57px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 8px; gap: 8px } .faq__questions__item__title span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .faq__questions__item__description { color: #181818; color: var(--textColor); font-size: 15px; font-style: normal; font-family: undefined; font-family: var(--textFontFamily); font-weight: 300; line-height: 25px; letter-spacing: 0.45px; -webkit-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out } .faq__questions__item__description ol { list-style: auto; margin-left: 1.5rem } .faq__questions__item__description ul { list-style: disc; margin-left: 1.5rem } .faq__questions__item__icon { -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; background: #DECEB3; background: var(--goldColor); -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 1023px) { .faq__questions__item__icon { width: 28px; height: 28px } } .faq__questions__item--active .faq__questions__item__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .faq__questions__item--active .faq__questions__item__description { margin-bottom: 16px } .tabs-nav { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .tabs-nav a { width: 50%; display: block; padding: .9375rem; background-color: #f3f3f3; text-align: center; font-size: -webkit-calc(1.275rem + .3vw); font-size: calc(1.275rem + .3vw); color: #000000; color: var(--blackColor) } @media (min-width: 1200px) { .tabs-nav a { font-size: 1.5rem } } .tabs-nav a[aria-selected="true"] { background-color: rgba(0, 0, 0, 0.05) } @media only screen and (max-width: 479px) { .tabs .tabs-nav a { padding: .5rem; font-size: 1rem } } .pricesTable thead>tr>th+th { border-left: 1.5px solid #DECEB3; border-left: 1.5px solid var(--goldColor) } .pricesTable thead th { font-weight: bold; font-size: .9375rem; line-height: 1.53; vertical-align: middle; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background-color: #376478; background-color: var(--blue3Color); padding: 1.25rem .9375rem } .pricesTable td { width: 50%; vertical-align: middle; text-align: center; font-weight: 300; font-size: 1rem; line-height: 1.12; color: #05313B; color: var(--primaryColor); padding: 1.25rem .9375rem } .pricesTable tbody>tr { border-top: 1.5px solid #DECEB3; border-top: 1.5px solid var(--goldColor) } .pricesTable tbody>tr>td:nth-child(1) { background-color: undefined; background-color: var(--galleryColor) } .pricesTable tbody>tr>td:nth-child(2) { border-left: 1.5px solid #DECEB3; border-left: 1.5px solid var(--goldColor); background-color: #05313B; background-color: var(--primaryColor) } .antipodes-price-table tbody>tr+tr { border-top: 3px solid #DECEB3; border-top: 3px solid var(--goldColor) } .antipodes-price-table tr>td { padding: 1rem 0; text-transform: uppercase; font-weight: 300 } .antipodes-price-table tr>td:last-child { text-align: right } .antipodes-price-table th { text-align: left } .antipodes-price-table th:last-child { text-align: right; font-weight: bold; font-size: 1.1875rem; color: #05313B; color: var(--primaryColor); font-family: "Optima", arial, helvetica, sans-serif } @media only screen and (max-width: 767px) { .antipodes-price-table tr>td { width: 65% } } .heroHome__image { position: relative } .heroHome__image img { max-height: inherit; width: 100% } .heroHome__image .attachment-full:first-of-type { display: none; width: 100%; max-height: 56.25rem; -webkit-border-radius: 0 0 0px 200px; border-radius: 0 0 0px 200px } @media only screen and (min-width: 950px) { .heroHome__image .attachment-full:first-of-type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .heroHome__image .attachment-full:last-of-type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-height: 62.5rem } @media only screen and (min-width: 950px) { .heroHome__image .attachment-full:last-of-type { display: none } } .heroHome__image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4) } .heroHome__content { max-width: 56.25rem; position: absolute; top: 50%; right: 20px; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media only screen and (min-width: 1024px) { .heroHome__content { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .heroHome__content__title>* { color: #ffffff; color: var(--whiteColor); font-family: "Optima", arial, helvetica, sans-serif; text-align: center; font-size: 2.25rem; font-weight: 700; line-height: 1.11; letter-spacing: 0.72px; text-transform: uppercase } .heroHome__content__description { color: #ffffff; color: var(--whiteColor); text-align: center; font-size: 0.8125rem; font-weight: 400; line-height: 1.69; letter-spacing: 0.52px; margin-top: 20px } .heroHome__content__link { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .heroHome__content__link a { display: block; color: #ffffff; color: var(--whiteColor); text-align: center; font-size: 14px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; background-color: #000000; background-color: var(--blackColor); padding: 8px 1rem } .thumbnailBlock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 1rem; gap: 1rem } @media only screen and (min-width: 900px) { .thumbnailBlock__content { width: -webkit-calc(50% - 8px); width: calc(50% - 8px) } } .thumbnailBlock__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; height: 100%; overflow: hidden } .thumbnailBlock__content>* { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 } .thumbnailBlock__content:hover .thumbnailBlock__on-hover { opacity: 1; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s } .thumbnailBlock__content:hover .thumbnailBlock__title { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } .thumbnailBlock__image { display: block } .thumbnailBlock__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .thumbnailBlock__title { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; font-size: 2.125rem; font-family: "Optima", arial, helvetica, sans-serif; color: #ffffff; font-weight: 700; letter-spacing: 0.8px; text-align: left; text-transform: uppercase; margin-right: 1.25rem; margin-bottom: 1rem; margin-left: 1.25rem; -webkit-transition: opacity 0.35s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.35s cubic-bezier(0.66, 0, 0.34, 1); transition: opacity 0.35s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.35s cubic-bezier(0.66, 0, 0.34, 1); -o-transition: opacity 0.35s cubic-bezier(0.66, 0, 0.34, 1), transform 0.35s cubic-bezier(0.66, 0, 0.34, 1); transition: opacity 0.35s cubic-bezier(0.66, 0, 0.34, 1), transform 0.35s cubic-bezier(0.66, 0, 0.34, 1); transition: opacity 0.35s cubic-bezier(0.66, 0, 0.34, 1), transform 0.35s cubic-bezier(0.66, 0, 0.34, 1), -webkit-transform 0.35s cubic-bezier(0.66, 0, 0.34, 1); pointer-events: none; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s } @media only screen and (min-width: 900px) { .thumbnailBlock__title { font-size: 2.5rem; margin-bottom: 2.2rem; margin-left: 3rem } } .thumbnailBlock__on-hover { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; opacity: 0; color: #F9F7F5; letter-spacing: inherit; text-align: center; text-transform: inherit; padding: 1.25rem; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.35s cubic-bezier(0.36, 0, 0.64, 1); -o-transition: opacity 0.35s cubic-bezier(0.36, 0, 0.64, 1); transition: opacity 0.35s cubic-bezier(0.36, 0, 0.64, 1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } @media only screen and (min-width: 900px) { .thumbnailBlock__on-hover { padding: 2.5rem 3rem } } .thumbnailBlock__on-hover-title { color: #ffffff; color: var(--whiteColor); font-family: "Optima", arial, helvetica, sans-serif; font-size: 2.125rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase } @media only screen and (min-width: 900px) { .thumbnailBlock__on-hover-title { font-size: 2.5rem } } .thumbnailBlock__on-hover-description { color: #ffffff; color: var(--whiteColor); font-family: "Optima", arial, helvetica, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 22px; letter-spacing: 0.52px; text-align: left } .expertiseBlock { padding: 24px 20px 56px; background: rgba(0, 0, 0, 0.5); height: 41.5625rem } @media only screen and (min-width: 768px) { .expertiseBlock { background: none; padding: 130px 30px; height: auto } } @media only screen and (min-width: 1440px) { .expertiseBlock { padding: 225px 70px } } .expertiseBlock__content { max-width: 500px; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); padding: 24px; border: 1px solid #DECEB3 } @media only screen and (min-width: 1440px) { .expertiseBlock__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .expertiseBlock__content__title { color: #ffffff; color: var(--whiteColor); font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); font-weight: 700; line-height: 1.42; letter-spacing: 0.56px } @media (min-width: 1200px) { .expertiseBlock__content__title { font-size: 1.75rem } } .expertiseBlock__content__sub-title { color: #ffffff; color: var(--whiteColor); font-size: .9375rem; font-weight: 500; letter-spacing: 2.6px; text-transform: uppercase } @media only screen and (min-width: 768px) { .expertiseBlock__content__sub-title { font-size: .8125rem } } .expertiseBlock__content__description { color: #ffffff; color: var(--whiteColor); font-size: 1rem; font-weight: 400; line-height: 1.69; letter-spacing: 0.52px; margin-top: 12px } @media only screen and (min-width: 768px) { .expertiseBlock__content__description { font-size: .8125rem } } .expertiseBlock__content__description ul { margin-top: 18px } .expertiseBlock__content__description ul li { position: relative; padding-left: 30px; color: #ffffff; color: var(--whiteColor); font-size: .875rem; font-style: italic; font-weight: 300; line-height: 2; letter-spacing: 0.28px } .expertiseBlock__content__description ul li:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Ccircle cx='6.5' cy='6.5' r='6.5' fill='%23DECEB3' fill-opacity='0.35'/%3E%3Ccircle cx='6.50003' cy='6.49997' r='3.61111' fill='%23DECEB3'/%3E%3C/svg%3E"); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .expertiseBlock__content__link { margin-top: 18px } .expertiseBlock__content__link a { display: inline-block; background: #DECEB3; padding: 8px 1rem; color: #000; font-size: .75rem; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase } .section:not(.section--no-paddings) { padding-top: 0; padding-bottom: 0 } .section:not(.section--no-paddings).section--paddings--md { padding-top: -webkit-calc(1.4375rem + 2.25vw); padding-top: calc(1.4375rem + 2.25vw); padding-bottom: -webkit-calc(1.4375rem + 2.25vw); padding-bottom: calc(1.4375rem + 2.25vw) } @media (min-width: 1200px) { .section:not(.section--no-paddings).section--paddings--md { padding-top: 3.125rem } } @media (min-width: 1200px) { .section:not(.section--no-paddings).section--paddings--md { padding-bottom: 3.125rem } } .section:not(.section--no-paddings) div.section--paddings--md { padding-top: -webkit-calc(1.4375rem + 2.25vw); padding-top: calc(1.4375rem + 2.25vw); padding-bottom: -webkit-calc(1.4375rem + 2.25vw); padding-bottom: calc(1.4375rem + 2.25vw) } @media (min-width: 1200px) { .section:not(.section--no-paddings) div.section--paddings--md { padding-top: 3.125rem } } @media (min-width: 1200px) { .section:not(.section--no-paddings) div.section--paddings--md { padding-bottom: 3.125rem } } .container.applyStyles { padding-top: -webkit-calc(1.46875rem + 2.625vw); padding-top: calc(1.46875rem + 2.625vw) } @media (min-width: 1200px) { .container.applyStyles { padding-top: 3.4375rem } } .section:not(.section--no-topMargin).section--marginTop--sm { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin).section--marginTop--sm { margin-top: 2.1875rem } } .section:not(.section--no-topMargin) div.section--marginTop--sm { margin-top: -webkit-calc(1.34375rem + 1.125vw); margin-top: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin) div.section--marginTop--sm { margin-top: 2.1875rem } } .section:not(.section--no-topMargin).section--marginBottom--sm { margin-bottom: -webkit-calc(1.34375rem + 1.125vw); margin-bottom: calc(1.34375rem + 1.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin).section--marginBottom--sm { margin-bottom: 2.1875rem } } .section:not(.section--no-topMargin).section--marginTop--md { margin-top: -webkit-calc(1.59375rem + 4.125vw); margin-top: calc(1.59375rem + 4.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin).section--marginTop--md { margin-top: 4.6875rem } } .section:not(.section--no-topMargin) div.section--marginTop--md { margin-top: -webkit-calc(1.59375rem + 4.125vw); margin-top: calc(1.59375rem + 4.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin) div.section--marginTop--md { margin-top: 4.6875rem } } .section:not(.section--no-topMargin).section--marginBottom--md { margin-bottom: -webkit-calc(1.59375rem + 4.125vw); margin-bottom: calc(1.59375rem + 4.125vw) } @media (min-width: 1200px) { .section:not(.section--no-topMargin).section--marginBottom--md { margin-bottom: 4.6875rem } } @media only screen and (max-width: 767px) { .section--no-margin-mobile { margin-top: 0 !important } } .section--backgroundColor--1 { background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(235, 235, 235, 0.439216)), color-stop(0%, rgba(235, 235, 235, 0))); background: -o-linear-gradient(top, rgba(235, 235, 235, 0.439216) 100%, rgba(235, 235, 235, 0) 0%); background: linear-gradient(180deg, rgba(235, 235, 235, 0.439216) 100%, rgba(235, 235, 235, 0) 0%); --sectionColor: var(--whiteColor) } .section--backgroundColor--2 { background: #F8F8F8; background: var(--grey2Color) } .section--backgroundColor--3 { background: #E9F2F2; background: var(--blueColor) } .section--backgroundColor-1 { --sectionBackgroundColor: linear-gradient(180deg, var(--blackSqueezeColor) 0%, var(--swansDownColor) 100%); --sectionColor: var(--scorpionColor) } .sectionHeader--style-1>.sectionHeader__title>* { font-family: "Optima", arial, helvetica, sans-serif; color: #181818; color: var(--black2Color); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.28571; letter-spacing: 0.02em; text-transform: uppercase } @media (min-width: 1200px) { .sectionHeader--style-1>.sectionHeader__title>* { font-size: 1.75rem } } .sectionHeader--style-1>.sectionHeader__title>* strong { display: block; font-family: "Poppins", arial, helvetica, sans-serif; color: undefined; color: var(--tacaoColor); font-size: 1.125rem; font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.1em; text-transform: uppercase } .sectionHeader--style-1>.sectionHeader__title>* b { display: block; font-family: "Poppins", arial, helvetica, sans-serif; color: undefined; color: var(--tacaoColor); font-size: 1.125rem; font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.1em; text-transform: uppercase } .section--headerStyle1--sm .sectionHeader--style-1>.sectionHeader__title>* strong, .section--headerStyle1--sm .sectionHeader--style-1>.sectionHeader__title>* b { font-size: .875rem } .sectionHeader--style-1>.sectionHeader__description { font-size: .8125rem; color: #181818; color: var(--black2Color); font-weight: 400; font-weight: var(--fontWeightRegular); line-height: 1.69231; text-align: center; font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.04em; width: 80%; margin: 1.25rem auto 0 } @media only screen and (max-width: 1023px) { .sectionHeader--style-1>.sectionHeader__description { width: 70%; margin: .625rem auto 0 } } @media only screen and (max-width: 767px) { .sectionHeader--style-1>.sectionHeader__description { width: 90% } } .sectionHeader--style-2>.sectionHeader__title>* { font-family: "Optima", arial, helvetica, sans-serif; color: #05313B; color: var(--primaryColor); font-size: -webkit-calc(1.3125rem + .75vw); font-size: calc(1.3125rem + .75vw); font-weight: 700; font-weight: var(--fontWeightBold) } @media (min-width: 1200px) { .sectionHeader--style-2>.sectionHeader__title>* { font-size: 1.875rem } } .section--headerStyle1--sm .sectionHeader--style-2>.sectionHeader__title>* strong, .section--headerStyle1--sm .sectionHeader--style-2>.sectionHeader__title>* b { font-size: .875rem } .sectionHeader--style-2>.sectionHeader__description { font-family: "Optima", arial, helvetica, sans-serif; font-size: 1.4375rem; color: #4F868C; color: var(--greenColor); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.56522; margin-top: .3125rem; letter-spacing: 0.1em; text-transform: uppercase } .sectionHeader--style-2>.sectionHeader__description::after { content: ''; display: block; width: 4.1875rem; height: 1px; background-color: #DECEB3; background-color: var(--goldColor); margin-top: .5625rem; margin-left: auto; margin-right: auto } .sectionHeader--style-3>.sectionHeader__title>* { font-family: "Optima", arial, helvetica, sans-serif; color: #ffffff; color: var(--whiteColor); font-size: -webkit-calc(1.34375rem + 1.125vw); font-size: calc(1.34375rem + 1.125vw); font-weight: 700; font-weight: var(--fontWeightBold); line-height: .8; position: relative; margin-bottom: -webkit-calc(1.2625rem + .15vw); margin-bottom: calc(1.2625rem + .15vw); padding-bottom: 1.25rem } @media (min-width: 1200px) { .sectionHeader--style-3>.sectionHeader__title>* { font-size: 2.1875rem } } @media (min-width: 1200px) { .sectionHeader--style-3>.sectionHeader__title>* { margin-bottom: 1.375rem } } .section--headerStyle1--sm .sectionHeader--style-3>.sectionHeader__title>* strong, .section--headerStyle1--sm .sectionHeader--style-3>.sectionHeader__title>* b { font-size: .875rem } .sectionHeader--style-3>.sectionHeader__title>*::after { content: ''; display: block; width: 4.1875rem; height: 1px; background-color: #DECEB3; background-color: var(--goldColor); margin-left: auto; margin-right: auto; position: absolute; left: -15px; bottom: 0 } .sectionHeader--style-3>.sectionHeader__description { font-family: "Optima", arial, helvetica, sans-serif; font-size: .9375rem; color: #ffffff; color: var(--whiteColor); font-weight: 400; font-weight: var(--fontWeightRegular); line-height: 1.66667; margin-top: .3125rem } .sectionHeader--style-3 .sectionHeader__button a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; display: inline-block; padding: .75rem 1.125rem } @media (min-width: 1200px) { .sectionHeader--style-3 .sectionHeader__button a { padding: .1875rem 2rem } } .sectionHeader--style-3 .sectionHeader__button a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .sectionHeader--style-3 .sectionHeader__button a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .sectionHeader--style-3 .sectionHeader__button a:hover>* { position: relative; color: #fff } .sectionHeader--style-3 .sectionHeader__button a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .section--shadow--bottom { background: #F8F8F8 } section { position: relative } .section--has--line { margin-bottom: -webkit-calc(1.5rem + 3vw); margin-bottom: calc(1.5rem + 3vw) } @media (min-width: 1200px) { .section--has--line { margin-bottom: 3.75rem } } .section--has--line:after { content: ''; position: absolute; bottom: -30px; width: 82rem; height: 5px; background-color: rgba(222, 206, 179, 0.3); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media only screen and (max-width: 1247px) { .section--has--line:after { width: 100% } } .section--has--parallax { background-attachment: fixed; background-position: right } .section--bg--bottom { background-position: bottom } @media only screen and (max-width: 767px) { .section--bg--right { background-position: right } } .section--title--mgbottom .sectionHeader { margin-bottom: 1.25rem } .header__top__left .header__top__left__address, .header__top__left .header__top__right__contact { display: none } @media only screen and (max-width: 1025px) { .header__top__left { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__left .header__top__left__phone { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .75rem; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase; color: #181818; color: var(--black2Color); background-color: #F4F4F4; background-color: var(--greyColor); padding: .375rem .9375rem; margin-right: 1.25rem } } @media only screen and (max-width: 1025px) and (max-width: 559px) { .header__top__left .header__top__left__phone { padding: .375rem .75rem; margin-right: .9375rem } } @media only screen and (max-width: 1025px) and (max-width: 374px) { .header__top__left .header__top__left__phone { font-size: .5625rem; white-space: nowrap; margin-right: .625rem; margin-left: .625rem } } @media only screen and (max-width: 1025px) { .header__top__left .header__top__right__doctolib { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .75rem; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase; color: #181818; color: var(--black2Color); background-color: #DECEB3; background-color: var(--goldColor); padding: .375rem .9375rem } } @media only screen and (max-width: 1025px) and (max-width: 559px) { .header__top__left .header__top__right__doctolib { padding: .375rem .75rem } } @media only screen and (max-width: 1025px) and (max-width: 374px) { .header__top__left .header__top__right__doctolib { font-size: .5625rem; white-space: nowrap } } @media only screen and (min-width: 1026px) { .header__top__left { height: 1.6875rem; height: var(--headerTopHeight, 1.875rem); position: relative; color: #FFF; line-height: 1.6875rem; line-height: var(--headerTopHeight, 1.875rem) } .header__top__left .header__top__left__address, .header__top__left .header__top__right__contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header__top>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-right: 0 } .header__top__left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: .5625rem } .header__top__left>*:not(.header__top__right__doctolib) a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } .header__top__left>*:not(.header__top__right__doctolib) svg { margin-right: .625rem } .header__top__left>*:not(.header__top__right__doctolib) svg path[fill] { fill: #8FBFBF; fill: var(--green2Color) } .header__top__left>*:not(.header__top__right__doctolib) svg polygon[fill] { fill: #8FBFBF; fill: var(--green2Color) } .header__top__left>*:not(.header__top__right__doctolib) svg path[stroke] { stroke: #8FBFBF; stroke: var(--green2Color) } .header__top__left>*:not(.header__top__right__doctolib) svg polygon[stroke] { stroke: #8FBFBF; stroke: var(--green2Color) } .header__top__left>*:not(.header__top__right__doctolib) svg path, .header__top__left>*:not(.header__top__right__doctolib) svg polygon { -webkit-transition: fill .3s ease, stroke .3s ease; -o-transition: fill .3s ease, stroke .3s ease; transition: fill .3s ease, stroke .3s ease } .header__top__left>*:not(.header__top__right__doctolib) a:hover svg path[fill] { fill: #05313B; fill: var(--primaryColor) } .header__top__left>*:not(.header__top__right__doctolib) a:hover svg polygon[fill] { fill: #05313B; fill: var(--primaryColor) } .header__top__left>*:not(.header__top__right__doctolib) a:hover svg path[stroke] { stroke: #05313B; stroke: var(--primaryColor) } .header__top__left>*:not(.header__top__right__doctolib) a:hover svg polygon[stroke] { stroke: #05313B; stroke: var(--primaryColor) } .header__top__left>*:not(.header__top__right__doctolib)+*:not(.header__top__right__doctolib)::before { content: ''; display: inline-block; width: 8px; height: 1%; background-color: #DECEB3; background-color: var(--goldColor); margin-left: .75rem; margin-right: .75rem } .header__top__left__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__left__socials>ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header__top__left__socials>ul>li+li { margin-left: .9375rem } .header__top__left__socials>ul a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header__top__left__socials>ul a:hover svg path { fill: undefined; fill: var(--scorpionColor) } .header__top__left__socials>ul a:hover svg polygon { fill: undefined; fill: var(--scorpionColor) } .header__top__left__socials>ul a:focus svg path { fill: undefined; fill: var(--scorpionColor) } .header__top__left__socials>ul a:focus svg polygon { fill: undefined; fill: var(--scorpionColor) } .header__top__left__socials>ul svg path, .header__top__left__socials>ul svg polygon { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s } .header__top__left__email { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #05313B; color: var(--primaryColor); line-height: 1 } } @media only screen and (min-width: 1026px) and (max-width: 1239px) { .header__top__left__email, .header__top__left__email+*::before { display: none !important } } @media only screen and (min-width: 1026px) { .header__top__left__address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .75rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; color: var(--blackColor); line-height: 1.5 } .header__top__left__address p { padding-left: 1.25rem; position: relative } .header__top__left__address a { -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .header__top__left__address a:hover { color: #181818; color: var(--black2Color) } .header__top__left__address a:focus { color: #181818; color: var(--black2Color) } .header__top__left__address>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__left__address>* span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__left__phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__left__phone a { padding-left: -webkit-calc(1.28125rem + .375vw); padding-left: calc(1.28125rem + .375vw); position: relative } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .header__top__left__phone a { padding-left: 1.5625rem } } @media only screen and (min-width: 1026px) { .header__top__left__phone>a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; color: #000000; color: var(--blackColor); font-weight: 700; font-weight: var(--fontWeightBold); font-size: .875rem; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase } .header__top__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header__top__right__doctolib { height: 27px; margin-left: 1.25rem } .header__top__right__doctolib a { font-family: "Poppins", arial, helvetica, sans-serif; font-size: .6875rem; color: #ffffff; color: var(--whiteColor); padding: .3125rem 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.45455; letter-spacing: 0.05em; background-color: #000000; background-color: var(--blackColor); height: 100%; font-weight: 700; font-weight: var(--fontWeightBold); text-transform: uppercase } .header__top__right__doctolib>a div>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__top__right__contact { padding-left: -webkit-calc(1.26875rem + .225vw); padding-left: calc(1.26875rem + .225vw); padding-right: -webkit-calc(1.26875rem + .225vw); padding-right: calc(1.26875rem + .225vw); margin-left: .9375rem; font-size: .9375rem; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.6875rem; line-height: var(--headerTopHeight, 1.875rem); text-align: center; text-transform: uppercase; background-color: #DECEB3; background-color: var(--goldColor) } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .header__top__right__contact { padding-left: 1.4375rem } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .header__top__right__contact { padding-right: 1.4375rem } } @media only screen and (min-width: 1026px) { .header__top__right__contact a { color: #181818; color: var(--black2Color); -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .header__top__right__contact a:hover { color: #ffffff; color: var(--whiteColor) } } .header { position: -webkit-sticky; position: sticky; z-index: 100; z-index: var(--headerZindex, 100); top: 0; right: 0; left: 0; background-color: transparent } .admin-bar .header { top: -webkit-calc(46px + 0); top: calc(46px + 0) } @media screen and (min-width: 783px) { .admin-bar .header { top: -webkit-calc(32px + 0); top: calc(32px + 0) } } .header__bottom { position: relative; z-index: 100; z-index: var(--headerZindex, 100); padding: .4375rem 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background-color ease .3s; -o-transition: background-color ease .3s; transition: background-color ease .3s } .header__bottom>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } body:not(.page-template-home-page) .header__bottom { background-color: #fff } .header.add_bg .header__bottom { -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.07); box-shadow: 0 4px 11px rgba(0, 0, 0, 0.07); -webkit-box-shadow: var(--headerBoxShadow, 0 4px 11px rgba(0, 0, 0, 0.07)); box-shadow: var(--headerBoxShadow, 0 4px 11px rgba(0, 0, 0, 0.07)); background-color: #FFF } @media only screen and (max-width: 1025px) { .header .header__bottom>div { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } } .header__bottom>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__bottom__logo { display: inline-block; margin-right: auto } .header__bottom__actions { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; top: 3px; margin-left: 2.1875rem; margin-left: var(--headerBottomActionsGap, 2.1875rem) } .header__bottom__menu { display: none } @media only screen and (min-width: 1026px) { .header__bottom__menu { display: block } .header__bottom__menu>nav>ul>li { display: inline-block } .header__bottom__menu>nav>ul li>a span { pointer-events: none } .header__bottom__menu>nav>ul li>a svg { display: none; stroke: #000; stroke: var(--headerMenuSvgColor, var(--headerMenuColor, #000)) } .header__bottom__menu>nav>ul>li+li { padding-left: 1.75rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } @media only screen and (max-width: 1049px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1247px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.5625rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.375rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } @media only screen and (max-width: 1399px) { .header__bottom__menu>nav>ul>li+li { padding-left: 1.125rem; padding-left: var(--headerMenuItemGap, 2.1875rem) } } .header__bottom__menu>nav>ul>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: 13px; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)); color: #000000; color: var(--headerMenuItemColor, var(--headerMenuColor, #000)); font-weight: 400; font-weight: var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400)); line-height: 1.6; line-height: var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1)); letter-spacing: 0.05em; letter-spacing: var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0)); text-transform: uppercase; text-transform: var(--headerMenuItemTextTransform, var(--headerMenuTextTransform, none)); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li>a { font-size: .75rem; font-size: var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem)) } } .header__bottom__menu>nav>ul>li>a:hover { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a:focus { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li>a svg { display: none } .header__bottom__menu>nav>ul>li.is-active>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenuItemAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__menu>nav>ul li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { max-height: -webkit-calc(100vh - 0px - (0px + 20px)); max-height: calc(100vh - 0px - (0px + 20px)); max-height: -webkit-calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); max-height: calc(100vh - var(--headerMenu__simpleMenuTop, 0px) - (var(--headerHeight, 0px) + 20px)); border-left: 0px solid #000; border-left: var(--headerMenu__simpleMenuBorderWidth, 0px) solid var(--headerMenu__simpleMenuBorderColor, #000); overflow-x: hidden; overflow-y: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { min-width: 11.25rem; max-width: 14.375rem; max-width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; opacity: 0; background-color: #FFF; -webkit-box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); box-shadow: 3px 9px 14px rgba(0, 0, 0, 0.11); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop.edge { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop>.nav-drop__wrapper li.menu-item-has-children>ul.nav-drop { padding: .3125rem .5rem .3125rem .75rem; padding: var(--headerMenu__simpleMenuPaddingTop, .3125rem) var(--headerMenu__simpleMenuPaddingRight, 1.25rem) var(--headerMenu__simpleMenuPaddingBottom, .3125rem) var(--headerMenu__simpleMenuPaddingLeft, .9375rem) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children { position: static } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { width: 14.375rem; width: var(--headerMenu__simpleMenuWidth, 14.375rem); position: absolute; top: 0; top: var(--headerMenu__simpleMenuTop, 0); opacity: 0; background-color: #FFF; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop:not(.edge) { left: -webkit-calc(0px + .125rem); left: calc(0px + .125rem); left: -webkit-calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)); left: calc(var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem)) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop.edge .nav-drop { left: -webkit-calc((0px + .125rem + (0px - 0px)) * -1); left: calc((0px + .125rem + (0px - 0px)) * -1); left: -webkit-calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1); left: calc((var(--headerMenu__simpleMenuLeft, 0px) + var(--headerMenu__simpleMenuGapBetween, .125rem) + (var(--headerMenu__simpleMenuWidth, 0px) - var(--headerMenu__simpleMenuLeft, 0px))) * -1) } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children.is-active>ul.nav-drop li.menu-item-has-children.is-active>ul.nav-drop { opacity: 1; pointer-events: auto } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li { display: block } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--headerMenu__simpleMenuItemFontFamily, var(--headerMenuItemFontFamily, var(--fontFamily, Arial, sans-serif))); font-size: 13px; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))); font-weight: 400; font-weight: var(--headerMenu__simpleMenuItemFontWeight, var(--headerMenuItemItemFontWeight, var(--headerMenuFontWeight, 400))); color: #000000; color: var(--headerMenu__simpleMenuItemColor, var(--headerMenuItemColor, var(--headerMenuColor, #000))); line-height: 1.6; line-height: var(--headerMenu__simpleMenuItemLineHeight, var(--headerMenuItemLineHeight, var(--headerMenuLineHeight, 1))); letter-spacing: 0.05em; letter-spacing: var(--headerMenu__simpleMenuItemLetterSpacing, var(--headerMenuItemLetterSpacing, var(--headerMenuLetterSpacing, 0))); -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: .3125rem 0 .3125rem; padding: var(--headerMenu__simpleMenuItemPaddingTop, .3125rem) var(--headerMenu__simpleMenuItemPaddingRight, 0) var(--headerMenu__simpleMenuItemPaddingBottom, .3125rem) } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } @media only screen and (max-width: 1319px) { .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a { font-size: .75rem; font-size: var(--headerMenu__simpleMenuItemFontSize, var(--headerMenuItemFontSize, var(--headerMenuFontSize, 1rem))) } } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a span { padding-right: 1.25rem } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.menu-item-has-children>a svg { display: block; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin-left: auto; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li:hover>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-item>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-menu-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-category-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-post-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.current-page-ancestor>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li.is-active>a svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus { color: #DECEB3; color: var(--headerMenu__simpleMenuItemAccentColor, var(--headerMenuAccentColor, red)); background-color: transparent; background-color: var(--headerMenu__simpleMenuItemBackgroundColor, transparent) } .header__bottom__menu>nav>ul>li.menu-item-has-children ul.nav-drop>.nav-drop__wrapper>li>a:focus svg { stroke: red; stroke: var(--headerMenuAccentColor, red) } } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger:hover { opacity: .7 } .hamburger.is-active:hover { opacity: .7 } .hamburger.is-active .hamburger-inner { background-color: #000000; background-color: var(--blackColor) } .hamburger.is-active .hamburger-inner::before { background-color: #000000; background-color: var(--blackColor) } .hamburger.is-active .hamburger-inner::after { background-color: #000000; background-color: var(--blackColor) } .hamburger-box { width: 30px; height: 21px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px } .hamburger-inner { width: 30px; height: 3px; background-color: #000000; background-color: var(--blackColor); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before { width: 30px; height: 3px; background-color: #000000; background-color: var(--blackColor); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::after { width: 30px; height: 3px; background-color: #000000; background-color: var(--blackColor); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block } .hamburger-inner::before { top: -9px } .hamburger-inner::after { bottom: -9px } .hamburger--slider .hamburger-inner { top: 1.5px } .hamburger--slider .hamburger-inner::before { top: 9px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s } .hamburger--slider .hamburger-inner::after { top: 18px } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0); transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -18px, 0) rotate(-90deg); transform: translate3d(0, -18px, 0) rotate(-90deg) } .header__bottom__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header__bottom__actions>*+* { margin-left: .625rem; margin-left: var(--headerActionsItemsGap, .625rem) } .header__bottom__actions__search { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block } .header__bottom__actions__search svg { width: 1.5625rem; width: var(--headerActionsSearchWidth, 1.5625rem); height: 1.5625rem; height: var(--headerActionsSearchHeight, 1.5625rem) } .header__bottom__actions__search svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--headerActionsSearchColor, var(--headerMenuColor, #000)) } .header__bottom__actions__search:hover svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } .header__bottom__actions__search:focus svg path { fill: red; fill: var(--headerActionsSearchAccentColor, var(--headerMenuAccentColor, red)) } @media only screen and (max-width: 1025px) { .header__bottom__actions__menu { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 100%; border-radius: 100%; background-color: #000; background-color: var(--hamburgerBackgroundColor, #000) } .header__bottom__actions__menu>* { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; width: var(--hamburgerSize, 3.125rem); height: 3.125rem; height: var(--hamburgerSize, 3.125rem) } .header__bottom__actions__menu>*>.hamburger-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>* .hamburger-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner::after, .header__bottom__actions__menu>*:not(.is-active) .hamburger-inner { width: 20px; margin-right: auto; margin-left: auto } } @media only screen and (min-width: 1026px) { .header__bottom__actions__menu, .header__bottom__actions__menu>button { display: none !important } } @media only screen and (min-width: 1026px) { .header__responsiveMenu { display: none } } .header__responsiveMenu .dropdown-toggle { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media only screen and (max-width: 1025px) { .header__responsiveMenu .dropdown-toggle { height: 1.25rem; height: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); position: relative; opacity: 1; opacity: var(--responsiveMenuDropdownToggleOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s } .header__responsiveMenu .dropdown-toggle>* { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #181818; background-color: var(--black2Color) } .header__responsiveMenu .dropdown-toggle>*:first-child { width: 100%; height: 2px } .header__responsiveMenu .dropdown-toggle>*:last-child { width: 2px; height: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"] { opacity: 1; opacity: var(--responsiveMenuDropdownToggleAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"]>* { background-color: #DECEB3; background-color: var(--goldColor) } .header__responsiveMenu .dropdown-toggle[aria-expanded="true"]>*:last-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .header__responsiveMenu { max-height: -webkit-calc(100vh - 0px - 10vh); max-height: calc(100vh - 0px - 10vh); max-height: -webkit-calc(100vh - var(--headerHeight, 0px) - var(--responsiveMenuMaxHeight, 10vh)); max-height: calc(100vh - var(--headerHeight, 0px) - var(--responsiveMenuMaxHeight, 10vh)); position: fixed; z-index: 99; z-index: var(--responsiveMenuZindex, 99); top: 0px; top: var(--headerHeight, 0px); right: 0; left: 0; overflow: auto; visibility: hidden; font-size: 1rem; font-size: var(--responsiveMenuFontSize, 1rem); padding-top: -webkit-calc(1.25rem - (1.25rem / 2)); padding-top: calc(1.25rem - (1.25rem / 2)); padding-top: -webkit-calc(var(--responsiveMenuPaddingTop, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-top: calc(var(--responsiveMenuPaddingTop, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-bottom: -webkit-calc(1.25rem - (1.25rem / 2)); padding-bottom: calc(1.25rem - (1.25rem / 2)); padding-bottom: -webkit-calc(var(--responsiveMenuPaddingBottom, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); padding-bottom: calc(var(--responsiveMenuPaddingBottom, 1.25rem) - (var(--responsiveMenuFirstLevelGap, .625rem) / 2)); background-color: #fff; background-color: var(--responsiveMenuBackgroundColor, #fff); -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: var(--responsiveMenuBoxShadow, none); box-shadow: var(--responsiveMenuBoxShadow, none); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.4s cubic-bezier(0.42, 0, 0.58, 1); pointer-events: none; -webkit-transform: translate3d(0, -webkit-calc(-100% - 0px), 0); transform: translate3d(0, calc(-100% - 0px), 0); -webkit-transform: translate3d(0, -webkit-calc(-100% - var(--headerHeight, 0px)), 0); transform: translate3d(0, calc(-100% - var(--headerHeight, 0px)), 0) } body.admin-bar .header__responsiveMenu { top: -webkit-calc(0px + 46px); top: calc(0px + 46px); top: -webkit-calc(var(--headerHeight, 0px) + 46px); top: calc(var(--headerHeight, 0px) + 46px) } } @media only screen and (max-width: 1025px) and (min-width: 783px) { body.admin-bar .header__responsiveMenu { top: -webkit-calc(0px + 32px); top: calc(0px + 32px); top: -webkit-calc(var(--headerHeight, 0px) + 32px); top: calc(var(--headerHeight, 0px) + 32px) } } @media only screen and (max-width: 1025px) { body.responsiveMenuIsOpen .header__responsiveMenu { pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible } } .header__responsiveMenu>ul>li { padding: 0 15px; padding: 0 var(--containerGutter) } @media only screen and (min-width: 768px) { .header__responsiveMenu>ul>li { padding: 0 30px; padding: 0 var(--containerGutter) } } .header__responsiveMenu>ul>li>*:first-child { display: block; font-size: 1rem; font-size: var(--responsiveMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #181818; color: var(--black2Color); opacity: 1; opacity: var(--responsiveMenuDefaultAccentOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s; padding-top: -webkit-calc((1.25rem / 2) + 2px); padding-top: calc((1.25rem / 2) + 2px); padding-top: -webkit-calc((var(--responsiveMenuFirstLevelGap, .625rem) / 2) + 2px); padding-top: calc((var(--responsiveMenuFirstLevelGap, .625rem) / 2) + 2px); padding-bottom: -webkit-calc(1.25rem / 2); padding-bottom: calc(1.25rem / 2); padding-bottom: -webkit-calc(var(--responsiveMenuFirstLevelGap, .625rem) / 2); padding-bottom: calc(var(--responsiveMenuFirstLevelGap, .625rem) / 2) } .header__responsiveMenu>ul>li.current-menu-item>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-menu-ancestor>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-category-ancestor>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-post-ancestor>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.current-page-ancestor>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.isActive>*:first-child { color: #DECEB3; color: var(--goldColor); opacity: 1; opacity: var(--responsiveMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li+li { border-top: 0 solid #000; border-top: var(--responsiveMenuBorderWidth, 0) solid var(--responsiveMenuBorderColor, #000) } .header__responsiveMenu li.menu-item-has-children { display: -ms-grid; display: grid; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-template-areas: 'menu-item dropdown-toggle' 'dropdown dropdown'; -ms-grid-columns: auto var(--responsiveMenuItemsInnerGap, 3.75rem) 1fr; grid-template-columns: auto 1fr; grid-column-gap: 3.75rem; grid-column-gap: var(--responsiveMenuItemsInnerGap, 3.75rem); cursor: pointer } .header__responsiveMenu li.menu-item-has-children>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: menu-item } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: dropdown-toggle; min-width: 1.25rem; min-width: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); justify-self: flex-end } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle>svg { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle>svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #000; fill: var(--responsiveMenuColor, #000) } .header__responsiveMenu li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: dropdown } .header__responsiveMenu li.menu-item-has-children.isActive>.dropdown-toggle>svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .header__responsiveMenu li.menu-item-has-children.isActive>.dropdown-toggle path { fill: red; fill: var(--responsiveMenuAccentColor, red) } .header__responsiveMenu .nav-drop { display: none; padding-left: .625rem; padding-left: var(--responsiveMenuSubMenuPaddingLeft, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuMarginTop, .625rem); margin-bottom: .625rem; margin-bottom: var(--responsiveMenuSubMenuMarginBottom, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper>li+li { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuGapBetweenItems, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>.nav-drop>.nav-drop__wrapper { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuTitleDropdownMenuMarginTop, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>.nav-drop>.nav-drop__wrapper li+li { margin-top: .625rem; margin-top: var(--responsiveMenuSubMenuGapBetweenItemsInner, .625rem) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper { font-size: 0.91304em; font-size: var(--responsiveMenuFontSizeFactor, 0.91304em) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper .nav-drop__wrapper { font-size: 0.91304em; font-size: var(--responsiveMenuFontSizeFactor, 0.91304em) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li:not(.menu-item-has-children)>a { font-size: 1rem; font-size: var(--responsiveSubMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveSubMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveSubMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveSubMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveSubMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #181818; color: var(--black2Color); opacity: 1; opacity: var(--responsiveMenuOpacity, var(--responsiveMenuAccentOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-menu-item:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-menu-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-category-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-post-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.current-page-ancestor:not(.menu-item-has-children)>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li:not(.menu-item-has-children).isActive>a { color: #DECEB3; color: var(--responsiveSubMenuItemAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveSubMenuItemAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>a { font-size: 1rem; font-size: var(--responsiveSubMenuItemFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveSubMenuItemLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveSubMenuItemFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveSubMenuItemLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveSubMenuItemTextTransform, var(--responsiveMenuTextTransform, none)); color: #181818; color: var(--black2Color); opacity: 1; opacity: var(--responsiveMenuOpacity, var(--responsiveMenuAccentOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children>a:not([href]) { font-size: 1rem; font-size: var(--responsiveMenuSubMenuTitleWithoutLinkFontSize, var(--responsiveMenuFontSize, 1rem)); line-height: 1; line-height: var(--responsiveMenuSubMenuTitleWithoutLinkLineHeight, var(--responsiveMenuLineHeight, 1)); font-weight: 400; font-weight: var(--responsiveMenuSubMenuTitleWithoutLinkFontWeight, var(--responsiveMenuFontWeight, 400)); letter-spacing: 0; letter-spacing: var(--responsiveMenuSubMenuTitleWithoutLinkLetterSpacing, var(--responsiveMenuLetterSpacing, 0)); text-transform: none; text-transform: var(--responsiveMenuSubMenuTitleWithoutLinkTextTransform, var(--responsiveMenuTextTransform, none)); color: #000; color: var(--responsiveMenuSubMenuTitleWithoutLinkColor, var(--responsiveMenuColor, #000)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: color 0.3s, opacity 0.3s; -o-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-menu-item>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-menu-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-category-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-post-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.current-page-ancestor>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .header__responsiveMenu>ul>li.menu-item-has-children:not(.isMegaMenu)>.nav-drop>.nav-drop__wrapper li.menu-item-has-children.isActive>a { color: #DECEB3; color: var(--responsiveMenuSubMenuTitleWithoutLinkAccentColor, var(--responsiveMenuAccentColor, red)); opacity: 1; opacity: var(--responsiveMenuSubMenuTitleWithoutLinkAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } .responsiveMenuOverlay { display: none } @media only screen and (max-width: 1025px) { .responsiveMenuOverlay { display: block; width: 100%; height: 100%; position: fixed; z-index: 50; z-index: var(--responsiveMenuOverlayZindex, 50); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-color: undefined; background-color: var(--responsiveMenuOverlayBackgroundColor); -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); pointer-events: none } body.responsiveMenuIsOpen .responsiveMenuOverlay { opacity: 1; pointer-events: auto } } .header__bottom__actions { margin-bottom: 5px !important } .header__bottom__actions .header__bottom__actions__menu { padding-left: 1.25rem; margin-bottom: .375rem } @media only screen and (max-width: 767px) { .header__bottom__actions .header__bottom__actions__menu { padding-left: 0 } } .hamburger-inner { width: 30px; height: 3px; background-color: #181818; background-color: var(--black2Color); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before { width: 30px; height: 3px; background-color: #181818; background-color: var(--black2Color); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: transforn; -o-transition-property: transforn; transition-property: transforn; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::after { width: 30px; height: 3px; background-color: #181818; background-color: var(--black2Color); -webkit-border-radius: 0px; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block } .hamburger-inner::before { top: -9px } .hamburger-inner::after { bottom: -9px } .hamburger--slider .hamburger-inner { top: 1.5px } .hamburger--slider .hamburger-inner::before { top: 9px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s } .hamburger--slider .hamburger-inner::after { top: 18px } .hamburger--slider .hamburger-label { margin-left: 1.25rem } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 9px, 0) rotate(45deg); transform: translate3d(0, 9px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0); transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -18px, 0) rotate(-90deg); transform: translate3d(0, -18px, 0) rotate(-90deg) } .header__bottom>div { display: -ms-grid; display: grid; grid-template-areas: 'logo' 'actions'; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit } @media only screen and (max-width: 1247px) { .header__bottom__logo--isNotScrolled, .header__bottom__logo--isResponsive { display: none } .header__bottom__logo--isResponsive { display: block !important } } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo; margin-right: auto; margin-bottom: .625rem; margin-left: auto } .header__bottom>div>.header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom__actions { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: actions; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 } .header__bottom__actions__menu { margin-left: 0 } header.clone { display: none } .header__bottom__logo--isScrolled, .header__bottom__logo--isResponsive { display: none } @media screen and (min-width: 1024px) and (max-width: 1026px) { body.headerIsDown header.header .header__bottom__actions__menu, body.headerIsDown header.header .header__bottom__actions__menu>button { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } .header__bottom__right .header__bottom__menu>nav { margin-left: 0 } .header__bottom__right .header__top__right__doctolib>a div>span { white-space: nowrap } } @media only screen and (min-width: 1026px) { body .header { position: -webkit-sticky; position: sticky; top: 0 !important } body .header__bottom>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-template-areas: 'logo' 'menu'; -ms-grid-columns: 1fr; grid-template-columns: 1fr } body .header__bottom__logo { margin-bottom: 0 } body .header__bottom__menu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-row: 6; -ms-grid-column: 1; grid-area: menu; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } body .header__bottom__menu>nav>ul>li { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative } body .header__bottom__menu>nav>ul>li>.nav-drop li+li { border-top: undefined; border-top: 1px solid rgba(var(--scorpionRGBColor), 0.2) } body .header__bottom__menu>nav>ul>li>.dropdown-toggle, body .header__bottom__menu>nav>ul>li:not(.menu-item-has-children) .dropdown-toggle { display: none } body .header__bottom__menu>nav>ul>li>.nav-drop li { -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children { display: -ms-grid !important; display: grid !important; grid-template-areas: 'link dropdown-toggle' 'sub-menu sub-menu'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>a { grid-area: link } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: dropdown-toggle; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: .625rem } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #05313B; fill: var(--primaryColor) } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.nav-drop { grid-area: sub-menu } body .header__bottom__menu>nav>ul>li>.nav-drop li:hover { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li .current-menu-item { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li .current-menu-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li .current-category-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li .current-post-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li .current-page-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } body .header__bottom__menu>nav>ul>li>.nav-drop li:hover>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li .current-menu-item>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li .current-menu-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li .current-category-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li .current-post-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li .current-page-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } body .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { top: -webkit-calc(undefined - .3125rem); top: calc(undefined - .3125rem); top: -webkit-calc(var(--headerMenu__simpleMenuTop) - var(--headerMenu__simpleMenuTopminus)); top: calc(var(--headerMenu__simpleMenuTop) - var(--headerMenu__simpleMenuTopminus)) } body .header__bottom__menu>nav>ul>li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop li.menu-item-has-children>ul.nav-drop { top: 0; left: -webkit-calc(undefined + 1.375rem); left: calc(undefined + 1.375rem); left: -webkit-calc(var(--headerMenu__simpleMenuLeft) + var(--headerMenu__simpleMenuLeftplus)); left: calc(var(--headerMenu__simpleMenuLeft) + var(--headerMenu__simpleMenuLeftplus)) } body .header__bottom__menu li.menuWithoutBackground li { background-color: transparent !important; border-top: none !important } body .header__bottom__menu li.menuWithoutBackground li a { font-family: "Poppins", arial, helvetica, sans-serif !important; font-size: .875rem !important; color: undefined !important; color: rgba(var(--scorpionRGBColor), 0.5) !important; font-weight: 500 !important; font-weight: var(--fontWeightMedium) !important; letter-spacing: 0.09em !important; text-transform: initial !important } body .header__bottom__menu li.menuWithoutBackground li:hover { color: undefined !important; color: var(--scorpionColor) !important } body .header__bottom__menu li.menuWithoutBackground li a:hover { color: undefined !important; color: var(--scorpionColor) !important } body .header__bottom__menu li.menuWithoutBackground span.nav-main-link { display: block; font-size: .875rem; color: undefined; color: var(--scorpionColor); font-weight: 300; font-weight: var(--fontWeightLight); letter-spacing: 0.09em; padding: 0.3125rem 0 0.3125rem; padding: var(--headerMenu__simpleMenuItemPaddingTop, 0.3125rem) var(--headerMenu__simpleMenuItemPaddingRight, 0) var(--headerMenu__simpleMenuItemPaddingBottom, 0.3125rem); padding-bottom: .3125rem; font-style: italic } body .header__bottom__menu li.menuWithoutBackground span.nav-main-link::after { content: ''; display: block; width: 1em; height: 1px; margin-top: .3125rem; background-color: undefined; background-color: var(--scorpionColor) } body .header__bottom__actions { display: none } body.headerIsDown header.clone { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } body .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom>div>.footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } body .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom>div>.footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.redirectTabsBlock__blocks__top__link { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom>div>.header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (min-width: 1026px) { .header { position: relative; top: 0 !important } header.clone { display: block; position: fixed; z-index: -1; top: 0; right: 0; left: 0; -webkit-transition: 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74); transition: 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74); -o-transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74); transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74); transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.2s -webkit-transform cubic-bezier(0.3, 0.73, 0.3, 0.74); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .admin-bar header.clone { top: -webkit-calc(46px + 0) !important; top: calc(46px + 0) !important } } @media only screen and (min-width: 1026px) and (min-width: 783px) { .admin-bar header.clone { top: -webkit-calc(32px + 0) !important; top: calc(32px + 0) !important } } @media only screen and (min-width: 1026px) { header.clone .header__bottom__logo { margin: 0 } header.clone .header__bottom>div { grid-template-areas: 'logo menu'; -ms-grid-columns: auto .625rem 1fr; grid-template-columns: auto 1fr; grid-gap: .625rem } header.clone .header__bottom>div .header__bottom__menu { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; margin-right: .9375rem } header.clone .header__bottom__logo--isScrolled { display: block } header.clone .header__bottom__logo--isNotScrolled, header.clone .header__bottom__logo--isResponsive { display: none } header.clone .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } header.clone .header__bottom>div>.footer__menu { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1 } header.clone .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } header.clone .header__bottom>div>.footer__menu { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1 } header.clone .header__bottom>div>.header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } header.clone .header__bottom>div>.header__bottom__menu { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1 } } @media only screen and (min-width: 1026px) and (max-width: 1049px) { header.clone { --headerActionsSearchHeight: 1.25rem; --headerActionsSearchWidth: 1.25rem; --headerMenuItemFontSize: .65625rem } } @media only screen and (min-width: 1026px) { .header__bottom>div { grid-template-areas: 'logo' 'menu'; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .header__bottom__logo { margin-right: auto; margin-left: auto } .header__bottom__menu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-row: 6; -ms-grid-column: 1; grid-area: menu; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__bottom__menu>nav>ul>li { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .header__bottom__menu>nav>ul>li>.nav-drop li+li { border-top: undefined; border-top: 1px solid rgba(var(--scorpionRGBColor), 0.2) } .header__bottom__menu>nav>ul>li>.dropdown-toggle, .header__bottom__menu>nav>ul>li:not(.menu-item-has-children) .dropdown-toggle { display: none } .header__bottom__menu>nav>ul>li>.nav-drop li { -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children { display: -ms-grid !important; display: grid !important; grid-template-areas: 'link dropdown-toggle' 'sub-menu sub-menu'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>a { grid-area: link } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: dropdown-toggle; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media only screen and (max-width: 1025px) { .header__responsiveMenu li.menu-item-has-children>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3 } .header__responsiveMenu li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } .header__responsiveMenu li.menu-item-has-children>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3 } .header__responsiveMenu li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3 } } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.dropdown-toggle svg path { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; fill: #05313B; fill: var(--primaryColor) } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.nav-drop { grid-area: sub-menu } .header__bottom__menu>nav>ul>li>.nav-drop li:hover { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li .current-menu-item { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li .current-menu-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li .current-category-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li .current-post-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li .current-page-ancestor { background-color: #ffffff; background-color: var(--whiteColor) } .header__bottom__menu>nav>ul>li>.nav-drop li:hover>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu>nav>ul>li .current-menu-item>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu>nav>ul>li .current-menu-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu>nav>ul>li .current-category-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu>nav>ul>li .current-post-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu>nav>ul>li .current-page-ancestor>.dropdown-toggle svg path { fill: #DECEB3; fill: var(--goldColor) } .header__bottom__menu li.menuWithoutBackground li { background-color: transparent !important; border-top: none !important } .header__bottom__menu li.menuWithoutBackground li a { font-family: "Poppins", arial, helvetica, sans-serif !important; font-size: .875rem !important; color: undefined !important; color: rgba(var(--scorpionRGBColor), 0.5) !important; font-weight: 500 !important; font-weight: var(--fontWeightMedium) !important; letter-spacing: 0.09em !important; text-transform: initial !important } .header__bottom__menu li.menuWithoutBackground li:hover { color: undefined !important; color: var(--scorpionColor) !important } .header__bottom__menu li.menuWithoutBackground li a:hover { color: undefined !important; color: var(--scorpionColor) !important } .header__bottom__menu li.menuWithoutBackground span.nav-main-link { display: block; font-size: .875rem; color: undefined; color: var(--scorpionColor); font-weight: 300; font-weight: var(--fontWeightLight); letter-spacing: 0.09em; padding: 0.3125rem 0 0.3125rem; padding: var(--headerMenu__simpleMenuItemPaddingTop, 0.3125rem) var(--headerMenu__simpleMenuItemPaddingRight, 0) var(--headerMenu__simpleMenuItemPaddingBottom, 0.3125rem); padding-bottom: .3125rem; font-style: italic } .header__bottom__menu li.menuWithoutBackground span.nav-main-link::after { content: ''; display: block; width: 1em; height: 1px; margin-top: .3125rem; background-color: undefined; background-color: var(--scorpionColor) } .header__bottom__actions { display: none } body.headerIsDown header.clone { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.redirectTabsBlock__blocks__top__link { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom>div>.header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2 } } .header__bottom__actions__menu { background: transparent !important } .header__bottom__actions__menu>button { width: auto !important; height: auto !important; background: transparent !important } @media only screen and (max-width: 1025px) { .header__bottom__menu { display: block !important } .header__bottom { padding-top: .625rem; padding-bottom: .9375rem } .header__bottom .header__bottom__left { width: 50% } } @media only screen and (max-width: 1025px) and (max-width: 767px) { .header__bottom .header__bottom__left { width: 40% } } @media only screen and (max-width: 1025px) and (max-width: 559px) { .header__bottom .header__bottom__left { width: auto } } @media only screen and (max-width: 1025px) { .header__bottom .header__bottom__left .header__bottom__logo { margin-bottom: 0 } .header__bottom>div { display: -ms-grid !important; display: grid !important; grid-template-areas: 'logo' 'actions'; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .header__bottom__actions { margin-top: .625rem; padding: 0 .9375rem } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom>div>.footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom>div>.header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom__actions { -ms-grid-row: 2; -ms-grid-column: 1 } } @-webkit-keyframes burger-open-top { 50% { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0) } 100% { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } } @keyframes burger-open-top { 50% { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0) } 100% { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } } @-webkit-keyframes burger-open-bot { 50% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg); transform: translate3d(0, -5px, 0) rotate(-45deg) } } @keyframes burger-open-bot { 50% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg); transform: translate3d(0, -5px, 0) rotate(-45deg) } } @-webkit-keyframes burger-close-top { 0% { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } 50% { -webkit-transform: translate3d(0, 7px, 0) rotate(0deg); transform: translate3d(0, 7px, 0) rotate(0deg) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes burger-close-top { 0% { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg) } 50% { -webkit-transform: translate3d(0, 7px, 0) rotate(0deg); transform: translate3d(0, 7px, 0) rotate(0deg) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes burger-close-bot { 0% { -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg); transform: translate3d(0, -5px, 0) rotate(-45deg) } 50% { -webkit-transform: translate3d(0, -5px, 0) rotate(0deg); transform: translate3d(0, -5px, 0) rotate(0deg) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes burger-close-bot { 0% { -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg); transform: translate3d(0, -5px, 0) rotate(-45deg) } 50% { -webkit-transform: translate3d(0, -5px, 0) rotate(0deg); transform: translate3d(0, -5px, 0) rotate(0deg) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .burger-menu-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 30px; margin-left: -webkit-calc(1.40625rem + 1.875vw); margin-left: calc(1.40625rem + 1.875vw); height: 38px; position: relative } @media (min-width: 1200px) { .burger-menu-button { margin-left: 2.8125rem } } @media only screen and (max-width: 1025px) { .burger-menu-button { margin-left: .625rem; height: 100% } } @media only screen and (max-width: 559px) { .burger-menu-button { margin-left: 0 } } .burger-menu-button_txt { font-size: .714rem } .burger-menu-button_click { width: 30px; height: 38px; position: absolute; right: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 0 #c9c4c4; box-shadow: 0 0 0 0 #c9c4c4; -webkit-animation: pulse-hamburger 1.5s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse-hamburger 1.5s infinite cubic-bezier(0.66, 0, 0, 1) } .burger-menu-button_line { display: block; width: 22px; position: absolute; right: 0; left: 0; margin-left: auto; -webkit-transition: -webkit-transform 400ms ease-out; transition: -webkit-transform 400ms ease-out; -o-transition: transform 400ms ease-out; transition: transform 400ms ease-out; transition: transform 400ms ease-out, -webkit-transform 400ms ease-out; border-top: 3px solid #ffffff; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .burger-menu-button_line:nth-child(1) { top: 12px; width: 11px } .burger-menu-button_line:nth-child(2) { top: 18px; opacity: 1; -webkit-transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out; transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out; -o-transition: transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out } .burger-menu-button_line:nth-child(3) { top: 24px } .active .burger-menu-button_line:nth-child(1), body.appMenu--isActive .burger-menu-button_line:nth-child(1) { -webkit-animation: burger-open-top 400ms ease-out forwards; animation: burger-open-top 400ms ease-out forwards; width: 22px } .active .burger-menu-button_line:nth-child(2), body.appMenu--isActive .burger-menu-button_line:nth-child(2) { opacity: 0; -webkit-transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out; transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out; -o-transition: transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out } .active .burger-menu-button_line:nth-child(3), body.appMenu--isActive .burger-menu-button_line:nth-child(3) { -webkit-animation: burger-open-bot 400ms ease-out forwards; animation: burger-open-bot 400ms ease-out forwards } .closing .burger-menu-button_line:nth-child(1), body.appMenu--isClosing .burger-menu-button_line:nth-child(1) { -webkit-animation: burger-close-top 400ms ease-out forwards; animation: burger-close-top 400ms ease-out forwards } .closing .burger-menu-button_line:nth-child(3), body.appMenu--isClosing .burger-menu-button_line:nth-child(3) { -webkit-animation: burger-close-bot 400ms ease-out forwards; animation: burger-close-bot 400ms ease-out forwards } .burger-menu-button_click:hover .burger-menu-button_line { border-top-color: #000000; border-top-color: var(--blackColor) } .header.add_bg .burger-menu-button_line { border-color: #000000 } @media only screen and (min-width: 1027px) { .burger-menu-button { display: none } } .header__bottom__actions__search { margin-left: 30px } @media only screen and (max-width: 1025px) { .header__bottom__actions__search { margin-left: 0; right: 63px; position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%) } } @media only screen and (max-width: 767px) { .header__bottom__actions__search { right: 48px } } .header__bottom__actions__search svg { width: 19px; height: 19px } .header__bottom__actions__search svg path { fill: #DECEB3 !important } .header__searchBar, .searchBarOverlay { display: none } .searchBarOverlay.toggle { display: block } .header__searchBar.toggle { display: block; bottom: -68px } .header__bottom__actions__search:focus svg path, .header__bottom__actions__search:hover svg path { fill: #000 !important } @media only screen and (max-width: 479px) { .header__bottom__right { margin-left: -24px } } .searchPage__header { padding-top: 30px } .searchForm__input { color: #FFF } .searchPage__post__link>*, .searchPage__post__title { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .searchPage__post a:hover .searchPage__post__title { color: #000 } .searchPage__post a:hover .searchPage__post__link>* { color: #000 } .search .footer { margin-top: 24px } .searchBarOverlay.toggle { opacity: 1; pointer-events: auto } .footer { margin-top: 0; background-color: #F2EBE1; background-color: var(--gold3Color) } @media only screen and (max-width: 1023px) { .footer .footer__logo { margin-top: 1.25rem } } body.page-template-default footer { margin-top: -webkit-calc(1.5625rem + 3.75vw); margin-top: calc(1.5625rem + 3.75vw) } @media (min-width: 1200px) { body.page-template-default footer { margin-top: 4.375rem } } @media only screen and (min-width: 1024px) { .footer>div { grid-template-areas: 'logo addresses socials' 'menu menu menu' 'bottom-menu bottom-menu bottom-menu'; -ms-grid-columns: auto 1fr 1fr; grid-template-columns: auto 1fr 1fr; padding-top: 1.125rem } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-column: 2 } .footer__socials { -ms-grid-row: 1; -ms-grid-column: 3 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__bottomMenu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-column: 2 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__bottomMenu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3 } } @media only screen and (min-width: 1300px) { .footer>div { grid-template-areas: 'logo addresses doctolib' 'logo addresses socials' 'menu menu menu' 'bottom-menu bottom-menu bottom-menu'; background-color: #F2EBE1; background-color: var(--gold3Color) } .footer>div>* { margin-bottom: 0 } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .footer__socials { -ms-grid-row: 2; -ms-grid-column: 3 } .footer__doctolib { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 3 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } } @media only screen and (max-width: 1023px) { .footer>div { grid-template-areas: "logo doctolib" "addresses socials" "menu menu" "bottom-menu bottom-menu"; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__socials { -ms-grid-row: 2; -ms-grid-column: 2 } .footer__doctolib { -ms-grid-row: 1; -ms-grid-column: 2; -ms-grid-column-span: 1 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2 } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2 } .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2 } } @media only screen and (max-width: 767px) { .footer>div { grid-template-areas: "logo" "doctolib" "addresses" "socials" "menu" "bottom-menu"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__socials { -ms-grid-row: 4; -ms-grid-column: 1 } .footer__doctolib { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } .footer__menu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 1 } .footer__bottomMenu { -ms-grid-row: 6; -ms-grid-column: 1; -ms-grid-column-span: 1 } .footer__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 1 } .footer__bottomMenu { -ms-grid-row: 6; -ms-grid-column: 1; -ms-grid-column-span: 1 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 1 } .header__bottom__menu { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 1 } } .footer__addresses { grid: initial; display: initial; border-top: none } .footer__addresses div { margin-top: .5rem } .footer__addresses__place__name { position: relative; padding-left: -webkit-calc(1.28125rem + .375vw); padding-left: calc(1.28125rem + .375vw); margin-bottom: .375rem } @media (min-width: 1200px) { .footer__addresses__place__name { padding-left: 1.5625rem } } .footer__addresses__place__name:before { position: absolute; content: ""; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99967 8.00008C5.22051 8.00008 4.58301 7.36258 4.58301 6.58342C4.58301 5.80425 5.22051 5.16675 5.99967 5.16675C6.77884 5.16675 7.41634 5.80425 7.41634 6.58342C7.41634 7.36258 6.77884 8.00008 5.99967 8.00008ZM5.99967 0.916748C3.02467 0.916748 0.333008 3.19758 0.333008 6.72508C0.333008 9.07675 2.22426 11.8605 5.99967 15.0834C9.77509 11.8605 11.6663 9.07675 11.6663 6.72508C11.6663 3.19758 8.97467 0.916748 5.99967 0.916748Z' fill='%23181818'/%3E%3C/svg%3E"); width: 14px; height: 16px; left: 0; background-repeat: no-repeat } .footer__addresses__place>a { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .75rem; color: #181818; color: var(--black2Color); line-height: 1.5; position: relative; padding-left: -webkit-calc(1.28125rem + .375vw); padding-left: calc(1.28125rem + .375vw); font-weight: 600; font-weight: var(--fontWeightSemiBold); letter-spacing: 0.03em; text-transform: uppercase } @media (min-width: 1200px) { .footer__addresses__place>a { padding-left: 1.5625rem } } .footer__addresses__place__phone { font-weight: 700; font-weight: var(--fontWeightBold); margin-top: 0 } .footer__addresses__place__phone:before { position: absolute; content: ""; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1877 12.5909L13.0777 10.5105C12.3244 9.76772 11.0443 10.0637 10.7412 11.0299C10.5146 11.6972 9.76122 12.0686 9.08438 11.9207C7.57769 11.5493 5.54424 9.61684 5.16757 8.05871C4.94098 7.39135 5.39416 6.64856 6.071 6.42514C7.05094 6.12918 7.3511 4.8641 6.59775 4.12131L4.48779 2.0409C3.88453 1.52152 2.9811 1.52152 2.45434 2.0409L1.02416 3.45395C-0.406018 4.93955 1.17719 8.87694 4.71733 12.3675C8.25747 15.8581 12.2508 17.4916 13.7575 16.006L15.1877 14.5959C15.7144 14.0011 15.7144 13.1103 15.1877 12.5909Z' fill='%23181818'/%3E%3Cpath d='M12.4076 4.18702C11.4491 3.2285 10.1747 2.70065 8.81935 2.70068C8.54104 2.70068 8.31543 2.92629 8.31543 3.20461C8.31543 3.48292 8.54107 3.70853 8.81935 3.70853C9.90556 3.70846 10.9268 4.13153 11.695 4.89965C12.463 5.66774 12.886 6.68894 12.886 7.77512C12.886 8.05343 13.1116 8.27911 13.3899 8.27911C13.6682 8.27911 13.8938 8.0535 13.8938 7.77525C13.8939 6.41982 13.366 5.14554 12.4076 4.18702Z' fill='%23181818'/%3E%3Cpath d='M14.2152 2.37953C12.7738 0.938219 10.8576 0.144466 8.81935 0.144531C8.54104 0.144531 8.31543 0.370174 8.31543 0.648454C8.31543 0.926766 8.54107 1.15238 8.81935 1.15238C10.5884 1.15231 12.2515 1.84125 13.5025 3.09216C14.7534 4.34304 15.4423 6.00619 15.4422 7.7752C15.4422 8.05352 15.6678 8.27913 15.9462 8.27913C16.2244 8.27913 16.4501 8.05352 16.4501 7.77527C16.4501 5.737 15.6564 3.82081 14.2152 2.37953Z' fill='%23181818'/%3E%3Cpath d='M10.5999 5.99444C10.1173 5.51185 9.50176 5.25684 8.81948 5.25684C8.81948 5.25684 8.81932 5.25684 8.81928 5.25684C8.54097 5.2569 8.31536 5.48248 8.31543 5.76082C8.3155 6.03914 8.54114 6.26475 8.81942 6.26468C8.81948 6.26468 8.81951 6.26468 8.81958 6.26468C9.2345 6.26468 9.59381 6.41353 9.88738 6.70707C10.1768 6.99651 10.3298 7.36585 10.3297 7.77504C10.3296 8.05335 10.5553 8.27896 10.8336 8.27902H10.8336C11.1119 8.27902 11.3375 8.05341 11.3375 7.77517C11.3376 7.09286 11.0826 6.4771 10.5999 5.99444Z' fill='%23181818'/%3E%3C/svg%3E"); width: 15px; height: 16px; left: 0; background-repeat: no-repeat } .footer__addresses__place__phone>div { position: relative; overflow: hidden } .footer__addresses__place__phone>div>* { display: block; transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) } .footer__addresses__place__contact { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; color: undefined !important; color: var(--scorpionColor) !important; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1 !important } .footer__addresses__place__contact>span { padding-bottom: .1875rem; background: undefined; background: -webkit-gradient(linear, left bottom, left top, from(var(--scorpionColor)), color-stop(15%, var(--scorpionColor)), color-stop(15.01%, transparent)) no-repeat left bottom/100% 100%; background: -o-linear-gradient(bottom, var(--scorpionColor) 0%, var(--scorpionColor) 15%, transparent 15.01%) no-repeat left bottom/100% 100%; background: linear-gradient(to top, var(--scorpionColor) 0%, var(--scorpionColor) 15%, transparent 15.01%) no-repeat left bottom/100% 100%; -webkit-transition: background-size 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: background-size 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: background-size 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) } .footer__addresses__place__contact:hover span { background-size: 0 100%; background-position: right bottom } .footer__addresses__place__contact svg { margin-top: .125rem; margin-left: .625rem; -webkit-transition: fill 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: fill 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: fill 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) } .footer__addresses__place__contact svg path { fill: undefined; fill: var(--tacaoColor) } .footer__socials .socialsListing a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all ease 0.3; -o-transition: all ease 0.3; transition: all ease 0.3 } .footer__socials .socialsListing a svg { height: 20px } .footer__socials .socialsListing a svg path { fill: #181818; fill: var(--black2Color) } .footer__doctolib>a { -webkit-border-radius: 30px; border-radius: 30px; font-family: "Optima", arial, helvetica, sans-serif } @media only screen and (max-width: 399px) { .footer__doctolib { padding-top: 1.125rem } } @media only screen and (min-width: 1024px) { .footer__doctolib { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding-top: 0 } } .footer__menu { text-align: left } .footer__menu nav { text-align: center } @media only screen and (min-width: 1024px) { .footer__menu nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .footer__menu nav ul li { display: inherit } @media only screen and (max-width: 1023px) { .footer__menu nav ul li { margin-bottom: 1.25rem } .footer__menu nav ul li:last-child { margin-bottom: 0 } } .footer__menu nav ul li a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 400; font-weight: var(--fontWeightRegular); font-size: .8125rem; color: #181818; color: var(--black2Color); -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; line-height: 1.46154; text-transform: uppercase; letter-spacing: 0.05em } .footer__menu nav ul li a:hover { color: #DECEB3; color: var(--goldColor) } @media only screen and (max-width: 1023px) { .footer__menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .footer__menu ul li+li:before { display: none } } .footer__bottomMenu { margin-right: .3125rem } @media only screen and (max-width: 767px) { .footer__bottomMenu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .footer__bottomMenu ul li { margin-bottom: .625rem; padding-right: 0 } .footer__bottomMenu ul li::last-of-type { margin-bottom: 0 } .footer__bottomMenu ul li+li::before { display: none } .footer__bottomMenu ul li::before { display: none } } .footer__bottomMenu a { -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .footer__bottomMenu a:hover { color: #DECEB3; color: var(--goldColor) } .footer__copyright { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row: 7; -ms-grid-column: 1; grid-area: bottom-menu; font-family: Poppins, arial, helvetica, sans-serif; font-family: var(--footerBottomMenuFontFamily, var(--fontFamily, Arial, sans-serif)); font-size: .8125rem; font-size: var(--footerBottomMenuFontSize, 1rem); color: #000000; color: var(--footerBottomMenuColor, #000); font-weight: 300; font-weight: var(--footerBottomMenuFontWeight, 400); line-height: 1, 69; line-height: var(--footerBottomMenuLineHeight, 1.2); letter-spacing: 0.04em; letter-spacing: var(--footerBottomMenuLetterSpacing, 0); text-align: center; text-align: var(--footerBottomMenuTextAlign, center); text-transform: initial; text-transform: var(--footerBottomMenuTextTransform, initial); padding-top: .5rem; padding-top: var(--footerBottomMenuPaddingTop, .9375rem); padding-bottom: .5rem; padding-bottom: var(--footerBottomMenuPaddingBottom, .9375rem); position: relative; z-index: 1; letter-spacing: 0.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width: 768px) { .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 2; -ms-grid-column: 1 } .footer__socials { -ms-grid-row: 2; -ms-grid-column: 3 } .footer__contact { -ms-grid-row: 2; -ms-grid-column: 5 } .footer__doctolib { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 3 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 2; -ms-grid-column: 1 } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__bottomMenu { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 5 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .header__bottom__menu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__copyright { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 5 } } @media only screen and (min-width: 1024px) { .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1 } .footer__addresses { -ms-grid-row: 1; -ms-grid-column: 3 } .footer__buttons { -ms-grid-row: 1; -ms-grid-column: 5 } .footer__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__bottomMenu { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .header__bottom__logo { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5 } .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__copyright { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 5 } .footer__copyright { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } } @media only screen and (min-width: 1026px) { body .header__bottom>div>.header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } body .header__bottom>div>.header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } header.clone .header__bottom>div>.header__bottom__menu { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 1 } .header__bottom__menu { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1 } } @media only screen and (min-width: 1300px) { .footer__copyright { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 3 } } @media only screen and (max-width: 1023px) { .footer__copyright { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2 } } @media only screen and (max-width: 767px) { .footer__copyright { -ms-grid-row: 6; -ms-grid-column: 1; -ms-grid-column-span: 1 } } .footer__copyright li { display: inline-block } .footer__copyright li+li::before { content: '|'; display: inline-block; display: var(--footerBottomMenuItemsDisplay, inline-block); margin: 0 .9375rem; margin: 0 var(--footerBottomMenuItemsGap, .9375rem) } @media only screen and (max-width: 767px) { .footer__copyright { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .footer__copyright li { position: relative; padding-right: .9375rem } .footer__copyright li::before { position: absolute; content: ""; right: 0px; background: #181818; background: var(--black2Color); width: 10px; height: 1px; top: 50% } .footer__copyright li+li::before { position: absolute; content: ""; right: 0px; background: #181818; background: var(--black2Color); width: 10px; height: 1px; top: 50%; margin: 0 } .footer__copyright p { font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.04em } .footer__copyright:before { content: ''; display: block; width: 100vw; height: 100%; position: absolute; top: 0; bottom: 0; left: -webkit-calc(50% - 50vw); left: calc(50% - 50vw); background-color: #ffffff; background-color: var(--whiteColor); z-index: -1 } .whatsapp__link { bottom: 2rem; right: 2rem; position: fixed; z-index: 9; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } @media only screen and (max-width: 767px) { .whatsapp__link { bottom: 3.5rem; } } @media only screen and (min-width: 1024px) { .whatsapp__link { bottom: 5rem; right: 2.5rem; } } .hero { position: relative } @media only screen and (max-width: 1023px) { .hero { padding: -webkit-calc(1.3125rem + .75vw) 0 0 0; padding: calc(1.3125rem + .75vw) 0 0 0 } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .hero { padding: 1.875rem 0 0 0 } } .hero.hero--noMedia { margin-top: -webkit-calc(1.3125rem + .75vw); margin-top: calc(1.3125rem + .75vw) } @media (min-width: 1200px) { .hero.hero--noMedia { margin-top: 1.875rem } } .hero.hero--noMedia .hero__content { -webkit-box-shadow: -4px 0px 16px rgba(0, 0, 0, 0.14); box-shadow: -4px 0px 16px rgba(0, 0, 0, 0.14); padding: -webkit-calc(1.3125rem + .75vw) -webkit-calc(1.40625rem + 1.875vw); padding: calc(1.3125rem + .75vw) calc(1.40625rem + 1.875vw); position: relative } @media (min-width: 1200px) { .hero.hero--noMedia .hero__content { padding: 1.875rem 2.8125rem } } .hero.hero--noMedia .hero__content .hero__content__title { padding-bottom: .9375rem; position: relative } .hero.hero--noMedia .hero__content .hero__content__title:after { content: ''; position: absolute; width: 77px; height: 1px; background-color: #181818; background-color: var(--black2Color); bottom: 0; left: -20px } .hero.hero--noMedia .hero__content .hero__content__text { width: 60% } @media only screen and (max-width: 1023px) { .hero.hero--noMedia .hero__content .hero__content__text { width: 85% } } @media only screen and (max-width: 767px) { .hero.hero--noMedia .hero__content .hero__content__text { width: 100% } } .hero.hero--noMedia .hero__content:after { content: ''; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='159' height='174' viewBox='0 0 159 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2861 43.4193C41.0755 51.8735 44.2345 66.6264 43.902 83.866C43.4033 111.715 43.902 139.563 43.7358 167.412C43.7358 172.716 45.0658 174.208 50.386 172.716C62.5227 169.567 72.3319 159.124 72.4981 146.525C72.8306 121.329 72.8306 96.2986 72.4981 71.1021C72.3319 58.5041 62.8551 46.7348 50.7185 44.7457C41.9068 43.4193 32.4304 43.9166 23.2861 43.4193Z' fill='%23181818'/%3E%3Cpath d='M0.175125 120.831C0.175125 136.413 0.341397 152.16 0.00888401 167.742C-0.157372 173.378 2.00395 174.207 6.99165 173.047C19.7934 170.063 29.1037 158.957 29.27 144.867C29.6025 121.328 29.4362 97.7894 29.27 74.2508C29.27 64.6364 24.4486 58.5031 14.4732 58.5031C4.33154 58.5031 0.175125 64.9679 0.175125 74.5823C0.175125 89.9983 0.175125 105.415 0.175125 120.831Z' fill='%23181818'/%3E%3Cpath d='M117.717 0.486416C101.923 -0.342411 88.9548 12.09 88.9548 27.6719C88.7885 66.9584 88.7885 106.245 88.9548 145.531C88.9548 159.289 99.0965 171.224 112.729 172.882C120.876 173.877 129.355 173.048 140.993 173.048C119.712 165.091 116.886 150.338 117.551 133.264C118.05 120.832 118.216 108.234 117.551 95.8015C116.72 78.8934 121.209 65.3005 141.325 57.5097C134.01 57.5097 130.02 57.1781 126.196 57.6754C119.38 58.5042 117.218 56.3494 117.551 49.2212C118.216 33.308 117.717 17.0629 117.717 0.486416Z' fill='%23181818'/%3E%3Cpath d='M143.988 73.0903C134.512 73.7533 129.192 78.7263 129.025 87.6774C128.859 96.6289 134.179 102.265 143.323 102.265C152.467 102.431 157.954 96.9604 158.12 88.009C158.12 79.0578 152.8 73.9191 143.988 73.0903Z' fill='%23181818'/%3E%3C/svg%3E"); right: 10px; bottom: 0; width: 159px; background-repeat: no-repeat; height: 175px; opacity: 0.06 } @media only screen and (max-width: 767px) { .hero.hero--noMedia .hero__content:after { display: none } } .hero__sliderHero { margin-bottom: 0; padding-bottom: 0 } .internalPageHero__slider { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: slider; position: relative } .beforeAfterSlider>.internalPageHero__slider { -ms-grid-row: 1; -ms-grid-column: 2 } .internalPageHero__video { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: video; position: relative } @media only screen and (min-width: 1024px) { .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__posts { -ms-grid-row: 2; -ms-grid-column: 1 } .archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .archivePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .redirectLinksBlock>*:first-child { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } .archivePage__posts { -ms-grid-row: 2; -ms-grid-column: 1 } .archivePage__posts { -ms-grid-row: 2; -ms-grid-column: 1 } .archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .archivePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .archivePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .archivePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .hero__slider__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .hero__slider__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage__share { -ms-grid-row: 2; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__share { -ms-grid-row: 2; -ms-grid-column: 1 } .singlePage__author { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__author { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage__pagination { -ms-grid-row: 3; -ms-grid-column: 1 } .singlePage:not(.singlePage--haveLinks)>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage.singlePage--haveLinks>.singlePage__pagination { -ms-grid-row: 4; -ms-grid-column: 1 } .singlePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .singlePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2 } .singlePage:not(.singlePage--haveLinks)>.singlePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 2 } .singlePage.singlePage--haveLinks>.singlePage__sidebar { -ms-grid-row: 1; -ms-grid-row-span: 5; -ms-grid-column: 2 } .singlePage__alsoToRead { -ms-grid-row: 5; -ms-grid-column: 1 } } @media only screen and (min-width: 768px) { .redirectLinksBlock>.archivePage__header { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (min-width: 1026px) { .homeHero__video { -ms-grid-row: 1; -ms-grid-column: 1 } .internalPageHero__video { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (min-width: 1024px) { .internalPageHero__slider>.swiper-container { height: 100% } } @media only screen and (min-width: 1024px) { .hero__content { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .hero:not(.hero--noMedia) .hero__content { margin-left: -webkit-calc(1.40625rem + 1.875vw); margin-left: calc(1.40625rem + 1.875vw); margin-right: 0 } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .hero:not(.hero--noMedia) .hero__content { margin-left: 2.8125rem } } .internalPageHero__slider .swiper-slide { height: auto } .internalPageHero__slider img { width: 100%; height: 100% } .hero__media .hero__image { position: relative; z-index: 1 } @media only screen and (min-width: 1026px) { .hero__media .hero__image img { height: 34.375rem; -o-object-position: unset; object-position: unset; position: -webkit-sticky; position: sticky; top: 0 } } @media only screen and (min-width: 768px) { .hero__media .hero__image img { max-height: 50rem } } @media only screen and (max-width: 767px) { .hero__media .hero__image img { max-height: 31.25rem } } @media only screen and (min-width: 1024px) { .hero__media { -webkit-box-flex: 1.1; -webkit-flex: 1.1; -ms-flex: 1.1; flex: 1.1; margin-left: 0 } } @media only screen and (max-width: 1023px) { .hero__media { margin-left: -webkit-calc(50% - 50vw); margin-left: calc(50% - 50vw) } } .internalPageHero__slider__navigations__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: .8125rem; padding-bottom: .8125rem } .internalPageHero__slider__navigations { display: none } @media only screen and (min-width: 1026px) { .internalPageHero__slider__navigations { display: -ms-inline-grid; display: inline-grid; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; grid-template-areas: 'navigation-next navigation-previous'; -ms-grid-columns: 1fr .8125rem 1fr; grid-template-columns: 1fr 1fr; grid-gap: .8125rem; margin-left: auto } } .internalPageHero__slider__navigations>* { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .internalPageHero__slider__navigations>*[aria-disabled='true'] { cursor: default; opacity: 0.4; pointer-events: none } .internalPageHero__slider__navigations__previous { grid-area: navigation-previous } .internalPageHero__slider__navigations__previous { grid-area: navigation-next } @media only screen and (min-width: 1026px) { .internalPageHero__slider__navigations__previous { -ms-grid-row: 1; -ms-grid-column: 3 } .internalPageHero__slider__navigations__previous { -ms-grid-row: 1; -ms-grid-column: 1 } } .internalPageHero__slider__pagination { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: auto } @media only screen and (max-width: 767px) { .internalPageHero__slider__pagination { margin-right: auto } } @media only screen and (min-width: 1026px) { .internalPageHero__slider__pagination { position: absolute } } .internalPageHero__slider__pagination .swiper-pagination-bullet { width: .5rem; height: .5rem; position: relative; opacity: 1 !important; margin: 0 !important; -webkit-border-radius: 100%; border-radius: 100%; background: undefined; background: var(--corduroyColor) } .internalPageHero__slider__pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: .3125rem !important } .internalPageHero__slider__pagination .swiper-pagination-bullet::after { content: ''; display: block; width: -webkit-calc(100% - .5rem); width: calc(100% - .5rem); height: -webkit-calc(100% - .5rem); height: calc(100% - .5rem); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-border-radius: 100%; border-radius: 100% } .internalPageHero__slider__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.5 !important; background: undefined; background: var(--scorpionColor) } .hero__content__title { position: relative; z-index: 1; font-size: -webkit-calc(1.35625rem + 1.275vw); font-size: calc(1.35625rem + 1.275vw); font-family: "Optima", arial, helvetica, sans-serif; color: #181818; color: var(--black2Color); font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.14286; line-height: 1.2; letter-spacing: 1.2px } @media (min-width: 1200px) { .hero__content__title { font-size: 2.3125rem } } .hero__content__title strong { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .9375rem; color: #DECEB3; color: var(--goldColor); font-weight: 800; font-weight: var(--fontWeightExtraBold); letter-spacing: 0.04em; text-transform: uppercase; margin-top: .25rem; line-height: 1.33333 } .hero__content__title b { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .9375rem; color: #DECEB3; color: var(--goldColor); font-weight: 800; font-weight: var(--fontWeightExtraBold); letter-spacing: 0.04em; text-transform: uppercase; margin-top: .25rem; line-height: 1.33333 } @media only screen and (max-width: 767px) { .hero__content__title>h1 { font-size: -webkit-calc(1.475rem + 0.3vw); font-size: calc(1.475rem + 0.3vw) } } .hero__content__text { line-height: 2 } @media only screen and (max-width: 767px) { .hero__content__text { line-height: 1.66667 } } .hero__button { margin-top: .9375rem } .hero__button a { background: #000000; background: var(--blackColor); padding: .1875rem -webkit-calc(1.325rem + .9vw); padding: .1875rem calc(1.325rem + .9vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #ffffff; color: var(--whiteColor); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 2.23077; position: relative; overflow: hidden; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: .3125rem .9375rem } @media (min-width: 1200px) { .hero__button a { padding: .1875rem 2rem } } .hero__button a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; color: #ffffff; color: var(--whiteColor); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .hero__button a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #C9BBA3; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .hero__button a:hover>* { position: relative; color: #fff } .hero__button a:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .hero+.section:not(.section--no-topMargin) { margin-top: -webkit-calc(1.375rem + 1.5vw); margin-top: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .hero+.section:not(.section--no-topMargin) { margin-top: 2.5rem } } .single-post .hero__categoriesHeader { display: none } .hero__categoriesHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; color: #181818; color: var(--black2Color); font-weight: 600; font-weight: var(--fontWeightSemiBold); line-height: 1.46154; font-size: .8125rem; margin-top: 1.5625rem; letter-spacing: 0.05em; text-transform: uppercase } @media only screen and (max-width: 1023px) { .hero__categoriesHeader { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .hero__categoriesHeader span { width: 17% } } @media only screen and (max-width: 767px) { .hero__categoriesHeader span { width: 100% } } .hero__categoriesHeader ul { margin-left: .625rem } .hero__categoriesHeader li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: .3125rem } @media only screen and (max-width: 1023px) { .hero__categoriesHeader li { margin-bottom: .5rem } } .hero__categoriesHeader li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Poppins", arial, helvetica, sans-serif; font-size: .8125rem; color: #181818; color: var(--black2Color); font-weight: 500; font-weight: var(--fontWeightMedium); line-height: 1.46154; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; border: 1px solid #DECEB3; border: 1px solid var(--goldColor); padding-top: .375rem; padding-right: .75rem; padding-bottom: .1875rem; padding-left: .75rem; background: #ffffff; background: var(--whiteColor); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } @media only screen and (max-width: 767px) { .hero__categoriesHeader li a { padding-right: .5rem; padding-left: .5rem } } .hero__categoriesHeader li a:hover { background-color: #DECEB3; background-color: var(--goldColor) } .hero__categoriesHeader li.isActive a { font-weight: 600; font-weight: var(--fontWeightSemiBold); background-color: #DECEB3; background-color: var(--goldColor) } @media only screen and (max-width: 767px) { .hero__categoriesHeader { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0rem } .hero__categoriesHeader ul { margin-left: 0 } .hero__categoriesHeader ul li { margin-top: .625rem } } .appMenu__items .appMenu__hasSubMenu a.active { color: #DECEB3; color: var(--goldColor) } .appMenu__items .appMenu__hasSubMenu a.menu_active { color: #DECEB3; color: var(--goldColor) } @media only screen and (min-width: 1026px) { .appMenu { --menuBackground: linear-gradient(180deg, #f3f3f3 0%, #fcfcfc 100%); --menuBoxShadow: 0px 4px 10px rgba(0, 0, 0, 0.1); --menuHeight: 40px } .appMenu { position: relative } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu { --menuFirstLevel__fontSize: .8125rem; --menuFirstLevel__padding: .9375rem } } @media only screen and (min-width: 1026px) { .header_right { display: none } } @media only screen and (min-width: 1026px) and (max-width: 1025px) { .appMenu { display: none } } @media only screen and (min-width: 1026px) and (min-width: 1026px) { .appMenu [data-is-responsive] { display: none !important } } @media only screen and (min-width: 1026px) { .appMenu__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center } .appMenu__items>* { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100% } .appMenu__items>*>button { display: none } .appMenu__items>*>a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: .75rem; font-size: var(--menuFirstLevel__fontSize); color: #7e7e7d; color: var(--menuFirstLevel__color); font-weight: 700; text-align: center; text-transform: uppercase; -webkit-transition: background-color .25s, color .25s; -o-transition: background-color .25s, color .25s; transition: background-color .25s, color .25s } .appMenu__hasSubMenu>button { display: none !important } } @media only screen and (min-width: 1026px) and (min-width: 1026px) { .appMenu__showOnlyOnMobile { display: none !important } } @media only screen and (min-width: 1026px) { .appMenu__items .appMenu__subMenu:not(.appMenu__megaMenuColumn__menuItemSubMenu) { position: absolute; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; pointer-events: none; top: 28px; width: -webkit-max-content; width: -moz-max-content; width: max-content; right: 50%; -webkit-transform: translateX(60%); -ms-transform: translateX(60%); transform: translateX(60%) } .appMenu__items .appMenu__subMenu:not(.appMenu__megaMenuColumn__menuItemSubMenu).edge { -webkit-transform: translateX(43%); -ms-transform: translateX(43%); transform: translateX(43%) } } @media only screen and (min-width: 1026px) and (max-width: 1399px) { .appMenu__items .appMenu__subMenu:not(.appMenu__megaMenuColumn__menuItemSubMenu).edge { -webkit-transform: translateX(36%); -ms-transform: translateX(36%); transform: translateX(36%) } } @media only screen and (min-width: 1026px) { .appMenu__items>*.isActive>.appMenu__subMenu:not(.appMenu__megaMenuColumn__menuItemSubMenu) { opacity: 1; pointer-events: auto } .appMenu__megaMenu { --megaMenu__background: #fff; --megaMenu__boxShadow: 2px 4px 10px rgba(0, 0, 0, 0.16); --megaMenu__padding: var(--megaMenu__verticalPadding) var(--megaMenu__horizontalPadding); --megaMenu__verticalPadding: 1.25rem; --megaMenu__horizontalPadding: -webkit-calc(1.3125rem + .75vw); --megaMenu__horizontalPadding: calc(1.3125rem + .75vw); --megaMenu__width: 53.125rem } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu__megaMenu { --megaMenu__horizontalPadding: 1.875rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { --megaMenu__columnBorder__gap: 1.25rem } .appMenu__megaMenu { --megaMenu__menuItem__gap: 1.25rem; --megaMenu__menuItem__title__fontSize: 15px } .appMenu__megaMenu { --megaMenu__menuItem__subMenu__border__color: #f6f6f6; --megaMenu__menuItem__subMenu__border__width: 6px; --megaMenu__menuItem__subMenu__fontSize: .875rem; --megaMenu__menuItem__subMenu__gap: .625rem; --megaMenu__menuItem__subMenu__marginTop: 1.25rem; --megaMenu__menuItem__subMenu__paddingLeft: .5625rem; --megaMenu__menuItem__subMenu__border__gap: 1.25rem } .appMenu__megaMenu { --megaMenu__button__marginTop: -webkit-calc(1.5625rem + 3.75vw); --megaMenu__button__marginTop: calc(1.5625rem + 3.75vw); --megaMenu__button__border__width: 2px; --megaMenu__button__pseudoElements__size: 8px } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu__megaMenu { --megaMenu__button__marginTop: 4.375rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { --megaMenu__textImage__backgroundColor: #f9f9f9; --megaMenu__textImage__text__marginTop: 1.25rem; --megaMenu__textImage__gap: -webkit-calc(1.28125rem + .375vw); --megaMenu__textImage__gap: calc(1.28125rem + .375vw); --megaMenu__textImage__padding: .75rem; --megaMenu__textImage__text__gap: .9375rem } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu__megaMenu { --megaMenu__textImage__gap: 1.5625rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 53.125rem; max-width: var(--megaMenu__width); max-height: -webkit-calc(100vh - 0px - .9375rem); max-height: calc(100vh - 0px - .9375rem); max-height: -webkit-calc(100vh - var(--headerHeight, 0px) - .9375rem); max-height: calc(100vh - var(--headerHeight, 0px) - .9375rem); right: 0; overflow: auto; text-align: left; margin-right: auto; margin-left: auto; padding: -webkit-calc(1.2625rem + .15vw); padding: calc(1.2625rem + .15vw); background: #fff; background: var(--megaMenu__background); -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16); box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: var(--megaMenu__boxShadow); box-shadow: var(--megaMenu__boxShadow) } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16); box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: var(--megaMenu__boxShadow); box-shadow: var(--megaMenu__boxShadow) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { background: #fff; background: var(--megaMenu__background) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu { max-width: 53.125rem; max-width: var(--megaMenu__width) } } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu__megaMenu { padding: 1.375rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenuColumn.megaMenuColumn__titleTextButton { width: 32% } .appMenu__megaMenuColumn+.appMenu__megaMenuColumn { margin-left: .9375rem; padding-left: .9375rem; border-left: 3px solid #F7F7F7; border-left: 3px solid var(--megaMenu__columnBorder__color) } .appMenu__megaMenuColumn__menuItem+.appMenu__megaMenuColumn__menuItem { margin-top: undefined; margin-top: var(--megaMenu__menuItem__gap) } } @media only screen and (min-width: 1026px) and (max-width: 1023px) { .appMenu__megaMenuColumn__menuItem+.appMenu__megaMenuColumn__menuItem { margin-bottom: .5rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenuColumn__menuItemTitle>a span { display: inline; font-size: 1rem; font-family: "Optima", arial, helvetica, sans-serif; line-height: 1.21429; color: #000000; color: var(--blackColor); font-weight: 700; font-weight: var(--fontWeightBold); padding-bottom: .1875rem; background: -webkit-gradient(linear, left bottom, left top, from(#7e7e7d), color-stop(5%, #7e7e7d), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, #7e7e7d 0%, #7e7e7d 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, #7e7e7d 0%, #7e7e7d 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: -webkit-gradient(linear, left bottom, left top, from(var(--menuColor, #7e7e7d)), color-stop(5%, var(--menuColor, #7e7e7d)), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, var(--menuColor, #7e7e7d) 0%, var(--menuColor, #7e7e7d) 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, var(--menuColor, #7e7e7d) 0%, var(--menuColor, #7e7e7d) 5%, transparent 5.01%) no-repeat right bottom/0 100%; -webkit-transition: background-size .35s ease; -o-transition: background-size .35s ease; transition: background-size .35s ease } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemTitle>a span { background: -webkit-gradient(linear, left bottom, left top, from(#777), color-stop(5%, #777), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, #777 0%, #777 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, #777 0%, #777 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: -webkit-gradient(linear, left bottom, left top, from(var(--menuColor, #7e7e7d)), color-stop(5%, var(--menuColor, #7e7e7d)), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, var(--menuColor, #7e7e7d) 0%, var(--menuColor, #7e7e7d) 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, var(--menuColor, #7e7e7d) 0%, var(--menuColor, #7e7e7d) 5%, transparent 5.01%) no-repeat right bottom/0 100% } } .appMenu__megaMenuColumn__menuItemSubMenu { margin-top: undefined; margin-top: var(--megaMenu__menuItem__subMenu__marginTop); padding-left: undefined; padding-left: var(--megaMenu__menuItem__subMenu__paddingLeft) } .appMenu__megaMenuColumn__menuItemSubMenu>*:not(.isNotALink) { display: block; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .875rem; line-height: 1.45455; color: #000000; color: var(--blackColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*:not(.isNotALink):hover { color: #D9AE69; color: var(--gold2Color) } .appMenu__megaMenuColumn__menuItemSubMenu>*:not(.isNotALink).appMenu__menuItem--isActive { color: #D9AE69; color: var(--gold2Color) } .appMenu__megaMenuColumn__menuItem a span { -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItem a:hover span { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*.isNotALink { display: block; font-family: "Optima", arial, helvetica, sans-serif; font-style: italic; font-weight: 400; font-weight: var(--fontWeightRegular); font-size: 1rem; line-height: 1.25; color: #888888 } .appMenu__megaMenuColumn__menuItemTitle>*.isNotALink { display: block; font-family: "Optima", arial, helvetica, sans-serif; font-style: italic; font-weight: 400; font-weight: var(--fontWeightRegular); font-size: 1rem; line-height: 1.25; color: #888888 } .appMenu__megaMenuColumn__menuItemSubMenu>*+* { margin-top: undefined; margin-top: var(--megaMenu__menuItem__subMenu__gap) } .appMenu__megaMenuColumn__menuItemSubMenu>*[data-add-border-after]+* { margin-top: undefined; margin-top: var(--megaMenu__menuItem__subMenu__border__gap); padding-top: undefined; padding-top: var(--megaMenu__menuItem__subMenu__border__gap); border-top: undefined; border-top: var(--megaMenu__menuItem__subMenu__border__width) solid var(--megaMenu__menuItem__subMenu__border__color) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul { margin-left: 1.25rem } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a { font-size: undefined; font-size: var(--megaMenu__menuItem__subMenu__fontSize); color: #4c4c4c; font-weight: 400; line-height: 1.25 } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a:hover { color: #7e7e7d; color: var(--menuColor, #7e7e7d) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a:hover { color: #777; color: var(--menuColor, #7e7e7d) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a:hover { color: #777; color: var(--menuColor, #7e7e7d) } } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*.appMenu__menuItem--isActive>a { color: #7e7e7d; color: var(--menuColor, #7e7e7d) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*.appMenu__menuItem--isActive>a { color: #777; color: var(--menuColor, #7e7e7d) } } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*+* { margin-top: undefined; margin-top: var(--megaMenu__menuItem__subMenu__gap) } .appMenu__megaMenuColumn__button { margin-top: undefined; margin-top: var(--megaMenu__button__marginTop) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a { display: block; position: relative; font-size: 1rem; color: #7e7e7d; color: var(--menuColor, #7e7e7d); font-weight: 700; text-align: center; padding: .3125rem -webkit-calc(1.34375rem + 1.125vw); padding: .3125rem calc(1.34375rem + 1.125vw); border: undefined; border: var(--megaMenu__button__border__width) solid #dedede } } @media only screen and (min-width: 1026px) and (min-width: 1200px) { .appMenu__megaMenuColumn__button>li:nth-child(1)>a { padding: .3125rem 2.1875rem } } @media only screen and (min-width: 1026px) { .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span>* { display: block } .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span>span { font-size: .75rem; margin-top: .3125rem } .appMenu__megaMenuColumn__button>li:nth-child(1)>a::before { content: ''; display: block; width: undefined; width: var(--megaMenu__button__pseudoElements__size); height: undefined; height: var(--megaMenu__button__pseudoElements__size); position: absolute; -webkit-transition: width .3s, height .3s; -o-transition: width .3s, height .3s; transition: width .3s, height .3s } .appMenu__megaMenuColumn__button>li:nth-child(1)>a::after { content: ''; display: block; width: undefined; width: var(--megaMenu__button__pseudoElements__size); height: undefined; height: var(--megaMenu__button__pseudoElements__size); position: absolute; -webkit-transition: width .3s, height .3s; -o-transition: width .3s, height .3s; transition: width .3s, height .3s } .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span::before { content: ''; display: block; width: undefined; width: var(--megaMenu__button__pseudoElements__size); height: undefined; height: var(--megaMenu__button__pseudoElements__size); position: absolute; -webkit-transition: width .3s, height .3s; -o-transition: width .3s, height .3s; transition: width .3s, height .3s } .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span::after { content: ''; display: block; width: undefined; width: var(--megaMenu__button__pseudoElements__size); height: undefined; height: var(--megaMenu__button__pseudoElements__size); position: absolute; -webkit-transition: width .3s, height .3s; -o-transition: width .3s, height .3s; transition: width .3s, height .3s } .appMenu__megaMenuColumn__button>li:nth-child(1)>a::before { top: undefined; top: -webkit-calc(var(--megaMenu__button__border__width) * -1); top: calc(var(--megaMenu__button__border__width) * -1); left: undefined; left: -webkit-calc(var(--megaMenu__button__border__width) * -1); left: calc(var(--megaMenu__button__border__width) * -1); border-left: undefined solid #7e7e7d; border-left: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d); border-top: undefined solid #7e7e7d; border-top: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a::after { bottom: undefined; bottom: -webkit-calc(var(--megaMenu__button__border__width) * -1); bottom: calc(var(--megaMenu__button__border__width) * -1); left: undefined; left: -webkit-calc(var(--megaMenu__button__border__width) * -1); left: calc(var(--megaMenu__button__border__width) * -1); border-bottom: undefined solid #7e7e7d; border-bottom: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d); border-left: undefined solid #7e7e7d; border-left: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span::before { top: undefined; top: -webkit-calc(var(--megaMenu__button__border__width) * -1); top: calc(var(--megaMenu__button__border__width) * -1); right: undefined; right: -webkit-calc(var(--megaMenu__button__border__width) * -1); right: calc(var(--megaMenu__button__border__width) * -1); border-right: undefined solid #7e7e7d; border-right: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d); border-top: undefined solid #7e7e7d; border-top: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a>span::after { right: undefined; right: -webkit-calc(var(--megaMenu__button__border__width) * -1); right: calc(var(--megaMenu__button__border__width) * -1); bottom: undefined; bottom: -webkit-calc(var(--megaMenu__button__border__width) * -1); bottom: calc(var(--megaMenu__button__border__width) * -1); border-bottom: undefined solid #7e7e7d; border-bottom: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d); border-right: undefined solid #7e7e7d; border-right: var(--megaMenu__button__border__width) solid var(--menuColor, #7e7e7d) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a:hover::before { width: undefined; width: -webkit-calc(50% + var(--megaMenu__button__border__width)); width: calc(50% + var(--megaMenu__button__border__width)); height: undefined; height: -webkit-calc(50% + var(--megaMenu__button__border__width)); height: calc(50% + var(--megaMenu__button__border__width)) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a:hover::after { width: undefined; width: -webkit-calc(50% + var(--megaMenu__button__border__width)); width: calc(50% + var(--megaMenu__button__border__width)); height: undefined; height: -webkit-calc(50% + var(--megaMenu__button__border__width)); height: calc(50% + var(--megaMenu__button__border__width)) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a:hover>span::before { width: undefined; width: -webkit-calc(50% + var(--megaMenu__button__border__width)); width: calc(50% + var(--megaMenu__button__border__width)); height: undefined; height: -webkit-calc(50% + var(--megaMenu__button__border__width)); height: calc(50% + var(--megaMenu__button__border__width)) } .appMenu__megaMenuColumn__button>li:nth-child(1)>a:hover>span::after { width: undefined; width: -webkit-calc(50% + var(--megaMenu__button__border__width)); width: calc(50% + var(--megaMenu__button__border__width)); height: undefined; height: -webkit-calc(50% + var(--megaMenu__button__border__width)); height: calc(50% + var(--megaMenu__button__border__width)) } .appMenu__megaMenuColumn__button>li:nth-child(2) { color: #666; font-size: .8125rem; font-weight: 700; line-height: 1.31; text-align: center; margin-top: .8125rem } .appMenu__megaMenu hr { display: block; height: 6px; height: var(--megaMenu__menuItem__subMenu__border__width); color: #f6f6f6; color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)); margin-top: 1.25rem; margin-top: var(--megaMenu__menuItem__subMenu__border__gap); margin-bottom: 1.25rem; margin-bottom: var(--megaMenu__menuItem__subMenu__border__gap); background-color: #f6f6f6; background-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)); border-style: solid; border-color: #f6f6f6; border-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { border-color: #f6f6f6; border-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { border-color: #f6f6f6; border-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { background-color: #f6f6f6; background-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { background-color: #f6f6f6; background-color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { margin-bottom: 1.25rem; margin-bottom: var(--megaMenu__menuItem__subMenu__border__gap) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { margin-top: 1.25rem; margin-top: var(--megaMenu__menuItem__subMenu__border__gap) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { color: #f6f6f6; color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { color: #f6f6f6; color: var(--color, var(--megaMenu__menuItem__subMenu__border__color)) } } @media only screen and (min-width: 1026px) { .appMenu__megaMenu hr { height: 6px; height: var(--megaMenu__menuItem__subMenu__border__width) } } .appMenu__megaMenuColumn--isTextImage { -webkit-box-flex: 2.5; -webkit-flex: 2.5; -ms-flex: 2.5; flex: 2.5; margin-top: undefined; margin-top: -webkit-calc(var(--megaMenu__verticalPadding) * -1); margin-top: calc(var(--megaMenu__verticalPadding) * -1); margin-right: undefined; margin-right: -webkit-calc(var(--megaMenu__horizontalPadding) * -1); margin-right: calc(var(--megaMenu__horizontalPadding) * -1); margin-bottom: undefined; margin-bottom: -webkit-calc(var(--megaMenu__verticalPadding) * -1); margin-bottom: calc(var(--megaMenu__verticalPadding) * -1); padding: undefined !important; padding: var(--megaMenu__verticalPadding) var(--megaMenu__textImage__padding) var(--megaMenu__textImage__padding) !important; background-color: undefined; background-color: var(--megaMenu__textImage__backgroundColor); border-left: none !important } .appMenu__megaMenuColumn__textImage { display: -ms-grid; display: grid; grid-template-areas: 'title image' 'text image'; -ms-grid-columns: 1.1fr var(--megaMenu__textImage__gap) 1fr; grid-template-columns: 1.1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-rows: 1fr; grid-column-gap: undefined; -webkit-column-gap: undefined; -moz-column-gap: undefined; column-gap: undefined; grid-column-gap: var(--megaMenu__textImage__gap); -webkit-column-gap: var(--megaMenu__textImage__gap); -moz-column-gap: var(--megaMenu__textImage__gap); column-gap: var(--megaMenu__textImage__gap) } .appMenu__megaMenuColumn__textImage__title { grid-area: title; font-size: undefined; font-size: var(--megaMenu__menuItem__title__fontSize); color: #7e7e7d; color: var(--menuColor, #7e7e7d); font-weight: 700 } .appMenu__megaMenuColumn__textImage__title>* { line-height: 1.2 } .appMenu__megaMenuColumn__textImage__text { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: text; margin-top: undefined; margin-top: var(--megaMenu__textImage__text__marginTop) } .appMenu__megaMenuColumn__textImage__text>* { color: #4c4c4c; font-weight: 400; font-size: .8125rem; line-height: 1.6 } .appMenu__megaMenuColumn__textImage__text>*+* { margin-top: undefined; margin-top: var(--megaMenu__textImage__text__gap) } .appMenu__megaMenuColumn__textImage__image { grid-area: image } .appMenu__megaMenuColumn__textImage__image img { display: block } .appMenu__megaMenuColumn__textImage__button { margin-top: .9375rem } .appMenu__megaMenuColumn__textImage__button>a { color: rgba(119, 119, 119, 0.466667); color: var(--menuColor, rgba(119, 119, 119, 0.466667)); font-size: .75rem; font-weight: 700; line-height: 1 } .appMenu__megaMenuColumn__titleTextButton>*+* { margin-top: .9375rem } .appMenu__megaMenuColumn__titleTextButton__title>* { font-size: 1rem; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.21429; color: #000000; color: var(--blackColor); -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__titleTextButton__title:hover>* { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__titleTextButton__title~* { padding-left: undefined; padding-left: var(--megaMenu__menuItem__subMenu__paddingLeft) } .appMenu__megaMenuColumn__titleTextButton__text>* { font-size: .875rem; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); line-height: 1.45455; color: #000000; color: var(--blackColor) } .appMenu__megaMenuColumn__titleTextButton__text>*+* { margin-top: .625rem } .appMenu__megaMenuColumn__titleTextButton__button a.style__2 { font-family: "Optima", arial, helvetica, sans-serif; font-weight: bold; font-size: .875rem; line-height: 1.28571; letter-spacing: 0.02em; color: #000000; color: var(--blackColor); position: relative; margin-bottom: .625rem; display: inline-block } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:before { content: ''; position: absolute; width: 20px; height: 20px; background-color: #E1E1E1; right: -32px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 100%; border-radius: 100% } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:after { content: ''; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2475 3.74749C15.3842 3.6108 15.3842 3.3892 15.2475 3.25251L13.0201 1.02513C12.8834 0.888443 12.6618 0.888443 12.5251 1.02513C12.3884 1.16181 12.3884 1.38342 12.5251 1.5201L14.505 3.5L12.5251 5.4799C12.3884 5.61658 12.3884 5.83819 12.5251 5.97487C12.6618 6.11156 12.8834 6.11156 13.0201 5.97487L15.2475 3.74749ZM0 3.85H15V3.15H0V3.85Z' fill='black'/%3E%3C/svg%3E"); width: 16px; height: 8px; right: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:hover:before { background-color: #DECEB3; background-color: var(--goldColor) } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:hover:after { right: -44px } .appMenu__megaMenuColumn__textImage>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (min-width: 1026px) { .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__description { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3 } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .redirectTabsBlock__blocks__top .redirectTabsBlock__blocks__top__link { -ms-grid-row: 1; -ms-grid-column: 3 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 3 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 1 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 3 } body .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>a { -ms-grid-row: 1; -ms-grid-column: 1 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2 } .header__bottom__menu>nav>ul>li>.nav-drop li.menu-item-has-children>li.menu-item-has-children>.nav-drop { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2 } .appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__textImage>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__textImage__image { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3 } } @media only screen and (max-width: 1025px) { button.dropdown-toggle { height: 1.25rem; height: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); position: relative; opacity: 1; opacity: var(--responsiveMenuDropdownToggleOpacity, var(--responsiveMenuOpacity, 1)); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s } button.dropdown-toggle>* { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #181818; background-color: var(--black2Color) } button.dropdown-toggle>*:first-child { width: 18px; height: 2px } button.dropdown-toggle>*:last-child { width: 2px; height: 18px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } button.dropdown-toggle[aria-expanded='true'] { opacity: 1; opacity: var(--responsiveMenuDropdownToggleAccentOpacity, var(--responsiveMenuAccentOpacity, 1)) } button.dropdown-toggle[aria-expanded='true']>* { background-color: undefined; background-color: var(--beigeColor) } button.dropdown-toggle[aria-expanded='true']>*:last-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .appMenu__megaMenuColumn__menuItem { margin-bottom: .625rem } .appMenu__megaMenuColumn__menuItem::last-of-type { margin-bottom: 0 } button.dropdown-toggle { cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__megaMenuColumn__menuItem.open .appMenu__megaMenuColumn__menuItemTitle button.subMenuHasSubMenu-toggle span:last-of-type { display: none } .appMenu__hasSubMenu.open button.submenu-toggle span:last-of-type { display: none } .header__responsiveMenu li.menu-item-has-children>.dropdown-toggle { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: dropdown-toggle; min-width: 1.25rem; min-width: var(--responsiveMenuDropdownToggleMinWidth, 1.25rem); justify-self: flex-end } .appMenu { --appMenu__firstLevelItem__gap: -webkit-calc(1.28125rem + .375vw); --appMenu__firstLevelItem__gap: calc(1.28125rem + .375vw); --appMenu__sidesPadding: 1.25rem; --appMenu__verticalPadding: -webkit-calc(1.28125rem + .375vw); --appMenu__verticalPadding: calc(1.28125rem + .375vw); --appMenu__border: 6px solid #f6f6f6 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu { --appMenu__firstLevelItem__gap: 1.5625rem } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu { --appMenu__verticalPadding: 1.5625rem } } @media only screen and (max-width: 1025px) { .appMenu { width: 100%; height: -webkit-calc(100vh - 0px - 40px); height: calc(100vh - 0px - 40px); height: -webkit-calc(100vh - var(--headerHeight, 0px) - var(--callToActionsHeight, 40px)); height: calc(100vh - var(--headerHeight, 0px) - var(--callToActionsHeight, 40px)); position: fixed; z-index: 999; right: 0; bottom: 0; left: 0; padding-bottom: -webkit-calc(1.28125rem + .375vw); padding-bottom: calc(1.28125rem + .375vw); padding-bottom: var(--appMenu__verticalPadding); background-color: #fff; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); top: 71px } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu { padding-bottom: 1.5625rem; padding-bottom: var(--appMenu__verticalPadding) } } @media only screen and (max-width: 1025px) { .appMenu { padding-bottom: -webkit-calc(1.28125rem + .375vw); padding-bottom: calc(1.28125rem + .375vw); padding-bottom: var(--appMenu__verticalPadding) } } body.appMenu--isActive .appMenu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } body.appMenu--isActive { overflow: hidden } .appMenu__items>li[data-is-responsive] { position: -webkit-sticky; position: sticky; top: 0; color: #1d1d1d; font-weight: 700; font-size: 1.125rem; line-height: 1.22222; text-align: center; padding-top: .625rem; padding-bottom: .625rem; background-color: #e7e7e7 } .appMenu__items>li:not([data-is-responsive]) { padding-right: undefined; padding-right: var(--appMenu__sidesPadding); padding-left: undefined; padding-left: var(--appMenu__sidesPadding) } .appMenu__items>li:not([data-is-responsive])>a { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2) } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu { display: -ms-grid; display: grid; grid-template-areas: 'title button'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; position: relative } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>.redirectTabsBlock__blocks__top__title, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>.appMenu__megaMenuColumn__textImage__title, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>a, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>a { font-size: 1.3125rem } } @media only screen and (max-width: 1025px) { .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>button, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>button { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); grid-area: button; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a { opacity: 1 } .appMenu__items>li:not([data-is-responsive]).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink, .appMenu__items>li:not([data-is-responsive]).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink { opacity: 1 } .appMenu__subMenu { z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; overflow-y: hidden; overflow-x: hidden; height: 0; visibility: hidden } .js-hasSubMenu.open>.appMenu__subMenu { display: block; visibility: inherit; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden } .appMenu__subMenu--haveAnActiveSubMenu { overflow: hidden } .appMenu__subMenu>li[data-is-responsive] { position: absolute; right: 16px; top: 17px; width: 15px } .appMenu__subMenu>li[data-is-responsive]>a { position: -webkit-sticky; position: sticky; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.9375rem; background-color: #ffffff; background-color: var(--whiteColor) } .appMenu__subMenu>li:not([data-is-responsive]) { padding-left: undefined; padding-left: var(--appMenu__sidesPadding) } .appMenu__megaMenu { --appMenu__firstLevelItem__gap: 1.875rem } .appMenu__megaMenuColumn__menuItem { position: relative } .appMenu__megaMenuColumn__menuItem li[data-is-responsive] { position: absolute; right: 0; top: 8px; z-index: 1 } .appMenu__megaMenuColumn__menuItemTitle { --menuColor: #777 } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu { display: -ms-grid; display: grid; grid-template-areas: 'title button'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; position: relative } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>.redirectTabsBlock__blocks__top__title, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>.appMenu__megaMenuColumn__textImage__title, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>a, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>a { font-size: 1.3125rem } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>button, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>button { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); grid-area: button; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a { opacity: 1 } .appMenu__megaMenuColumn__menuItemTitle.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink, .appMenu__megaMenuColumn__menuItemTitle.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink { opacity: 1 } .appMenu__megaMenuColumn__menuItemTitle button { z-index: 2 } .appMenu__megaMenuColumn__menuItemTitle button.dropdown-toggle.active { display: none } .appMenu__megaMenuColumn__menuItemTitle>a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827 } .appMenu__megaMenuColumn__menuItemTitle>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn--endWithMenuItem+.appMenu__megaMenuColumn--isTextImage { margin-top: undefined; margin-top: -webkit-calc((var(--appMenu__firstLevelItem__gap) / 2) * -1); margin-top: calc((var(--appMenu__firstLevelItem__gap) / 2) * -1) } .appMenu__megaMenuColumn hr { display: none !important } .appMenu__megaMenuColumn .appMenu__subMenu { --appMenu__firstLevelItem__gap: 1.5625rem; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } .appMenu__megaMenuColumn__menuItem.open .appMenu__subMenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: inherit; height: 100%; visibility: inherit; opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>[data-is-responsive] { position: -webkit-sticky; position: sticky; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #ffffff; color: var(--whiteColor); font-size: .9375rem; font-weight: 700; font-weight: var(--fontWeightBold); text-align: center; padding-right: undefined; padding-right: var(--appMenu__sidesPadding); padding-top: .75rem; padding-bottom: .75rem; padding-left: undefined; padding-left: var(--appMenu__sidesPadding); background-color: #000000; background-color: var(--blackColor) } .appMenu__megaMenuColumn__menuItemSubMenu>[data-is-responsive] svg { justify-self: flex-start } .appMenu__megaMenuColumn__menuItemSubMenu>[data-is-responsive] span { margin-right: auto; margin-left: auto; -ms-grid-column-align: center; justify-self: center } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink) { --menuColor: #777; padding-right: undefined; padding-right: var(--appMenu__sidesPadding); padding-left: undefined; padding-left: var(--appMenu__sidesPadding); font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; padding-bottom: .625rem; padding-top: .625rem } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink)>a { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2) } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu { display: -ms-grid; display: grid; grid-template-areas: 'title button'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; position: relative } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>.redirectTabsBlock__blocks__top__title, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>.appMenu__megaMenuColumn__textImage__title, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>a, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>a { font-size: 1.3125rem } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>button, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>button { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); grid-area: button; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu>button path { fill: #777; fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu>button path { fill: #777; fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a { opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink, .appMenu__megaMenuColumn__menuItemSubMenu>:not([data-is-responsive]):not(.isNotALink).appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink { opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink { --menuColor: #777; padding-right: undefined; padding-right: var(--appMenu__sidesPadding); padding-left: undefined; padding-left: var(--appMenu__sidesPadding); display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2); color: #b5b5b5; font-weight: 400; font-style: italic; font-size: .8125rem } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink>a { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu { display: -ms-grid; display: grid; grid-template-areas: 'title button'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; position: relative } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>.redirectTabsBlock__blocks__top__title, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>.appMenu__megaMenuColumn__textImage__title, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>a, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>a { font-size: 1.3125rem } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>button, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>button { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); grid-area: button; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a { opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink, .appMenu__megaMenuColumn__menuItemSubMenu>.isNotALink.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink { opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu { --borderGap: -webkit-calc(1.4375rem + 2.25vw); --borderGap: calc(1.4375rem + 2.25vw); --borderHeight: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu { --borderGap: 3.125rem } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after] { position: relative } .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { content: ''; display: block; width: undefined; width: -webkit-calc(100% - (var(--appMenu__sidesPadding) * 2)); width: calc(100% - (var(--appMenu__sidesPadding) * 2)); height: 6px; height: var(--borderHeight); position: absolute; right: undefined; right: var(--appMenu__sidesPadding); bottom: -webkit-calc((6px * -1) - (-webkit-calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: calc((6px * -1) - (calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); left: undefined; left: var(--appMenu__sidesPadding); background-color: #f6f6f6 } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (3.125rem / 2) + (6px / 2)); bottom: calc((6px * -1) - (3.125rem / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (-webkit-calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: calc((6px * -1) - (calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (-webkit-calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: calc((6px * -1) - (calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (3.125rem / 2) + (6px / 2)); bottom: calc((6px * -1) - (3.125rem / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (-webkit-calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: calc((6px * -1) - (calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { bottom: -webkit-calc((6px * -1) - (-webkit-calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: calc((6px * -1) - (calc(1.4375rem + 2.25vw) / 2) + (6px / 2)); bottom: -webkit-calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)); bottom: calc((var(--borderHeight) * -1) - (var(--borderGap) / 2) + (var(--borderHeight) / 2)) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]::after { height: 6px; height: var(--borderHeight) } } .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]+* { margin-top: -webkit-calc(1.4375rem + 2.25vw); margin-top: calc(1.4375rem + 2.25vw); margin-top: var(--borderGap) } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]+* { margin-top: 3.125rem; margin-top: var(--borderGap) } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>[data-add-border-after]+* { margin-top: -webkit-calc(1.4375rem + 2.25vw); margin-top: calc(1.4375rem + 2.25vw); margin-top: var(--borderGap) } } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul { --appMenu__firstLevelItem__gap: .9375rem; padding-top: 0 !important; padding-bottom: 0 !important; margin-left: .9375rem } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a { --menuColor: #777; padding-right: undefined; padding-right: var(--appMenu__sidesPadding); padding-left: undefined; padding-left: var(--appMenu__sidesPadding); display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2); font-weight: 400; padding-right: 0 !important; padding-left: 0 !important } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a>a { display: block; font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.45455; color: #000000; color: var(--blackColor); padding-top: undefined; padding-top: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-top: calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: undefined; padding-bottom: -webkit-calc(var(--appMenu__firstLevelItem__gap) / 2); padding-bottom: calc(var(--appMenu__firstLevelItem__gap) / 2) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu { display: -ms-grid; display: grid; grid-template-areas: 'title button'; -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; position: relative } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>a { grid-area: title; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 28px; text-transform: inherit; color: #111827; opacity: 0.5; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>.redirectTabsBlock__blocks__top__title, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>.redirectTabsBlock__blocks__top__title { -ms-grid-row: 1; -ms-grid-column: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>.appMenu__megaMenuColumn__textImage__title, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>.appMenu__megaMenuColumn__textImage__title { -ms-grid-row: 1; -ms-grid-column: 1 } } @media only screen and (max-width: 1025px) and (min-width: 1200px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>a, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>a { font-size: 1.3125rem } } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>button, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>button { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); grid-area: button; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu>button path { fill: #777; fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>button path { fill: rgba(119, 119, 119, 0.466667); fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu>button path { fill: #777; fill: var(--menuColor, rgba(119, 119, 119, 0.466667)) } } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 28px; color: #111827; margin-bottom: .5rem; opacity: 0.6 } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle a:hover { color: #DECEB3; color: var(--goldColor) } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle span.isNotALink { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 300; font-weight: var(--fontWeightLight); font-size: 1.125rem; line-height: 1.55556; color: #111827; opacity: 0.6; margin-bottom: .5rem; font-style: normal } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive a { opacity: 1 } .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__hasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink, .appMenu__megaMenuColumn__menuItemSubMenu>*+ul>*>a.appMenu__basicMenu__itemHasSubMenu .appMenu__megaMenuColumn__menuItemTitle.isActive span.isNotALink { opacity: 1 } .appMenu__megaMenuColumn>*>.appMenu__megaMenuColumn__menuItemTitle>.isNotALink { --appMenu__notALinkMarginBottom: 1.5625rem; display: block; color: #a9a9a9; font-weight: 400; font-size: .9375rem; font-style: italic } .appMenu__megaMenuColumn__responsiveBorder { --appMenu__megaMenuColumn__responsiveBorder__margin: 1.25rem; border-top: undefined; border-top: var(--appMenu__border) } .appMenu__megaMenuColumn__titleTextButton { --appMenu__titleTextButton__marginTop: 1.25rem; padding-top: 1.25rem; padding-top: var(--appMenu__titleTextButton__marginTop) } @media only screen and (max-width: 1025px) { .appMenu__megaMenuColumn__titleTextButton { padding-top: 1.25rem; padding-top: var(--appMenu__titleTextButton__marginTop) } } .appMenu__megaMenuColumn__titleTextButton__title>* { font-size: 1.0625rem; font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); line-height: 1.21429; color: #000000; color: var(--blackColor) } .appMenu__megaMenuColumn__titleTextButton__title+* { margin-top: .9375rem } .appMenu__megaMenuColumn__titleTextButton__title~* { margin-left: .625rem } .appMenu__megaMenuColumn__titleTextButton__text>* { color: #4c4c4c; font-size: .8125rem; font-weight: 400; line-height: 2.09091 } .appMenu__megaMenuColumn__titleTextButton__button { margin-top: .625rem } .appMenu__megaMenuColumn__titleTextButton__button a.style__2 { font-family: "Optima", arial, helvetica, sans-serif; font-weight: bold; font-size: .875rem; line-height: 1.28571; letter-spacing: 0.02em; color: #000000; color: var(--blackColor); position: relative; margin-bottom: .625rem; display: inline-block } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:before { content: ''; position: absolute; width: 20px; height: 20px; background-color: #E1E1E1; right: -32px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 100%; border-radius: 100% } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:after { content: ''; position: absolute; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2475 3.74749C15.3842 3.6108 15.3842 3.3892 15.2475 3.25251L13.0201 1.02513C12.8834 0.888443 12.6618 0.888443 12.5251 1.02513C12.3884 1.16181 12.3884 1.38342 12.5251 1.5201L14.505 3.5L12.5251 5.4799C12.3884 5.61658 12.3884 5.83819 12.5251 5.97487C12.6618 6.11156 12.8834 6.11156 13.0201 5.97487L15.2475 3.74749ZM0 3.85H15V3.15H0V3.85Z' fill='black'/%3E%3C/svg%3E"); width: 16px; height: 8px; right: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:hover:before { background-color: #DECEB3; background-color: var(--goldColor) } .appMenu__megaMenuColumn__titleTextButton__button a.style__2:hover:after { right: -44px } } @media only screen and (min-width: 1026px) { .singlePage__content__inner__block+.singlePage__content__inner__block { margin-top: .9375rem; padding-top: .9375rem } } .single-post .hero.hero--noMedia .hero__content .hero__content__title::after { background-color: #DECEB3; background-color: var(--goldColor); bottom: 2px } .singlePage { grid-row-gap: 1.1875rem } .singlePage .alsoToRead { padding-left: -webkit-calc(1.28125rem + .375vw); padding-left: calc(1.28125rem + .375vw) } @media (min-width: 1200px) { .singlePage .alsoToRead { padding-left: 1.5625rem } } .singlePage .alsoToRead ul { margin-left: 0 } .singlePage.singlePage--haveLinks { grid-template-areas: "content" "share" "author-block" "pagination" "also-to-read"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .singlePage:not(.singlePage--haveLinks) { grid-template-areas: "content" "share" "author-block" "pagination" "also-to-read"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .singlePage__title { font-weight: 900; font-size: 2.8125rem; line-height: 122%; font-family: "Poppins", arial, helvetica, sans-serif } .singlePage__meta { font-family: Poppins, arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: .9375rem; line-height: 1.26667; letter-spacing: 0.05em; text-transform: uppercase; color: #DECEB3; color: var(--goldColor); margin: .3125rem 0 } .singlePage__meta p { font-weight: undefined; font-weight: var(--fontWeightExtra); font-size: .8125rem; line-height: 1.53846; letter-spacing: 0.04em; text-transform: uppercase } .singlePage__meta p::after { color: undefined; color: var(--cameoColor) } .singlePage__meta *:nth-child(2) { font-weight: 500; font-weight: var(--fontWeightMedium); font-size: .8125rem; line-height: 1.53846; letter-spacing: 0.04em; text-transform: uppercase; color: #DECEB3; color: var(--goldColor) } @media only screen and (max-width: 1025px) { .singlePage__share { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media only screen and (max-width: 399px) { .singlePage__share { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: .25rem; padding-right: .25rem } .singlePage__share>p { margin-right: 0 } .singlePage__share>ul { margin-top: .9375rem } } .singlePage__share { background: #E0E0E0; background: var(--lightGrayColor) } .singlePage__share>p { font-size: .875rem; line-height: 1.2; color: #181818; color: var(--black2Color); margin-right: .9375rem } .singlePage__share>p strong { font-size: .875rem } .singlePage__share li { position: relative; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1) } .singlePage__share li a:hover svg path { fill: #D9AE69; fill: var(--gold2Color) } .singlePage__share li a::after { content: ''; position: absolute; padding: .75rem; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .singlePage__pagination { border-top: 1px solid #A1A1A1; border-bottom: 1px solid #A1A1A1 } .singlePage__pagination__previous { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .singlePage__pagination__previous:hover { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px) } .singlePage__pagination__previous:hover svg path { fill: #DECEB3 !important; fill: var(--goldColor) !important } .singlePage__pagination__next { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s } .singlePage__pagination__next:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px) } .singlePage__pagination__next:hover svg path { fill: #DECEB3 !important; fill: var(--goldColor) !important } .singlePage__pagination__all div { background-color: #CFCFCF; background-color: var(--grey4Color) } .singlePage__pagination__all:hover div { background-color: #DECEB3; background-color: var(--goldColor) } .singlePage__coverImage { margin-top: -webkit-calc(1.375rem + 1.5vw); margin-top: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .singlePage__coverImage { margin-top: 2.5rem } } .singlePage__coverImage img { width: 100%; max-height: 28.125rem } .singlePage__topText { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 400; font-size: .9375rem; line-height: 1.66667 } .singlePage__content__inner__block+.singlePage__content__inner__block { border-top: unset } .singlePage__content__inner__block>p img { margin-top: 1.5625rem !important; width: 100% } .singlePage__content__inner__block li a { color: #000000 !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .singlePage__content__inner__block>p:not(.dontApplyStyle) a { color: #D9AE69; color: var(--gold2Color) } .applyStyles>ul:not(.dontApplyStyle) li, .textImage__text__content>ul:not(.dontApplyStyle) li, .singlePage__content__inner__block>ul:not(.dontApplyStyle) li, .homeHero__text__content>ul:not(.dontApplyStyle) li, .hero__content__text ul li { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9 9' fill='none'%3E %3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23D9B364' fill-opacity='0.3'/%3E %3Ccircle cx='4.5' cy='4.5' r='2.5' fill='%23D9B364'/%3E %3C/svg%3E"); background-size: 10px 10px; background-position-y: 5px } .singlePage__content__inner__block>ul:not(.dontApplyStyle) { font-family: "Poppins", arial, helvetica, sans-serif; font-weight: 400; font-size: .9375rem; line-height: 1.66667 } .singlePage__content__inner__block>ul:not(.dontApplyStyle) li { background-image: none; padding-left: 0; font-size: .8125rem; line-height: 1.76923; letter-spacing: 0.02em } .singlePage__content__inner__block>ul:not(.dontApplyStyle) li:not(:first-child) { margin-top: .3125rem } .singlePage__content__inner__block>ul:not(.dontApplyStyle) li::before { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 9 9' fill='none'%3E %3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23D9B364' fill-opacity='0.3'/%3E %3Ccircle cx='4.5' cy='4.5' r='2.5' fill='%23DECEB3'/%3E %3C/svg%3E"); margin-right: .625rem } .singlePage__content__inner__block>ul:not(.dontApplyStyle) li .singlePage__content__inner__block .headingFirstStyle { font-family: "Optima", arial, helvetica, sans-serif; font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.3rem + .6vw); font-size: calc(1.3rem + .6vw); line-height: 1.28571; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .singlePage__content__inner__block>ul:not(.dontApplyStyle) li .singlePage__content__inner__block .headingFirstStyle { font-size: 1.75rem } } .singlePage__content__inner__block>ul:not(.dontApplyStyle) li .singlePage__content__inner__block .headingSecondStyle { font-weight: 700; font-weight: var(--fontWeightBold); font-family: "Optima", arial, helvetica, sans-serif; font-size: -webkit-calc(1.25625rem + .075vw); font-size: calc(1.25625rem + .075vw); line-height: 1.2381; letter-spacing: 0.05em; text-transform: uppercase; color: #181818; color: var(--black2Color) } @media (min-width: 1200px) { .singlePage__content__inner__block>ul:not(.dontApplyStyle) li .singlePage__content__inner__block .headingSecondStyle { font-size: 1.3125rem } } .singlePage__content__inner__block>* { scroll-margin-top: 5rem !important; margin-top: 2rem } @media only screen and (max-width: 1023px) { .singlePage__content__inner__block>* { scroll-margin-top: 5rem !important } } .singlePage__content__inner__block>p:not(.dontApplyStyle), .singlePage__content__inner__block .singlePage__content__inner__block>li { text-align: initial } .singlePage__content__inner__block>p:not(.dontApplyStyle) a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .singlePage__content__inner__block .singlePage__content__inner__block>li a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .singlePage__content__inner__block>p:not(.dontApplyStyle) a:hover, .singlePage__content__inner__block .singlePage__content__inner__block>li a:hover { background-color: #e6ccb1 !important } .hero__content__text { text-align: initial } .hero__content__text a { color: #000000 !important; color: var(--blackColor) !important; padding: 0 0.25rem; font-weight: 700; background-color: #DECEB3 !important; background-color: var(--goldColor) !important; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer } .hero__content__text a:hover { background-color: #e6ccb1 !important } .contactPage { display: -ms-grid; display: grid; grid-template-areas: "form" "practical-informations" "map"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 0 -webkit-calc(1.4375rem + 2.25vw); padding: 0 calc(1.4375rem + 2.25vw) } @media (min-width: 1200px) { .contactPage { padding: 0 3.125rem } } @media only screen and (max-width: 1023px) { .contactPage { padding: -webkit-calc(1.3125rem + .75vw) 0; padding: calc(1.3125rem + .75vw) 0 } } @media only screen and (max-width: 1023px) and (min-width: 1200px) { .contactPage { padding: 1.875rem 0 } } .contactPage>*:not(.contactPage__map) { padding-right: 15px; padding-right: var(--containerGutter); padding-left: 15px; padding-left: var(--containerGutter) } @media only screen and (min-width: 768px) { .contactPage>*:not(.contactPage__map) { padding-left: 30px; padding-left: var(--containerGutter) } } @media only screen and (min-width: 768px) { .contactPage>*:not(.contactPage__map) { padding-right: 30px; padding-right: var(--containerGutter) } } @media only screen and (min-width: 1024px) { .contactPage { -ms-grid-rows: auto 0 auto; grid-template-areas: "form practical-informations" "map map"; -ms-grid-columns: 1fr 0 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0 } .contactPage>*:not(.contactPage__map) { padding-right: 0; padding-left: 0 } } .contactPage__form { grid-area: form; -ms-grid-row-align: center; align-self: center } @media only screen and (min-width: 1024px) { .contactPage__form { margin-top: -webkit-calc(1.75rem + 6vw); margin-top: calc(1.75rem + 6vw); margin-bottom: -webkit-calc(1.75rem + 6vw); margin-bottom: calc(1.75rem + 6vw); margin-right: -webkit-calc(1.375rem + 1.5vw); margin-right: calc(1.375rem + 1.5vw) } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .contactPage__form { margin-top: 6.25rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .contactPage__form { margin-bottom: 6.25rem } } @media only screen and (min-width: 1024px) and (min-width: 1200px) { .contactPage__form { margin-right: 2.5rem } } .contactPage__form__header__title { font-weight: 700; font-weight: var(--fontWeightBold); font-size: -webkit-calc(1.35625rem + 1.275vw); font-size: calc(1.35625rem + 1.275vw); line-height: 1.08108; letter-spacing: 0.04em; color: #181818; color: var(--black2Color); font-family: "Optima", arial, helvetica, sans-serif } @media (min-width: 1200px) { .contactPage__form__header__title { font-size: 2.3125rem } } .contactPage__form__header__title::after { margin-top: .9375rem } @media only screen and (max-width: 767px) { .contactPage__form__header__title { line-height: 1.57143; padding-top: 1.25rem } } .contactPage__form__header__subTitle { font-size: .8125rem; color: #181818; color: var(--black2Color); line-height: 1.69231; letter-spacing: 0.09em; margin-top: 1.25rem; font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.04em } .contactPage__form__header__subTitle>*+* { margin-top: .625rem; margin-top: var(--paragraphGap, .9375rem) } @media only screen and (max-width: 767px) { .contactPage__form__header__subTitle { line-height: 1.66667 } } .contactPage__practicalInformations { grid-area: practical-informations; padding-top: -webkit-calc(1.34375rem + 1.125vw); padding-top: calc(1.34375rem + 1.125vw); padding-bottom: -webkit-calc(1.34375rem + 1.125vw); padding-bottom: calc(1.34375rem + 1.125vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #FFF; text-align: center; background: #F4F4F4; background: var(--greyColor); -webkit-box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.15) } @media (min-width: 1200px) { .contactPage__practicalInformations { padding-top: 2.1875rem } } @media (min-width: 1200px) { .contactPage__practicalInformations { padding-bottom: 2.1875rem } } .contactPage__practicalInformations svg path { fill: #181818; fill: var(--black2Color) } .contactPage__practicalInformations svg polygon { fill: #181818; fill: var(--black2Color) } .contactPage__practicalInformations svg circle { stroke: #181818; stroke: var(--black2Color) } .contactPage__practicalInformations__wrapper { width: 100%; max-width: 32.5rem; margin-right: auto; margin-left: auto } .contactPage__practicalInformations__wrapper>*>svg path { fill: #D9AE69; fill: var(--gold2Color) } .contactPage__practicalInformations__wrapper>*>svg polygon { fill: #D9AE69; fill: var(--gold2Color) } .contactPage__practicalInformations__wrapper>*+* { margin-top: 1.25rem } @media only screen and (min-width: 1024px) { .contactPage__practicalInformations__wrapper { padding-right: 15px; padding-right: var(--containerGutter); padding-left: 15px; padding-left: var(--containerGutter) } @media only screen and (min-width: 768px) { .contactPage__practicalInformations__wrapper { padding-left: 30px; padding-left: var(--containerGutter) } } @media only screen and (min-width: 768px) { .contactPage__practicalInformations__wrapper { padding-right: 30px; padding-right: var(--containerGutter) } } } .contactPage__practicalInformations__title { font-weight: 600; font-weight: var(--fontWeightSemiBold); font-family: "Poppins", arial, helvetica, sans-serif; line-height: 1.75; letter-spacing: 0.1em; text-transform: uppercase; margin-top: .4375rem; color: #181818; color: var(--black2Color); font-size: 1rem; letter-spacing: 0.02em } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__title { font-size: .75rem } .contactPage__practicalInformations__content { font-size: .8125rem; line-height: 1.53846; color: #181818; color: var(--black2Color) } .contactPage__practicalInformations__content a { padding-bottom: .0625rem; background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(5%, #000), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, #000 0%, #000 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, #000 0%, #000 5%, transparent 5.01%) no-repeat right bottom/0 100%; -webkit-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1); transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) } .contactPage__practicalInformations__content a:hover { background-size: 100% 100%; background-position: left bottom } .contactPage__practicalInformations__email a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background: -webkit-gradient(linear, left bottom, left top, from(#181818), color-stop(5%, #181818), color-stop(5.01%, transparent)) no-repeat right bottom/0 100%; background: -o-linear-gradient(bottom, #181818 0%, #181818 5%, transparent 5.01%) no-repeat right bottom/0 100%; background: linear-gradient(to top, #181818 0%, #181818 5%, transparent 5.01%) no-repeat right bottom/0 100%; -webkit-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important; -o-transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important; transition: background-size 0.35s cubic-bezier(0.42, 0, 0.58, 1) !important } @media only screen and (max-width: 767px) { .contactPage__practicalInformations__email a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.3 } } .contactPage__practicalInformations__email a:hover { background-size: 100% 100%; background-position: left bottom } .contactPage__practicalInformations__address .contactPage__practicalInformations__content a { font-size: .8125rem; font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.04em; font-family: "Poppins", arial, helvetica, sans-serif; line-height: 1.69231; color: #181818; color: var(--black2Color) } .contactPage__practicalInformations__accesses { margin-top: .3125rem } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul li { display: block; text-align: initial; font-weight: 300; font-weight: var(--fontWeightLight); font-size: .8125rem; line-height: 1.76923; color: #181818; color: var(--black2Color); font-family: "Poppins", arial, helvetica, sans-serif; letter-spacing: 0.02em } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul>li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80%; margin: 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul>li>svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.8em } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul>li>ul { margin-top: .3125rem } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul>li>ul>li+li { margin-top: .3125rem } .contactPage__practicalInformations__accesses .contactPage__practicalInformations__content>ul>li+li { margin-top: .375rem } .contactPage__practicalInformations__email .contactPage__practicalInformations__content a { font-size: .8125rem; font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.04em } .contactPage__practicalInformations__phone__usefulText { font-size: .8125rem; font-weight: 400; font-weight: var(--fontWeightRegular); letter-spacing: 0.09em; line-height: 1.69231; letter-spacing: 0.04em } @media only screen and (min-width: 1024px) { .contactPage__practicalInformations__phone__usefulText { width: 60%; margin: 0 auto } } .contactPage__practicalInformations__phone__usefulText~* { margin-top: .5rem } .contactPage__practicalInformations__phone__number a { font-size: .8125rem; font-weight: 700; font-weight: var(--fontWeightBold); letter-spacing: 0.04em } .contactPage__practicalInformations__doctolib { margin-top: 1.25rem } .contactPage__map { grid-area: map } .contactPage__map .googleMaps { height: 30rem } /* === Overrides: LES TRAITEMENTS responsive fix (only 2 breakpoints: desktop vs phone) === */ /* Scope strictly to the expertise section to avoid side effects */ /* === Overrides: LES TRAITEMENTS responsive fix (only 2 breakpoints: desktop vs phone) === */ /* Scope strictly to the expertise section to avoid side effects */ /* Phone & tablet (<= 1195px) */ @media (max-width: 1195px) { .expertise-section .expertise-container { flex-direction: column !important; gap: 24px !important; } .expertise-section .expertise-left, .expertise-section .expertise-right { width: 100% !important; max-width: 100% !important; } .expertise-section .expertise-right { min-height: 420px !important; position: relative !important; } .expertise-section .redirectTabsBlock__content__image__content { grid-template-columns: 1fr !important; height: 100% !important; align-items: stretch !important; } .expertise-section .redirectTabsBlock__content__image { width: 100% !important; } .expertise-section .redirectTabsBlock__content__image img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center center; } .expertise-section .redirectTabsBlock__content__text { margin-left: 0 !important; margin-top: -1rem; padding: 1.25rem !important; background-color: #fff !important; } .expertise-section .expertise-header { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; } .expertise-section .list-expertise li span { font-size: 0.95rem; padding: 0.8rem 1rem 0.8rem 1.5rem; } } /* Desktop (>= 1196px) */ @media (min-width: 1196px) { .expertise-section { padding: 80px 0; } .expertise-section .expertise-container { display: flex; gap: 30px; align-items: flex-start; } .expertise-section .expertise-left { max-width: 570px; } .expertise-section .expertise-right { position: relative; } .expertise-section .redirectTabsBlock__content__image__content { grid-template-columns: 1fr 0.9fr; align-items: center; } .expertise-section .redirectTabsBlock__content__text { margin-left: -1rem; } }