/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_basicfit/cartridge/client/default/scss/root/global.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** font family **/
@media only screen and (min-width: 768px) {
.show-only-mobile {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.show-only-desktop {
display: none !important;
}
}
/**
* @license
* MyFonts Webfont Build ID 3727338, 2019-03-01T05:13:29-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: ImpactURW by URW
* URL: https://www.myfonts.com/fonts/urw/impact/t/
* Copyright: Copyright 2010 URW++ Design & Development Hamburg
*
* Webfont: Argumentum-Regular by Kostic
* URL: https://www.myfonts.com/fonts/kostic/argumentum/regular/
* Copyright: Copyright (c) 2013 by Nikola & Zoran Kostic. All rights reserved.
*
*
* License: https://www.myfonts.com/viewlicense?type=web&buildid=3727338
* Licensed pageviews: 7,000,000
*
* © 2019 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/** Styleguid font faces **/
@font-face {
font-family: HeadingProTreble-Light;
src: url("../../fonts/HeadingProTreble-Light.woff2") format("woff2"), url("../../fonts/HeadingProTreble-Light.woff") format("woff"), url("../../fonts/HeadingProTreble-Light.ttf") format("ttf");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadingProTreble-Regular;
src: url("../../fonts/HeadingProTreble-Regular.woff2") format("woff2"), url("../../fonts/HeadingProTreble-Regular.woff") format("woff"), url("../../fonts/HeadingProTreble-Regular.ttf") format("ttf");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadingProTreble-ExtraBold;
src: url("../../fonts/HeadingProTreble-ExtraBold.woff2") format("woff2"), url("../../fonts/HeadingProTreble-ExtraBold.woff") format("woff"), url("../../fonts/HeadingProTreble-ExtraBold.ttf") format("ttf");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadingProTreble-Heavy;
src: url("../../fonts/HeadingProTreble-Heavy.woff2") format("woff2"), url("../../fonts/HeadingProTreble-Heavy.woff") format("woff"), url("../../fonts/HeadingProTreble-Heavy.ttf") format("ttf");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadingProDouble-Regular;
src: url("../../fonts/HeadingProDouble-Regular.woff2") format("woff2"), url("../../fonts/HeadingProDouble-Regular.woff") format("woff"), url("../../fonts/HeadingProDouble-Regular.ttf") format("ttf");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: HeadingProDouble-Light;
src: url("../../fonts/heading-pro-double-light-webfont.woff2") format("woff2"), url("../../fonts/heading-pro-double-light-webfont.woff") format("woff"), url("../../fonts/heading-pro-double-light-webfont.ttf") format("ttf");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: iconfont;
src: url("../../fonts/icons.woff") format("woff");
font-display: block;
}
/** Old project typography (deprecated): REPLACE WHEN REDESIGNING THE COMPONENTS **/
@font-face {
font-family: ImpactURW;
src: url("../../fonts/38DFEA_0_0.eot");
src: url("../../fonts/38DFEA_0_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/38DFEA_0_0.woff2") format("woff2"), url("../../fonts/38DFEA_0_0.woff") format("woff"), url("../../fonts/38DFEA_0_0.ttf") format("truetype");
}
html {
box-sizing: border-box;
height: 100%;
font-variant-ligatures: none;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
* {
box-sizing: border-box;
}
body {
-webkit-overflow-scrolling: touch;
height: 100%;
/* Apply user-select: none only when dragging */
}
body.fixed, body.items-is-open, body.show-filter.no-scroll {
position: fixed;
}
body.no-scroll {
overflow-y: hidden;
}
body.scroll-lock .custom-background {
z-index: initial;
}
body.dragging {
-webkit-user-select: none;
user-select: none;
}
body.cxco-is-mobile {
max-width: 100%;
}
body .cxco-avatar {
width: 40px;
height: 40px;
right: 10px;
bottom: 15px;
}
.translatez {
transform: translateZ(0);
}
.visually-hidden,
.hide-text,
.sr-only {
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(0 0 99.9% 99.9%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.dialog-container {
max-width: 520px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
display: none;
z-index: 13;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
position: fixed;
}
@media only screen and (max-width: 767px) {
.dialog-container {
top: 0;
left: 0;
max-width: 100%;
width: 100%;
height: 100%;
transform: translate(0, 0);
}
}
.dialog-container.open {
display: block;
}
/* loading overlay */
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.main-header-container .overlay {
z-index: 0;
}
@media only screen and (max-width: 1024px) {
.overlay.hamburger-overlay {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.overlay.search-filter-overlay {
display: block;
z-index: 10;
}
}
.overlay.dialog-overlay {
display: block;
z-index: 12;
}
.overlay.white {
background-color: rgba(255, 255, 255, 0.75);
}
.overlay.black {
background-color: rgba(20, 40, 75, 0.75);
}
.overlay.fixed {
position: fixed;
}
.overlay.loading {
z-index: 50;
}
.cookie-dialog-container {
display: none;
background: transparent;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
z-index: 13;
width: 100%;
max-width: 100%;
position: fixed;
left: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.cookie-dialog-container {
left: 0;
bottom: 0;
}
}
.cookie-dialog-container.open {
display: block;
}
.cookie-dialog-container::before {
content: "";
background: #fff;
opacity: 0.95;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.cookie-dialog-container .dialog-window {
max-width: 1920px;
padding-top: 30px;
padding-bottom: 30px;
margin: auto;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.cookie-dialog-container .dialog-window {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.cookie-dialog-container .dialog-window {
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (max-width: 1024px) {
.cookie-dialog-container .dialog-window {
padding-top: 20px;
padding-bottom: 20px;
}
}
.cookie-dialog-container .dialog-window .dialog-content {
display: flex;
justify-content: space-around;
align-items: center;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.cookie-dialog-container .dialog-window .dialog-content .text {
margin-right: 20px;
color: #6e6e6e;
font-size: 16px;
line-height: 24px;
}
.cookie-dialog-container .dialog-window .dialog-content .btn {
width: 310px;
margin-bottom: auto;
flex-shrink: 0;
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.cookie-dialog-container .dialog-window .dialog-content {
flex-direction: column;
width: auto;
}
.cookie-dialog-container .dialog-window .dialog-content .text {
margin: 0 auto 20px;
}
.cookie-dialog-container .dialog-window .dialog-content .btn {
margin-bottom: auto;
flex-shrink: 1;
max-width: 100%;
}
}
.maxcolumn {
max-width: 1920px;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.maxcolumn {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.maxcolumn {
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (max-width: 1024px) {
.main {
padding-bottom: 50px;
}
.pt_storefront .main, .pt_customer-service .main, .pt_product-search-result .main, .pt_store-locator .main {
padding-bottom: 0;
}
}
.space-below-s {
margin-bottom: 25px;
}
.space-below-m {
margin-bottom: 50px;
}
.space-below-l {
margin-bottom: 75px;
}
.space-below-xl {
margin-bottom: 100px;
}
.space-above-s {
margin-top: 25px;
}
.space-above-m {
margin-top: 50px;
}
.space-above-l {
margin-top: 75px;
}
.space-above-xl {
margin-top: 100px;
}
.display-none {
display: none !important;
}
@media only screen and (min-width: 768px) {
.display-mobile-only {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.hide-mobile {
display: none !important;
}
}
@media only screen and (min-width: 1025px) {
.display-mobile-tablet,
.hide-desktop {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.hide-mobile-tablet {
display: none !important;
}
}
.ie11-only {
display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ie11-only {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.stop-scrolling-on-touch {
position: relative;
overflow: hidden;
touch-action: none;
}
}
.stop-scrolling-on-touch .main-header {
z-index: 50 !important;
}
.strike-through-price {
text-decoration: line-through;
}
.swiper-initialized {
cursor: grab;
}
.swiper-initialized:active {
cursor: grabbing;
}
.page-designer-reference {
overflow: clip;
}
.custom-order .col-12 {
display: flex;
flex-direction: column;
}
.custom-order .experience-layouts-accordionsblock,
.custom-order .experience-layouts-tableblock,
.custom-order .experience-layouts-professionalblock,
.custom-order .experience-layouts-allinbenefitsblock,
.custom-order .experience-layouts-allinbenefitsdynamicblock,
.custom-order .experience-layouts-allinjobblock,
.custom-order .experience-layouts-allinmembershipsteps,
.custom-order .experience-layouts-benefitslayout,
.custom-order .experience-layouts-contentclubtiles,
.custom-order .experience-layouts-exploretoolsblock,
.custom-order .experience-layouts-form,
.custom-order .experience-layouts-jobspillarsblock,
.custom-order .experience-layouts-membershipblock,
.custom-order .experience-layouts-orangefamilylayout,
.custom-order .experience-layouts-relatedarticleblock,
.custom-order .experience-layouts-uspblock,
.custom-order .experience-layouts-workatlayout,
.custom-order .experience-layouts-yourjourneylayout,
.custom-order .experience-assets-contenttextimage,
.custom-order .experience-assets-contentwrapper,
.custom-order .experience-assets-descriptionblock,
.custom-order .experience-assets-extralinks,
.custom-order .experience-assets-headlinebanner,
.custom-order .experience-assets-jobspromobanner,
.custom-order .experience-assets-membershipcomparisonarticleblock,
.custom-order .experience-assets-membershipcomparisonblock,
.custom-order .experience-assets-promobanner,
.custom-order .experience-assets-singleimagecomponent,
.custom-order .experience-assets-textblock,
.custom-order .experience-assets-videoblock,
.custom-order .experience-assets-contentpageherobanner,
.custom-order .experience-assets-maphero,
.custom-order .experience-allinwebsitelayout-allinaccordions,
.custom-order .experience-allinwebsitelayout-allinfaq,
.custom-order .experience-allinwebsitelayout-allinsmartbike,
.custom-order .experience-allinwebsitelayout-allinthreetile,
.custom-order .experience-allinwebsitelayout-allintrainersblock,
.custom-order .experience-allinwebsitelayout-allinworkouts,
.custom-order .experience-allinwebsiteassets-allin360bike,
.custom-order .experience-allinwebsiteassets-allin3tiles,
.custom-order .experience-allinwebsiteassets-allinappstorelinksandimg,
.custom-order .experience-allinwebsiteassets-allinclubfacilities,
.custom-order .experience-allinwebsiteassets-allinclubmap,
.custom-order .experience-allinwebsiteassets-allinfreegym,
.custom-order .experience-allinwebsiteassets-allintextimagebanner,
.custom-order .experience-homepageredesignassets-layouts-background,
.custom-order .experience-homepageredesignassets-assets-hpusptile,
.custom-order .experience-homepageredesignassets-layouts-clubfinder,
.custom-order .experience-homepageredesignassets-layouts-campaignlayout,
.custom-order .experience-homepageredesignassets-assets-imagetext,
.custom-order .experience-homepageredesignassets-assets-hpblogtiles,
.custom-order .experience-homepageredesignassets-layouts-testimonials,
.custom-order .experience-homepageredesignassets-assets-hphighlightedclubs,
.custom-order .experience-homepageredesignassets-layouts-cities,
.custom-order .experience-campaign-assets-herocampaignbanner,
.custom-order .experience-campaign-layouts-socialprooftiles,
.custom-order .experience-campaign-layouts-membership {
order: 100;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
@media only screen and (max-width: 767px) {
/* CSS specific to iOS devices */
/* Target all iOS devices */
@supports (-webkit-touch-callout: none) {
input[type=date]:empty::before {
color: black;
content: attr(placeholder);
}
}
}
:focus {
outline: 2px dashed #2d2d2d;
outline-offset: 2px;
}
:focus:not(:focus-visible) {
outline: none;
/* Remove outline for mouse clicks */
}
.mouse-navigation :focus,
.mouse-navigation :focus-visible {
outline: none;
}
.swiper-notification {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-to-main-link {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
line-height: 100%;
text-transform: uppercase;
background-color: #fff;
color: #6131ad;
border: 1px solid #6131ad;
padding: 8px 24px;
justify-content: center;
align-items: center;
height: 36px;
font-size: 14px;
position: fixed;
top: 45px;
left: 16px;
display: inline-flex;
z-index: -1;
}
@media only screen and (min-width: 768px) {
.skip-to-main-link {
top: 50px;
}
}
@media only screen and (min-width: 901px) {
.skip-to-main-link {
left: 40px;
}
}
@media only screen and (min-width: 1280px) {
.skip-to-main-link {
top: 56px;
height: 48px;
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) {
.skip-to-main-link {
left: calc(50vw - var(--scrollbar-width) - 670px);
}
}
.skip-to-main-link:hover {
color: #ad8edf;
border-color: #ad8edf;
}
.skip-to-main-link:focus {
z-index: 50;
outline: 2px dashed #2d2d2d !important;
outline-offset: 2px;
}
/* =============================================================================
Buttons
========================================================================== */
/** Styleguide buttons **/
.btn {
border: 0;
cursor: pointer;
display: inline-block;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 100%;
padding: 12px 24px;
height: 48px;
min-width: 128px;
max-width: 343px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
text-transform: uppercase;
transition: background-color 300ms;
/** Old project buttons (deprecated): DON'T use in case of creating new components (LORE 19/Dec/23 BF-3226) **/
}
@media only screen and (max-width: 550px) {
.btn {
width: 100%;
max-width: 550px;
}
}
.btn::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
margin-left: -0.5ch;
}
.btn.disabled, .btn:disabled, .btn[disabled=disabled] {
background-color: #bdbdbd;
border-color: #bdbdbd;
cursor: not-allowed;
pointer-events: none;
}
.btn.disabled:hover, .btn:disabled:hover, .btn[disabled=disabled]:hover {
background-color: #bdbdbd;
border-color: #bdbdbd;
}
.btn.btn--small {
padding: 8px;
height: 36px;
}
.btn.btn--full {
width: 100%;
max-width: none;
}
.btn.purple {
background-color: #7322c9;
color: #fff;
}
.btn.purple:hover, .btn.purple:active {
background-color: #d2a8ff;
}
.btn.white {
background-color: #fff;
color: #7322c9;
}
.btn.white:hover, .btn.white:active {
background-color: #7322c9;
color: #fff;
}
.btn.outlined {
background-color: #fff;
border: 2px solid #313136;
color: #313136;
}
.btn.outlined:hover, .btn.outlined:active {
background-color: #fe7000;
border-color: #fe7000;
color: #fff;
}
.btn--primary {
background-color: #fe7000;
color: #fff;
}
@media only screen and (min-width: 1400px) {
.btn--primary:hover {
background-color: #ffac6a;
color: #fff;
}
}
.btn--primary:active {
background-color: #c65824;
}
.btn--secondary {
background-color: #6131ad;
color: #fff;
}
@media only screen and (min-width: 1400px) {
.btn--secondary:hover {
background-color: #ad8edf;
color: #fff;
}
}
.btn--secondary:active {
background-color: #5d3197;
}
.btn--outlined {
border: 1px solid #6131ad;
color: #6131ad;
}
@media (hover: hover) and (pointer: fine) {
.btn--outlined:hover {
border-color: #ad8edf;
color: #ad8edf;
}
}
.btn--link {
background-color: transparent;
border: 0;
color: #6131ad;
font-size: 12px;
line-height: 16px;
padding: 0;
text-decoration: underline;
text-transform: none;
}
.btn--link:hover {
text-decoration: none;
}
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled],
select[disabled] {
cursor: not-allowed;
}
input {
line-height: normal;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
appearance: textfield; /* 1 */
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
fieldset .intro {
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
color: #6e6e6e;
}
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
textarea {
overflow: auto;
width: 100%;
min-height: 96px;
line-height: 34px;
}
select::-ms-expand {
display: none;
}
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
textarea,
select {
width: 100%;
height: 52px;
padding: 10px 0 0 16px;
border: 1px solid #2d2d2d;
border-radius: 0;
background-color: #fff;
color: #313136;
font-size: 18px;
line-height: 22px;
-webkit-appearance: none;
appearance: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
textarea.error,
textarea.is-invalid,
select.error,
select.is-invalid {
border-color: #ce0000;
background-color: #ffecec;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
select::placeholder {
color: #747490;
opacity: 1;
}
input[type=text]:input-placeholder,
input[type=number]:input-placeholder,
input[type=tel]:input-placeholder,
input[type=email]:input-placeholder,
input[type=password]:input-placeholder,
input[type=search]:input-placeholder,
textarea:input-placeholder,
select:input-placeholder {
color: #747490;
}
input[type=date] {
border-radius: 0;
background-color: #fff;
box-shadow: 1px 1px 0 0 #d5d5d5;
font-size: 18px;
line-height: 22px;
height: 52px;
border: 2px solid #fff;
color: #313136;
padding: 16px;
width: 600px;
max-width: 100%;
}
input[type=date].error, input[type=date].is-invalid {
border-color: #ce0000;
background-color: #ffecec;
}
input[type=date]:placeholder {
/* Microsoft Edge */
color: #747490;
}
.select-wrap {
display: inline-block;
position: relative;
}
.select-wrap select {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.select-wrap::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F107";
display: inline-block;
font-size: 12px;
margin: 0 0 0 3px;
color: inherit;
vertical-align: middle;
position: absolute;
right: 0;
top: 6px;
pointer-events: none;
}
.select-wrap--fullwidth {
display: block;
width: 100%;
}
.select-wrap--fullwidth::after {
top: 50%;
right: 16px;
transform: translate(0, -50%);
}
.select-wrap--fullwidth select {
padding-top: 0;
}
.invalid-feedback:empty {
margin-top: 0;
}
.btn-row .invalid-feedback {
color: #ce0000;
margin-top: 8px;
}
.btn-row .invalid-feedback:empty {
margin-top: 0;
}
.invalid-check-feedback {
display: block;
color: #ce0000;
padding-top: 5px;
font-size: 13px;
}
.input-row {
margin-bottom: 15px;
}
.input-row.is-invalid,
.input-row .invalid-feedback,
.input-row .interval-error,
.input-row .invalid-feedback-iban {
color: #ce0000;
}
.input-row .sub-text,
.input-row .invalid-feedback,
.input-row .invalid-feedback-iban,
.input-row .interval-error {
font-size: 13px;
line-height: 16px;
margin-top: 8px;
}
.input-row .sub-text:empty,
.input-row .invalid-feedback:empty,
.input-row .invalid-feedback-iban:empty,
.input-row .interval-error:empty {
margin-top: 0;
}
.input-row .invalid-feedback-iban {
display: none;
}
.text-input-row {
position: relative;
margin-bottom: 15px;
color: #747490;
}
.text-input-row .form-control-label {
display: inline-block;
margin-bottom: 5px;
letter-spacing: 0;
white-space: nowrap;
left: 19px;
position: absolute;
top: 16px;
transition: all 0.25s ease-in-out;
z-index: 1;
line-height: normal;
color: inherit;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.text-input-row .form-control-label {
font-size: 16px;
}
}
.text-input-row .form-control-label.label-safari-date {
display: none;
}
@supports (-webkit-touch-callout: none) {
.text-input-row .form-control-label.label-safari-date {
display: block;
}
}
.text-input-row .form-control-label:not(.text-input-row .form-control-label.tooltp) {
pointer-events: none;
}
.text-input-row .form-group.required .form-control-label .optional {
display: none;
}
.text-input-row .form-group.iban-input .form-control.is-invalid {
font-size: 18px;
}
.text-input-row.focus .form-control-label {
font-size: 12px;
top: 10px;
}
.text-input-row .optional {
font-weight: 400;
}
.flex-row {
display: flex;
}
.flex-row > div {
margin-right: 20px;
}
.flex-row > div:last-child {
margin-right: 0;
}
.flex-row .col-50 {
width: calc(50% - 10px);
}
.flex-row .radio-row {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.flex-row-desktop {
display: flex;
}
.flex-row-desktop > div {
margin-right: 20px;
}
.flex-row-desktop > div:last-child {
margin-right: 0;
}
.flex-row-desktop .col-50 {
width: calc(50% - 10px);
}
.flex-row-desktop .col-30 {
width: calc(33.33% - 10px);
}
}
.checkbox-row,
.radio-row {
position: relative;
z-index: 2;
margin-bottom: 15px;
font-size: 18px;
line-height: 22px;
min-height: 56px;
color: inherit;
}
.checkbox-row.error, .is-invalid .checkbox-row,
.radio-row.error,
.is-invalid .radio-row {
border-color: #ce0000;
background-color: #ffecec;
}
.checkbox-row.selected,
.radio-row.selected {
border-color: #fe7000;
}
.checkbox-row .form-check-label,
.radio-row .form-check-label {
cursor: pointer;
display: flex;
padding: 16px;
font-size: 14px;
}
.checkbox-row .form-group,
.radio-row .form-group {
width: 100%;
}
.checkbox-row .form-group .form-control-label,
.radio-row .form-group .form-control-label {
cursor: pointer;
flex-shrink: 1;
width: calc(100% - 25px);
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=checkbox] + .row-selector,
input[type=radio] + .row-selector {
position: absolute;
z-index: -1;
display: block;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border: 2px solid transparent;
}
input[type=checkbox]:checked + .row-selector,
input[type=radio]:checked + .row-selector {
border-color: #fe7000;
}
.checkbox-row .form-group {
background-color: #fff;
border: 2px solid #fff;
}
.checkbox-row .checkbox {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
min-width: 20px;
width: 20px;
height: 20px;
margin: 1px 10px 0 0;
}
.checkbox-row .checkbox::before, .checkbox-row .checkbox::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.checkbox-row .checkbox::before {
position: relative;
border: 2px solid #2d2d2d;
background: #fff;
top: 0;
left: 0;
}
.checkbox-row input[type=checkbox] {
visibility: hidden;
width: 0;
height: 0;
position: absolute;
z-index: -1;
}
.checkbox-row input[type=checkbox]:checked ~ .form-check-label .checkbox::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F105";
color: #fe7000;
display: inline-block;
font-size: 11px;
top: -1px;
left: 3px;
}
.radio-row {
background-color: #fff;
border: 2px solid #fff;
}
.radio-row .radio {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 16px;
height: 16px;
margin: -3px 5px 0 0;
}
.radio-row .radio::before, .radio-row .radio::after {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
}
.radio-row .radio::before {
position: relative;
border: 2px solid #2d2d2d;
background: #fff;
border-radius: 16px;
}
.radio-row .radio + .label {
display: inline-block;
}
.radio-row input[type=radio] {
visibility: hidden;
width: 0;
height: 0;
position: absolute;
z-index: -1;
}
.radio-row input[type=radio] ~ .form-check-label .label-row {
display: flex;
align-items: center;
min-height: 30px;
}
.radio-row input[type=radio] ~ .form-check-label .price {
flex-grow: 1;
text-align: right;
display: flex;
justify-content: flex-end;
}
.radio-row input[type=radio]:checked ~ .form-check-label .radio::after {
width: 8px;
height: 8px;
border-radius: 8px;
top: 4px;
left: 4px;
background-color: #fe7000;
}
.radio-row input[type=radio]:checked ~ .form-check-label .description {
display: block;
position: relative;
margin: 5px 0 20px 25px;
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.radio-row input[type=radio]:checked ~ .form-check-label .description {
font-size: 16px;
}
}
.radio-row input[type=radio]:checked ~ .form-check-label .description .price {
font-weight: bold;
position: absolute;
right: 0;
bottom: -20px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.radio-row input[type=radio]:checked ~ .form-check-label .description .price {
font-size: 16px;
}
}
.logged-info {
font-size: 12px;
}
.embassador {
max-width: 1440px;
margin: 30px auto;
padding-left: 20px;
padding-right: 20px;
}
.embassador .form {
display: flex;
flex-wrap: wrap;
}
.embassador .form label {
display: table;
font-size: 20px;
font-family: "HeadingProTreble-Regular", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.embassador .form label {
width: 100%;
table-layout: fixed;
overflow: hidden;
white-space: nowrap;
}
}
.embassador .form input,
.embassador .form textarea {
border-color: #c5c5c5;
}
.embassador .form .w-50 {
width: 100%;
}
@media only screen and (min-width: 768px) {
.embassador .form .w-50 {
width: calc(50% - 32px);
margin-right: 32px;
}
}
@media only screen and (min-width: 768px) {
.embassador .form .w-50.even {
width: 50%;
margin-right: 0;
}
}
.embassador .form .w-100 {
width: 100%;
}
.embassador .form__heading {
width: 100%;
margin-bottom: 35px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 24px;
color: #fe7000;
text-transform: capitalize;
}
.embassador .form__heading--black {
color: #313136;
}
.embassador .form__description {
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.embassador .form__description {
margin-bottom: 35px;
}
}
.embassador .form__group {
width: 100%;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.embassador .form__group {
margin-bottom: 38px;
}
}
.embassador .form__group--submit {
width: 100%;
}
.embassador .submit-success-wrap,
.embassador .submit-error-wrap {
font-size: 23px;
width: 100%;
font-weight: bold;
padding: 30px 0;
display: none;
}
.embassador .submit-success-wrap.visible,
.embassador .submit-error-wrap.visible {
display: block;
}
.embassador .submit-success-wrap {
color: #7322c9;
}
.embassador .submit-error-wrap {
color: #ce0000;
}
.embassador .submit-error-wrap p {
font-size: 16px;
text-align: left;
}
.content-form-wrap {
max-width: 800px;
margin: 0 auto;
padding: 35px 15px;
}
.content-form-wrap .content-form {
padding-top: 20px;
}
.content-form-wrap .form-wrap {
position: relative;
}
.content-form-wrap .submit-success-wrap,
.content-form-wrap .submit-error-wrap {
font-size: 23px;
width: 100%;
font-weight: bold;
text-align: center;
padding: 30px 0;
display: none;
}
.content-form-wrap .submit-success-wrap.visible,
.content-form-wrap .submit-error-wrap.visible {
display: block;
}
.content-form-wrap .submit-success-wrap {
color: #7322c9;
}
.content-form-wrap .submit-error-wrap {
color: #ce0000;
}
.content-form-wrap .submit-error-wrap p {
font-size: 16px;
text-align: left;
}
.content-form-wrap .form-group {
align-items: center;
display: flex;
}
.content-form-wrap .text-input-row .form-control-label {
color: #313136;
font-weight: bold;
position: unset;
white-space: unset;
}
@media only screen and (min-width: 541px) {
.content-form-wrap .text-input-row .form-control-label {
flex: 0 0 20%;
}
}
.content-form-wrap input[type=date] {
width: 100%;
}
.content-form-wrap input[type=checkbox] {
order: -1;
margin-right: 20px;
}
.email-container,
.emailconfirm-container {
position: relative;
}
.auto-complete-email-list {
border: 1px solid #d8d8d8;
background-color: #fff;
border-radius: 0 0 4px 4px;
box-shadow: 2px 8px 8px 0 rgba(0, 0, 0, 0.12);
position: absolute;
top: 45px;
width: 100%;
z-index: 2;
}
.auto-complete-email-list button {
background-color: transparent;
color: #6131ad;
width: 100%;
padding: 12px 16px;
border: 0;
text-align: left;
}
@media (hover: hover) and (pointer: fine) {
.auto-complete-email-list button:hover {
background-color: #6131ad;
color: #fff;
}
}
.is-email-validation-invalid {
border-color: #fe7000 !important;
margin-bottom: 8px;
}
.is-email-validation-invalid ~ .invalid-email-validation-feedback:not(:empty) {
position: relative;
background-color: #ffe7d3;
padding: 12px 16px 12px 22px;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 13px;
line-height: 18px;
color: #2d2d2d;
}
.is-email-validation-invalid ~ .invalid-email-validation-feedback:not(:empty)::before {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 14px;
content: "!";
width: 22px;
height: 22px;
border-radius: 22px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fe7000;
color: #fff;
position: absolute;
top: calc(50% - 11px);
left: -8px;
}
/* =============================================================================
Links
========================================================================== */
/** Styleguide links **/
a {
color: #2d2d2d;
cursor: pointer;
font-size: 20px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
/* Links with chevron */
}
a.chevron-before {
font-size: 16px;
line-height: 28px;
text-transform: none;
}
a.chevron-before::before {
content: "\F10A";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
display: inline-block;
font-size: 0.85em;
line-height: 1;
margin-right: 5px;
transform: translate3d(0, 2px, 0);
}
.arrow-after {
align-items: center;
display: inline-flex;
font-size: 16px;
line-height: 28px;
overflow: hidden;
position: relative;
text-transform: none;
}
.arrow-after::before {
background-color: #fe7000;
bottom: 0;
content: "";
display: block;
height: 2px;
left: -100%;
opacity: 0;
position: absolute;
transition: all 300ms;
width: 100%;
}
.arrow-after::after {
content: "\F103";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
color: #fe7000;
display: inline-block;
font-size: 0.85em;
line-height: 1;
margin-left: 5px;
transform: rotate(45deg);
vertical-align: middle;
}
.arrow-after:hover::before {
left: 0;
opacity: 1;
}
.arrow-after--orange::after {
color: #fe7000;
}
.arrow-after--black::after {
color: #2d2d2d;
}
.arrow-after--white::after {
color: #fff;
}
.read-more {
color: #6131ad;
font-size: 16px;
line-height: 28px;
text-decoration: underline;
text-transform: none;
}
/* =============================================================================
Typography
========================================================================== */
/** Styleguid typography **/
body {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
background-color: #fff;
color: #2d2d2d;
}
body.body-bold {
font-weight: bold;
}
body.popup-overlay {
overflow-y: hidden;
}
body.popup-overlay::before {
content: "";
background-color: #313136;
opacity: 0.45;
width: 100%;
height: 1000%;
position: absolute;
top: 0;
left: 0;
bottom: 100%;
z-index: 42;
}
@media only screen and (min-width: 768px) {
body.popup-overlay::before {
bottom: auto;
}
}
.paragraph {
font-size: 20px;
line-height: 32px;
}
.paragraph-small,
p {
margin-top: 0;
font-size: 16px;
line-height: 28px;
}
.paragraph,
.paragraph-small,
p {
font-family: "HeadingProDouble-Regular", sans-serif;
}
.label {
font-size: 13px;
line-height: 28px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.label,
.main-title {
margin-top: 0;
font-family: "HeadingProTreble-Heavy", sans-serif;
text-transform: uppercase;
}
.main-title {
font-size: 32px;
line-height: 36px;
}
@media only screen and (min-width: 1025px) {
.main-title {
font-size: 48px;
line-height: 52px;
}
}
.main-title .title-opposite {
color: #fff;
text-shadow: -1px -1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, 1px 1px 0 #2d2d2d;
}
.main-title .title-opposite--gray {
color: #efefef;
text-shadow: -1px -1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, 1px 1px 0 #2d2d2d;
}
h1 .h1 {
font-size: 72px;
line-height: 74px;
}
h2 .h2 {
font-size: 56px;
line-height: 58px;
}
h3 .h3 {
font-size: 48px;
line-height: 50px;
}
h4 .h4 {
font-size: 32px;
line-height: 36px;
}
h5 .h5 {
font-size: 24px;
line-height: 28px;
}
h6 .h6 {
font-size: 20px;
line-height: 24px;
}
.h7 {
font-weight: 500;
}
/** Old project typography (deprecated): DON'T use in case of creating new components **/
strong,
b,
.strong,
.bold {
font-weight: bold;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
blockquote::before, blockquote::after {
content: "\201C";
display: inline-block;
}
blockquote p {
display: inline-block;
}
ul,
ol {
padding-left: 0;
margin: 0;
list-style: none;
}
.checkmark-list li {
line-height: 1.3;
margin-bottom: 5px;
padding-left: 24px;
position: relative;
}
.checkmark-list li::before {
border-style: solid;
border-width: 3px 3px 0 0;
color: #fe7000;
content: "";
display: inline-block;
height: 7px;
left: 0;
position: absolute;
top: 4px;
transform: rotate(135deg);
width: 14px;
}
address,
.address,
.address-layout {
font-style: normal;
}
address .details,
.address .details,
.address-layout .details {
color: #6e6e6e;
font-size: 16px;
}
address .details > div,
.address .details > div,
.address-layout .details > div {
display: flex;
margin: 0 0 7px;
}
address .details > div span,
.address .details > div span,
.address-layout .details > div span {
width: 50%;
}
.rich-text p {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0 0 12px;
}
.rich-text ul,
.rich-text ol {
margin: revert;
list-style: revert;
padding-left: 20px;
}
.rich-text a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: underline;
}
.rich-text a:hover {
text-decoration: none;
}
.rich-text a.btn {
text-decoration: none;
text-transform: uppercase;
font-size: initial;
}
.rich-text img {
max-width: 100%;
}
.rich-text table {
width: 100%;
margin: 0 0 12px;
}
.rich-text table td:last-child {
text-align: right;
white-space: nowrap;
}
.veil {
position: absolute;
z-index: 100;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.veil .underlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.spinner {
width: 20px;
height: 20px;
text-align: center;
animation: sk-rotate 2s infinite linear;
position: absolute;
top: 50%;
left: 50%;
margin-top: 10px;
margin-left: 10px;
}
.dot1,
.dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
animation: sk-bounce 2s infinite ease-in-out;
}
.dot2 {
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.bottom-pagination {
padding: 16px;
}
.bottom-pagination .pagination-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.bottom-pagination .pagination-button {
width: 45px;
height: 45px;
border: 1px solid #fe7000;
color: #fe7000;
display: inline-block;
padding: 12px;
margin-right: 16px;
font-size: 18px;
line-height: 20px;
text-align: center;
}
.bottom-pagination .pagination-button span {
color: #fe7000;
}
.bottom-pagination .pagination-button.active {
background: #fe7000;
pointer-events: none;
}
.bottom-pagination .pagination-button.active span {
color: #fff;
}
.bottom-pagination .pagination-dots {
font-size: 34px;
display: inline-block;
vertical-align: middle;
margin: 0 8px -28px -6px;
color: #fe7000;
}
.bottom-pagination .pagination-link {
display: inline-block;
width: 18px;
height: 18px;
border: none;
padding: 0;
vertical-align: middle;
cursor: pointer;
}
.bottom-pagination .pagination-link span {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.bottom-pagination .pagination-link span::before, .bottom-pagination .pagination-link span::after {
content: "";
position: absolute;
background: #fe7000;
width: 10px;
height: 2px;
left: 2px;
}
.bottom-pagination .pagination-link.prev-page {
margin-right: 12px;
}
.bottom-pagination .pagination-link.prev-page span::before {
top: 5px;
transform: rotate(-45deg);
}
.bottom-pagination .pagination-link.prev-page span::after {
top: 11px;
transform: rotate(45deg);
}
.bottom-pagination .pagination-link.next-page span::before {
top: 11px;
transform: rotate(-45deg);
}
.bottom-pagination .pagination-link.next-page span::after {
top: 5px;
transform: rotate(45deg);
}
.bottom-pagination .pagination-link.disabled {
opacity: 0.35;
pointer-events: none;
}
@media only screen and (min-width: 1025px) {
.bottom-pagination {
padding: 20px;
}
}
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
.loading {
position: relative;
}
.loader {
background-color: rgba(255, 255, 255, 0.7);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
line-height: 0;
z-index: 50;
}
.loader svg {
max-width: 160px;
animation: flickerAnimation 1s infinite;
position: absolute;
}
body > .loader {
position: fixed;
}
.flag-icon {
display: inline-block;
vertical-align: middle;
background-size: cover;
width: 20px;
height: 15px;
}
.flag-icon-gb,
.flag-icon-en {
background-image: url("../../fonts/flags//4x3/gb.svg");
}
.flag-icon-nl {
background-image: url("../../fonts/flags//4x3/nl.svg");
}
.flag-icon-fr {
background-image: url("../../fonts/flags//4x3/fr.svg");
}
.flag-icon-be {
background-image: url("../../fonts/flags//4x3/be.svg");
}
.flag-icon-lu {
background-image: url("../../fonts/flags//4x3/lu.svg");
}
.flag-icon-es {
background-image: url("../../fonts/flags//4x3/es.svg");
}
.flag-icon-de {
background-image: url("../../fonts/flags//4x3/de.svg");
}
/**
* Swiper 11.2.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 3, 2025
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* ----------------------------------------------------------- */
/* == tingle v0.15.2 */
/* ----------------------------------------------------------- */
.tingle-modal * {
box-sizing: border-box;
}
.tingle-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: flex;
visibility: hidden;
flex-direction: column;
align-items: center;
overflow: hidden;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
text-align: center;
}
/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
cursor: default;
}
.tingle-modal--noClose .tingle-modal__close {
display: none;
}
.tingle-modal__close {
position: fixed;
top: 2.5rem;
right: 2.5rem;
z-index: 1000;
padding: 0;
width: 2rem;
height: 2rem;
border: none;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.tingle-modal__close svg * {
fill: currentColor;
}
.tingle-modal__closeLabel {
display: none;
}
.tingle-modal__close:hover {
color: #fff;
}
.tingle-modal-box {
position: relative;
flex-shrink: 0;
margin-top: auto;
margin-bottom: auto;
width: 60%;
border-radius: 4px;
background: #fff;
opacity: 1;
cursor: auto;
will-change: transform, opacity;
}
.tingle-modal-box__content {
padding: 3rem 3rem;
}
.tingle-modal-box__footer {
padding: 1.5rem 2rem;
width: auto;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #f5f5f5;
cursor: auto;
}
.tingle-modal-box__footer::after {
display: table;
clear: both;
content: "";
}
.tingle-modal-box__footer--sticky {
position: fixed;
bottom: -200px; /* TODO : find a better way */
z-index: 10001;
opacity: 1;
transition: bottom 0.3s ease-in-out 0.3s;
}
/* state
-------------------------------------------------------------- */
.tingle-enabled {
position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
.tingle-modal--visible .tingle-modal-box__footer {
bottom: 0;
}
.tingle-enabled .tingle-content-wrapper {
filter: blur(8px);
}
.tingle-modal--visible {
visibility: visible;
opacity: 1;
}
.tingle-modal--visible .tingle-modal-box {
animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh;
}
/* btn
-------------------------------------------------------------- */
.tingle-btn {
display: inline-block;
margin: 0 0.5rem;
padding: 1rem 2rem;
border: none;
background-color: grey;
box-shadow: none;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: inherit;
font-family: inherit;
line-height: normal;
cursor: pointer;
transition: background-color 0.4s ease;
}
.tingle-btn--primary {
background-color: #3498db;
}
.tingle-btn--danger {
background-color: #e74c3c;
}
.tingle-btn--default {
background-color: #34495e;
}
.tingle-btn--pull-left {
float: left;
}
.tingle-btn--pull-right {
float: right;
}
/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
.tingle-modal {
top: 0px;
display: block;
padding-top: 60px;
width: 100%;
}
.tingle-modal-box {
width: auto;
border-radius: 0;
}
.tingle-modal-box__content {
overflow-y: scroll;
}
.tingle-modal--noClose {
top: 0;
}
.tingle-modal--noOverlayClose {
padding-top: 0;
}
.tingle-modal-box__footer .tingle-btn {
display: block;
float: none;
margin-bottom: 1rem;
width: 100%;
}
.tingle-modal__close {
top: 0;
right: 0;
left: 0;
display: block;
width: 100%;
height: 60px;
border: none;
background-color: #2c3e50;
box-shadow: none;
color: #fff;
}
.tingle-modal__closeLabel {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.tingle-modal__closeIcon {
display: inline-block;
margin-right: 0.8rem;
width: 1.6rem;
vertical-align: middle;
font-size: 0;
}
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
.tingle-modal:before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
pointer-events: none;
}
.tingle-enabled .tingle-content-wrapper {
filter: none;
}
}
/* animations
-------------------------------------------------------------- */
@keyframes scale {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.modal-wrapper {
background-color: rgba(49, 49, 54, 0.6);
}
.modal-wrapper .tingle-modal__close {
text-align: right;
}
@media only screen and (min-width: 541px) {
.modal-wrapper .tingle-modal__close {
width: 1em;
height: 1em;
}
}
.modal-wrapper .tingle-modal-box {
border-radius: 0;
}
@media only screen and (min-width: 1025px) {
.modal-wrapper .tingle-modal-box {
width: 76%;
max-width: 1280px;
}
}
@media only screen and (min-width: 541px) {
.modal-wrapper .tingle-modal-box {
width: 90%;
}
}
.modal-wrapper .tingle-modal-box__content {
padding: 2em;
}
.modal-wrapper--video .tingle-modal-box {
background-color: transparent;
}
.modal-wrapper--video .tingle-modal-box__content {
position: relative;
padding: 56.25% 0 0;
overflow-y: auto;
}
.modal-wrapper--video .tingle-modal-box__content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.article-tile {
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.article-tile {
flex-direction: row;
padding: 10px 0;
box-shadow: 0 0 0 0 transparent;
border-bottom: 1px solid #ece9e8;
}
.article-tile:first-child {
padding-top: 0;
}
.article-tile::before, .article-tile::after {
content: none;
}
}
.article-tile .title {
font-family: "ImpactURW", sans-serif;
text-transform: uppercase;
font-size: 24px;
line-height: 28px;
margin: 0 0 8px;
}
@media only screen and (max-width: 767px) {
.article-tile .title {
font-size: 16px;
font-weight: bold;
line-height: 23px;
text-transform: none;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.article-tile .image {
width: 33%;
flex-shrink: 0;
}
.article-tile .image .image-cutoff {
display: none;
}
}
.article-tile .properties {
display: flex;
flex-direction: column;
flex-grow: 1;
}
@media only screen and (max-width: 767px) {
.article-tile .properties {
flex-direction: row;
padding: 0 0 0 16px;
}
}
.article-tile .properties .synopsis-wrapper {
display: flex;
justify-content: space-between;
flex-grow: 1;
}
@media only screen and (max-width: 767px) {
.article-tile .properties .synopsis-wrapper {
justify-content: flex-end;
}
}
.article-tile .properties .synopsis-wrapper .arrow-right {
display: block;
padding-right: 24px;
position: relative;
}
.article-tile .properties .synopsis-wrapper .arrow-right::before {
position: absolute;
right: 0;
bottom: 0;
}
.article-tile .properties .synopsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
.article-tile .properties .label-wrapper,
.article-tile .properties .synopsis {
display: none;
}
}
.article-tile .image-wrapper {
display: none;
}
@media only screen and (min-width: 768px) {
.articles-wrapper:not(.double-tile) .article-tile .image-wrapper.desktop-normal {
display: block;
}
}
@media only screen and (max-width: 767px) {
.articles-wrapper:not(.double-tile) .article-tile .image-wrapper.mobile-normal {
display: block;
width: 33%;
flex-shrink: 0;
}
.articles-wrapper:not(.double-tile) .article-tile .image-wrapper.mobile-normal .image {
width: 100%;
flex-shrink: 0;
}
}
@media only screen and (min-width: 768px) {
.double-tile .article-tile .image-wrapper.desktop-large {
display: block;
}
}
@media only screen and (max-width: 767px) {
.double-tile .article-tile .image-wrapper.mobile-large {
display: block;
}
}
.club-tile .properties {
text-transform: none;
}
.club-tile .properties .city {
font-size: 13px;
line-height: 28px;
}
.club-tile .properties .city::before {
content: "";
background: url("../../img/svg/location.svg") no-repeat;
width: 13px;
height: 20px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin-right: 4px;
}
.club-tile .properties .street {
font-size: 20px;
line-height: 26px;
margin-bottom: 6px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
}
.club-tile .properties .title {
text-transform: none;
}
.club-tile.half-screen-tile {
width: 48%;
margin-right: 15px;
}
.club-tile.half-screen-tile:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.club-tile.half-screen-tile {
width: 100%;
margin: 0 0 20px;
}
}
.club-tile,
.article-tile {
position: relative;
overflow: visible;
}
@media only screen and (min-width: 768px) {
.club-tile.large .image::before,
.article-tile.large .image::before {
padding-top: 56.25%;
}
}
.club-tile .image,
.article-tile .image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
height: 244px;
}
@media only screen and (min-width: 768px) {
.club-tile .image,
.article-tile .image {
height: 295px;
}
}
.club-tile .image::before,
.article-tile .image::before {
content: "";
display: block;
padding-top: 66.6666666667%;
width: 100%;
}
.club-tile .image__new-club, .club-tile .image__upcoming-club,
.article-tile .image__new-club,
.article-tile .image__upcoming-club {
background-color: #fe7000;
color: #fff;
position: absolute;
top: 8px;
left: -15px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 16px;
line-height: 18px;
text-align: center;
padding: 6px 22px;
}
@media only screen and (max-width: 1024px) {
.club-tile .image__new-club, .club-tile .image__upcoming-club,
.article-tile .image__new-club,
.article-tile .image__upcoming-club {
left: -8px;
font-size: 14px;
line-height: 16px;
padding: 6px 18px;
}
}
.club-tile .image__upcoming-club,
.article-tile .image__upcoming-club {
background-color: #6131ad;
}
.club-tile .properties,
.article-tile .properties {
background-color: #fff;
padding: 16px;
position: relative;
z-index: 2;
max-width: 311px;
min-height: 120px;
margin-left: auto;
margin-top: -60px;
}
.club-tile .properties .label-wrapper,
.article-tile .properties .label-wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-top: 20px;
min-height: 170px;
}
.club-tile .properties .label-wrapper .arrow-after,
.article-tile .properties .label-wrapper .arrow-after {
margin-top: auto;
margin-left: auto;
overflow: visible;
}
.club-tile .properties .labels span,
.article-tile .properties .labels span {
background-color: #ededf7;
color: #747490;
padding: 4px;
margin: 0 4px 4px 0;
font-size: 10px;
font-weight: bold;
line-height: 8px;
text-transform: uppercase;
display: inline-block;
}
.club-tile .properties .arrow-right::before,
.article-tile .properties .arrow-right::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F103";
display: inline-block;
vertical-align: middle;
font-size: 18px;
position: relative;
color: #fe7000;
}
.video-button {
position: absolute;
border: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
border-radius: 48px;
background-color: #fff;
box-shadow: 0 2px 10px 0 rgba(49, 49, 54, 0.2);
cursor: pointer;
z-index: 10;
}
.video-button:hover {
bottom: -1px;
right: 15px;
box-shadow: 0 2px 2px 0 rgba(49, 49, 54, 0.2);
}
.video-button::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #fe7000;
}
.club-tile .video-button,
.article-tile .video-button,
.content-tile .video-button {
position: absolute;
border: 0;
bottom: 0;
right: 16px;
height: 48px;
width: 48px;
border-radius: 48px;
background-color: #fff;
box-shadow: 0 2px 10px 0 rgba(49, 49, 54, 0.2);
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
z-index: 10;
}
.club-tile .video-button:hover,
.article-tile .video-button:hover,
.content-tile .video-button:hover {
bottom: -1px;
right: 15px;
box-shadow: 0 2px 2px 0 rgba(49, 49, 54, 0.2);
}
.club-tile .video-button::before,
.article-tile .video-button::before,
.content-tile .video-button::before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #00a5ff;
}
.club-tile .arrow-right::before,
.article-tile .arrow-right::before,
.content-tile .arrow-right::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F103";
display: inline-block;
vertical-align: middle;
font-size: 18px;
position: relative;
color: #fe7000;
}
.club-tile .tile-wrap,
.article-tile .tile-wrap,
.content-tile .tile-wrap {
height: 100%;
position: relative;
}
.related-articles {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.related-articles .articles-wrapper {
position: relative;
display: flex;
justify-content: flex-start;
margin: auto;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.related-articles .articles-wrapper {
flex-direction: column;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 767px) {
.related-articles .articles-wrapper.double-tile {
margin: 0 auto 20px;
}
}
.related-articles .articles-wrapper.double-tile a.article-tile {
background-color: #fff;
height: auto;
display: block;
}
@media only screen and (min-width: 768px) {
.related-articles .articles-wrapper.double-tile a.article-tile {
width: 48.625%;
margin-bottom: 2.75%;
}
.related-articles .articles-wrapper.double-tile a.article-tile:nth-of-type(2n + 2) {
margin-right: 2.75%;
}
.related-articles .articles-wrapper.double-tile a.article-tile:nth-of-type(1n + 1) {
margin-right: 2.75%;
}
.related-articles .articles-wrapper.double-tile a.article-tile:nth-of-type(2n + 2) {
margin-right: 0;
}
.related-articles .articles-wrapper.double-tile a.article-tile .image::before {
padding-top: 56.25%;
}
}
@media only screen and (max-width: 767px) {
.related-articles .articles-wrapper.double-tile a.article-tile {
box-shadow: 1px 1px 0 0 #ece9e8;
border: 0;
padding: 0;
margin: 0 0 16px;
}
}
.related-articles .articles-wrapper.double-tile a.article-tile .image {
width: auto;
overflow: hidden;
}
.related-articles .articles-wrapper.double-tile a.article-tile .image .image-cutoff {
display: block;
left: -1px;
right: -1px;
}
.related-articles .articles-wrapper.double-tile a.article-tile .properties {
display: block;
}
@media only screen and (max-width: 767px) {
.related-articles .articles-wrapper.double-tile a.article-tile .properties {
padding: 16px;
}
.related-articles .articles-wrapper.double-tile a.article-tile .properties .synopsis-wrapper {
justify-content: space-between;
}
}
.related-articles .articles-wrapper.double-tile a.article-tile .properties .label-wrapper,
.related-articles .articles-wrapper.double-tile a.article-tile .properties .synopsis {
display: block;
}
.related-articles .articles-wrapper:not(.double-tile) a.article-tile {
background-color: #fff;
height: auto;
}
@media only screen and (min-width: 768px) {
.related-articles .articles-wrapper:not(.double-tile) a.article-tile {
width: 31.5%;
margin-bottom: 2.75%;
}
.related-articles .articles-wrapper:not(.double-tile) a.article-tile:nth-of-type(3n + 3) {
margin-right: 2.75%;
}
.related-articles .articles-wrapper:not(.double-tile) a.article-tile:nth-of-type(2n + 2) {
margin-right: 2.75%;
}
.related-articles .articles-wrapper:not(.double-tile) a.article-tile:nth-of-type(1n + 1) {
margin-right: 2.75%;
}
.related-articles .articles-wrapper:not(.double-tile) a.article-tile:nth-of-type(3n + 3) {
margin-right: 0;
}
}
/*
Todo: Delete whole .choice-label css ruleset
after redesign is completed (these icons are now file upload images)
*/
.choice-label {
top: 0;
right: 16px;
height: 64px;
width: 64px;
z-index: 10;
position: absolute;
background-position: left;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../../img/bestchoice-label-en.png");
}
.choice-label.label-nl-be, .choice-label.label-nl-nl {
background-image: url("../../img/bestchoice-label-nl.png");
}
.choice-label.label-fr-fr, .choice-label.label-fr-lu, .choice-label.label-fr-be {
background-image: url("../../img/bestchoice-label-fr.png");
}
.choice-label.label-es-es {
background-image: url("../../img/bestchoice-label-es.png");
}
.addons-wrapper {
position: relative;
margin: auto;
}
@media only screen and (min-width: 768px) {
.addons-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (min-width: 1025px) {
.addons-wrapper.even .card__item {
width: 23.875%;
margin-bottom: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(4n + 4) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(3n + 3) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
.addons-wrapper.even .card__item {
width: 23.875%;
margin-bottom: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(4n + 4) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(3n + 3) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.addons-wrapper.even .card__item {
width: 49.25%;
margin-bottom: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.even .card__item:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.addons-wrapper.odd .card__item {
width: 23.875%;
margin-bottom: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(4n + 4) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(3n + 3) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
.addons-wrapper.odd .card__item {
width: 23.875%;
margin-bottom: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(4n + 4) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(3n + 3) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.addons-wrapper.odd .card__item {
width: 49.25%;
margin-bottom: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(2n + 2) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(1n + 1) {
margin-right: 1.5%;
}
.addons-wrapper.odd .card__item:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.card.card--addon .card__item {
width: 32%;
margin-bottom: 2%;
}
.card.card--addon .card__item:nth-of-type(3n + 3) {
margin-right: 2%;
}
.card.card--addon .card__item:nth-of-type(2n + 2) {
margin-right: 2%;
}
.card.card--addon .card__item:nth-of-type(1n + 1) {
margin-right: 2%;
}
.card.card--addon .card__item:nth-of-type(3n + 3) {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.card.card--addon .card__item {
margin: 20px 0;
}
}
@media only screen and (min-width: 1025px) {
.addons-wrapper.row .card.card--addon .card__item {
width: 23.5%;
margin-bottom: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(4n + 4) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(3n + 3) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(2n + 2) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(1n + 1) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
.addons-wrapper.row .card.card--addon .card__item {
width: 23.5%;
margin-bottom: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(4n + 4) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(3n + 3) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(2n + 2) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(1n + 1) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(4n + 4) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.addons-wrapper.row .card.card--addon .card__item {
width: 49%;
margin-bottom: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(2n + 2) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(1n + 1) {
margin-right: 2%;
}
.addons-wrapper.row .card.card--addon .card__item:nth-of-type(2n + 2) {
margin-right: 0;
}
}
.card.card--addon .card__item input[type=checkbox] {
position: absolute;
left: 0;
top: 5px;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper::before, .card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper::after {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.2s ease-in-out;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper::before {
width: calc(100% + 4px);
height: calc(100% + 4px);
left: -2px;
top: -2px;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper::after {
width: calc(100% + 8px);
height: calc(100% + 8px);
left: -4px;
top: -4px;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper .properties-label {
position: relative;
margin-left: 30px;
cursor: pointer;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper .properties-label::before, .card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper .properties-label::after {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
left: -30px;
}
.card.card--addon .card__item input[type=checkbox] + .properties-selection-wrapper .properties-label::before {
border: 2px solid #d5d5d5;
background: #fff;
}
.card.card--addon .card__item input[type=checkbox]:checked + .properties-selection-wrapper::before {
border-color: #fff;
}
.card.card--addon .card__item input[type=checkbox]:checked + .properties-selection-wrapper::after {
border-color: #fe7000;
}
.card.card--addon .card__item input[type=checkbox]:checked + .properties-selection-wrapper .properties-label::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F105";
color: #fe7000;
display: inline-block;
vertical-align: middle;
font-size: 10px;
left: 1px;
}
.card.card--addon .card__item .properties-label {
display: block;
}
.card.card--addon .card__item .details-wrapper.open .details {
height: auto;
padding-top: 7px;
padding-bottom: 7px;
opacity: 1;
transform: translateZ(0);
}
.card.card--addon .card__item .details-wrapper.open .details-trigger::before {
content: attr(data-close-label);
}
.card.card--addon .card__item .details-wrapper .details {
font-size: 16px;
line-height: 24px;
height: 0;
opacity: 0;
overflow: hidden;
transform: translate3d(0, 20px, 0);
transition: all 0.3s linear;
}
.card.card--addon .card__item .details-wrapper .details-trigger {
display: inline-block;
color: #609;
font-size: 14px;
text-decoration: underline;
}
.card.card--addon .card__item .details-wrapper .details-trigger::before {
content: attr(data-open-label);
}
.card.card--addon .card__item .details-wrapper .details-trigger-wrapper {
padding: 8px 0 0;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.plans-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: inherit;
}
}
.plans-wrapper .promo-small {
color: #00a5ff;
font-family: "ImpactURW", sans-serif;
text-transform: uppercase;
font-size: 12px;
line-height: 15px;
}
.plans-wrapper.pd-home-promotion .bottom-bar {
display: flex;
flex-direction: column;
align-items: center;
}
.plans-wrapper.pd-home-promotion .card__registration-fee {
order: 3;
}
.plans-wrapper.pd-home-promotion .card__price {
line-height: 28px !important;
}
.plans-wrapper.pd-home-promotion .card__promotion-active .card__price {
line-height: 36px !important;
}
.content-tile-container {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.content-tile-container .content-tile {
height: auto;
max-width: none;
width: 22.375%;
margin-bottom: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(4n + 4) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(3n + 3) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(1n + 1) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(4n + 4) {
margin-right: 0;
}
@media only screen and (max-width: 1279px) {
.content-tile-container .content-tile {
width: 31%;
margin-bottom: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(3n + 3) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(1n + 1) {
margin-right: 3.5%;
}
.content-tile-container .content-tile:nth-of-type(3n + 3) {
margin-right: 0;
}
}
@media only screen and (max-width: 900px) {
.content-tile-container .content-tile {
width: 47.5%;
margin-bottom: 5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 5%;
}
.content-tile-container .content-tile:nth-of-type(1n + 1) {
margin-right: 5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media only screen and (max-width: 415px) {
.content-tile-container .content-tile {
width: 47.5%;
margin-bottom: 5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 5%;
}
.content-tile-container .content-tile:nth-of-type(1n + 1) {
margin-right: 5%;
}
.content-tile-container .content-tile:nth-of-type(2n + 2) {
margin-right: 0;
}
}
.content-tile {
border: 1px solid #d8d8d8;
display: block;
max-width: 200px;
position: relative;
}
.content-tile a {
display: block;
height: 100%;
position: relative;
}
.content-tile .image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
transform: translateY(calc(-8.6735% + 1px));
z-index: 2;
}
.content-tile .image::before {
content: "";
display: block;
padding-bottom: 80.6451612903%;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.content-tile .image {
transform: translateY(calc(-8.6735% + 2px));
}
}
.content-tile .title {
color: #2d2d2d;
font-size: 16px;
padding: 16px 10px;
position: relative;
text-align: center;
text-transform: initial;
}
@media only screen and (max-width: 415px) {
.content-tile .title {
padding: 16px 14px 40px;
}
}
.content-tile .arrow-right {
bottom: 16px;
right: 8px;
position: absolute;
z-index: 2;
}
/* PERSONAL TRAINER TILE */
@media only screen and (min-width: 1025px) {
.trainer-tile {
flex-grow: 1;
height: auto;
max-width: 304px;
}
}
.trainer-tile__wrapperlink {
display: block;
height: 100%;
position: relative;
transition: border-color 0.3s;
}
.trainer-tile__wrapperlink::after {
background: #fff;
height: 100%;
left: 0;
opacity: 1;
top: 0;
width: 100%;
z-index: 1;
}
.trainer-tile__wrapperlink:hover {
color: #313136;
}
.trainer-tile__wrapperlink:hover::before {
opacity: 1;
}
.trainer-tile__wrapperlink:hover .trainer-tile__arrowright {
transform: translate3d(4px, 0, 0);
}
.trainer-tile__figure-wrapper {
position: relative;
}
.trainer-tile__figure {
margin: 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.trainer-tile__figure::before {
content: "";
display: block;
padding-top: 100%;
width: 100%;
}
.trainer-tile__figure__image {
display: block;
left: 0;
max-width: 100%;
position: absolute;
top: 0;
width: 100%;
}
.trainer-tile__cerification-logo {
top: -30px;
max-width: 55px;
position: absolute;
right: 15px;
z-index: 2;
}
.trainer-tile__content {
position: relative;
z-index: 2;
background-color: #fff;
padding: 16px 0 16px 20px;
max-width: 72%;
min-height: 200px;
margin-left: auto;
margin-top: -94px;
display: flex;
flex-direction: column;
}
.trainer-tile__content .arrow-after {
float: right;
color: #2d2d2d;
letter-spacing: 1px;
margin-top: auto;
justify-content: flex-end;
}
.trainer-tile__content .arrow-after::after {
font-size: 22px;
margin-bottom: 4px;
margin-left: 2px;
}
.trainer-tile__content .meet {
margin-right: 6px;
}
@media only screen and (max-width: 767px) {
.trainer-tile__content {
max-width: 90%;
padding: 23px 0 16px 20px;
}
}
.trainer-tile__name {
margin: 0;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
color: #2d2d2d;
text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
.trainer-tile__name {
font-size: 20px;
line-height: 26px;
padding-bottom: 11px;
}
}
.trainer-tile__title {
margin: 0;
color: #2d2d2d;
font-family: "HeadingProTreble-Light", sans-serif;
font-size: 13px;
line-height: 24px;
text-transform: none;
}
.trainer-tile__tags {
display: flex;
flex-wrap: wrap;
margin-top: 5px;
gap: 6px;
}
@media only screen and (max-width: 767px) {
.trainer-tile__tags {
margin-top: 11px;
}
}
.trainer-tile__tag {
padding: 7px 7px 6px;
background-color: #fff;
border: 1px solid #2d2d2d;
border-radius: 5px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 10px;
line-height: 1;
text-transform: uppercase;
align-self: baseline;
white-space: nowrap;
}
.trainer-tile__tag.selected {
background-color: #fe7000;
border-color: #fe7000;
color: #fff;
}
.trainer-tile__tag:last-child {
margin: 0 0 21px;
}
@media only screen and (max-width: 767px) {
.trainer-tile__tag:last-child {
margin: 0 0 7px;
}
}
@media only screen and (max-width: 767px) {
.trainer-tile__tag {
padding: 7px 8px 6px;
}
}
.trainer-tile__arrowright {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
bottom: 8px;
position: absolute;
right: 8px;
transition: transform 0.3s;
}
.trainer-tile__arrowright__icon::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
color: #fe7000;
content: "\F103";
display: block;
font-size: 30px;
}
.trainer-tiles {
padding-top: 30px;
padding-bottom: 50px;
overflow: hidden;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.trainer-tiles {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.trainer-tiles {
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (min-width: 768px) {
.trainer-tiles {
padding-top: 96px;
}
}
.trainer-tiles .main-title {
font-size: 30px;
line-height: 36px;
}
@media only screen and (min-width: 1025px) {
.trainer-tiles .main-title {
font-size: 48px;
line-height: 52px;
}
}
.trainer-tiles .trainer-tile {
margin-bottom: 16px;
background-color: #fff;
min-width: calc(25% - 22px);
}
@media only screen and (min-width: 768px) {
.trainer-tiles .trainer-tile:not(.swiper-slide) {
max-width: 304px;
width: 23.5%;
margin-bottom: 2%;
}
.trainer-tiles .trainer-tile:not(.swiper-slide):nth-of-type(4n + 4) {
margin-right: 2%;
}
.trainer-tiles .trainer-tile:not(.swiper-slide):nth-of-type(3n + 3) {
margin-right: 2%;
}
.trainer-tiles .trainer-tile:not(.swiper-slide):nth-of-type(2n + 2) {
margin-right: 2%;
}
.trainer-tiles .trainer-tile:not(.swiper-slide):nth-of-type(1n + 1) {
margin-right: 2%;
}
.trainer-tiles .trainer-tile:not(.swiper-slide):nth-of-type(4n + 4) {
margin-right: 0;
}
}
.trainer-tiles .trainer-tile:nth-last-of-type(1) {
margin-bottom: 0;
}
.trainer-tiles .trainer-tile img {
text-transform: none;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.trainer-tiles {
padding-left: 0;
padding-right: 0;
width: calc(100% + 32px);
margin-left: -16px;
}
}
.trainer-tiles__title {
margin-top: 0;
margin-bottom: 16px;
text-transform: uppercase;
font-size: 32px;
line-height: 36px;
max-width: 70%;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
.trainer-tiles__title {
margin-bottom: 18px;
max-width: 100%;
padding: 0 70px 0 16px;
}
}
.trainer-tiles__container,
.club-group-wrapper .swiper-only-mobile {
overflow: visible;
}
.trainer-tiles__container.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.club-group-wrapper .swiper-only-mobile.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: -24px;
right: 25px;
bottom: auto;
left: auto;
transform: none;
max-width: 80px;
}
.trainer-tiles__container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.club-group-wrapper .swiper-only-mobile.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
vertical-align: middle;
}
.trainer-tiles__container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active,
.club-group-wrapper .swiper-only-mobile.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: #fe7000;
width: 10px;
height: 10px;
}
@media only screen and (min-width: 768px) {
.trainer-tiles__wrapper:not(.swiper-wrapper) {
display: flex;
flex-wrap: wrap;
}
}
.trainer-tiles__container {
padding: 40px 0 50px;
}
.trainer-tiles__container.swiper-container {
padding: 40px 0;
overflow: visible;
}
@media only screen and (max-width: 767px) {
.trainer-tiles__container {
padding: 0 16px 50px;
}
.trainer-tiles__container.swiper-container {
padding: 0 0 50px 16px;
}
}
.content-tile-container-services {
margin: 0 auto;
display: block;
}
@media only screen and (min-width: 768px) {
.content-tile-container-services {
margin-top: 90px;
}
}
.content-tile-container-services__tiles {
display: flex;
}
@media only screen and (max-width: 767px) {
.content-tile-container-services__tiles {
flex-wrap: wrap;
}
}
.content-tile-container-services__description-title {
font-family: "HeadingProTreble-Heavy", sans-serif;
font-size: 48px;
line-height: 50px;
margin-bottom: 30px;
width: 60%;
}
@media only screen and (max-width: 767px) {
.content-tile-container-services__description-title {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
width: 100%;
}
}
.content-tile-container-services__description-paragraph {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 20px;
line-height: 32px;
width: 35%;
}
@media only screen and (max-width: 767px) {
.content-tile-container-services__description-paragraph {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
width: 100%;
}
}
.content-tile-container-services .content-tile {
position: relative;
border: none;
padding-bottom: 36px;
margin-top: 28px;
}
@media only screen and (max-width: 1366px) {
.content-tile-container-services .content-tile {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile {
flex-basis: 49%;
padding-bottom: 0;
margin-top: 26px;
}
}
.content-tile-container-services .content-tile a {
margin-bottom: 8px;
height: auto;
}
.content-tile-container-services .content-tile__title {
font-family: "HeadingProTreble-Heavy", sans-serif;
font-size: 32px;
line-height: 36px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile__title {
font-size: 20px;
line-height: 26px;
text-transform: none;
min-height: 52px;
}
}
.content-tile-container-services .content-tile__link {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
position: absolute;
top: 100%;
left: 0;
bottom: 0;
text-transform: none;
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile__link {
position: relative;
width: 95%;
}
}
.content-tile-container-services .content-tile .image {
background-size: auto;
width: 55px;
height: 75px;
z-index: 1;
}
.content-tile-container-services .content-tile .arrow-right {
display: inline-block;
position: relative;
right: 0;
bottom: 0;
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile:nth-of-type(1n+1), .content-tile-container-services .content-tile:nth-of-type(2n+2) {
margin-right: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile:nth-of-type(2n+2) {
padding-left: 10px;
}
}
@media only screen and (max-width: 767px) {
.content-tile-container-services .content-tile:nth-of-type(2n+3), .content-tile-container-services .content-tile:nth-of-type(2n+4) {
margin-top: 0;
}
}
.asset-search-block {
position: relative;
width: 100%;
margin-bottom: 44px;
}
@media only screen and (min-width: 768px) {
.asset-search-block {
margin-bottom: 30px;
}
}
.asset-search-block .input-wrapper div {
display: flex;
align-items: center;
}
.asset-search-block .search-input {
width: 100%;
margin: 0;
padding: 0;
background-color: transparent;
box-shadow: none;
border: 0;
border-bottom: 1px solid #fe7000;
font-size: 16px;
line-height: 28px;
color: #313136;
}
.asset-search-block .search-input::input-placeholder {
color: #fff;
font-size: 16px;
}
.asset-search-block .search-input:placeholder {
color: #fff;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
.asset-search-block .search-input {
width: 310px;
}
}
.asset-search-block .search-input:focus {
border-color: #fe7000;
}
@media only screen and (max-width: 767px) {
.asset-search-block .search-input {
height: 56px;
}
}
.dark-body .asset-search-block .search-input {
background: #ededf7;
}
.asset-search-block .search-button {
display: block;
width: 48px;
height: 48px;
margin-left: -48px;
padding: 0;
border: 0;
border-radius: 50%;
font-size: 0;
background-color: transparent;
cursor: default;
}
.asset-search-block .search-button::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F12A";
display: inline-block;
vertical-align: middle;
position: relative;
color: #fe7000;
font-size: 24px;
width: 48px;
}
.asset-search-block .search-button--active {
cursor: pointer;
}
.asset-search-block .search-button--active:hover {
background-color: rgba(254, 112, 0, 0.7);
}
.asset-search-block .search-button--active:hover::after {
color: #fff;
}
.asset-search-block .result-wrapper {
border: 2px solid #ece9e8;
}
.suggestions-flyout {
position: absolute;
top: 60px;
right: 24px;
left: 0;
width: 100%;
background-color: #fff;
z-index: 5;
}
@media only screen and (max-width: 767px) {
.suggestions-flyout {
top: 56px;
}
}
.suggestions-flyout .result-wrapper {
padding: 0;
}
.suggestions-flyout .result-content {
max-height: 270px;
overflow-y: auto;
padding: 24px 24px 0;
box-shadow: 0 4px 4px 0 rgba(49, 49, 54, 0.15);
border: 1px solid #d8d8d8;
}
@media only screen and (max-width: 900px) {
.suggestions-flyout .result-content {
padding: 15px;
}
}
.suggestions-flyout .no-results-container {
padding: 12px;
}
.suggestions-flyout .no-results-container .twa {
display: none;
}
.suggestions-flyout .no-results-container .message {
margin: 0;
}
.suggestions-flyout .no-results-container .tips-title {
margin: 0 0 12px;
}
.suggestions-flyout .no-results-container .tips-list {
list-style: disc;
padding-left: 20px;
}
.suggestions-flyout .result-location {
border-bottom: 1px solid #d5d5d5;
height: 40px;
padding: 0 15px;
}
.suggestions-flyout .find-link {
display: flex;
line-height: 40px;
color: #00a5ff;
font-size: 14px;
}
.suggestions-flyout .find-link::before {
display: none;
}
.suggestions-flyout .find-link .icon {
display: inline-block;
margin-right: 5px;
}
.suggestions-flyout .result-label {
color: #747490;
font-size: 12px;
font-weight: bold;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
.suggestions-flyout .result-content__cities + .result-content__clubs {
margin-top: 20px;
}
.suggestions-flyout .result {
position: relative;
}
.suggestions-flyout .result + .result {
margin-top: 10px;
}
.suggestions-flyout .result .icon {
color: rgba(49, 49, 54, 0.5);
font-size: 24px;
left: 0;
position: absolute;
}
@media only screen and (max-width: 900px) {
.suggestions-flyout .result .icon {
font-size: 18px;
top: 3px;
}
}
.suggestions-flyout a {
color: #313136;
}
.suggestions-flyout a:hover {
color: #6e6e6e;
}
.suggestions-flyout .result-anchor {
display: block;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 18px;
text-transform: capitalize;
padding: 4px 0 4px 40px;
}
@media only screen and (max-width: 900px) {
.suggestions-flyout .result-anchor {
font-size: 16px;
padding-left: 28px;
}
}
.suggestions-flyout .result-anchor span {
font-weight: normal;
}
.suggestions-flyout .result-content__amount {
border-top: 1px solid #d8d8d8;
color: #747490;
display: block;
margin: 19px -22px 0;
padding: 4px 22px;
width: calc(100% + 44px);
}
.suggestions-flyout .result-content__amount a {
font-size: 13px;
text-transform: none;
}
.suggestions-flyout.timetable {
left: 2px;
position: absolute;
right: 24px;
top: 58px;
}
@media only screen and (max-width: 767px) {
.suggestions-flyout.timetable {
max-height: 30vh;
overflow: auto;
}
}
.suggestions-flyout.timetable .result-wrapper {
border: none;
cursor: pointer;
padding: 12px 20px;
}
.suggestions-flyout.club-search {
right: 23px;
top: 77px;
}
@media only screen and (max-width: 767px) {
.suggestions-flyout.club-search {
right: 15px;
top: 52px;
}
}
.professionals-list__search .suggestions-flyout.club-search {
right: 13px;
top: 52px;
}
.find-professional__tile .suggestions-flyout.club-search {
top: 50px;
}
@media only screen and (max-width: 767px) {
.find-professional__tile .suggestions-flyout.club-search {
right: 15px;
top: 40px;
}
}
.find-professional__tile .suggestions-flyout.club-search .suggestions-flyout {
width: 100%;
}
@media only screen and (min-width: 768px) {
.find-professional__tile .suggestions-flyout.club-search .suggestions-flyout {
width: 360px;
}
}
.suggestions-flyout.club-search .result-content {
max-height: 270px;
overflow-y: auto;
padding: 10px 15px;
}
@media only screen and (max-width: 767px) {
.suggestions-flyout.club-search .result-content {
padding: 10px;
}
}
.suggestions-flyout.club-search .properties {
font-size: 16px;
display: flex;
padding: 7px 0;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.suggestions-flyout.club-search .properties {
display: block;
}
}
@media only screen and (max-width: 415px) {
.suggestions-flyout.club-search .properties {
display: block;
}
}
.suggestions-flyout.club-search .properties .distance,
.suggestions-flyout.club-search .properties .label-wrapper {
display: none;
}
.suggestions-flyout.club-search .city {
color: #6e6e6e;
margin-right: 10px;
}
.find-link {
border: 0;
padding: 0;
}
.find-link::before {
content: "";
background: url("../../img/svg/location.svg") no-repeat;
width: 13px;
height: 20px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin-right: 2px;
}
/* Search wrapper */
.search-component {
position: relative;
padding: 14px 16px 34px;
}
@media only screen and (min-width: 768px) {
.search-component {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
padding: 0 3.5%;
}
}
.search-component::before {
background-color: #ededf7;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.search-component .error {
margin-top: 6px;
font-size: 15px;
color: #ce0000;
}
@media only screen and (min-width: 768px) {
.search-component__col {
width: 46%;
}
}
.search-component__title {
margin-top: 2px;
margin-bottom: 0;
font-family: "ImpactURW", sans-serif;
font-size: 32px;
line-height: 36px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.search-component__title {
font-size: 56px;
line-height: 56px;
}
}
.search-component__findlocation::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F11A";
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 4px;
font-size: 14px;
}
.search-component-figure {
display: none;
}
@media only screen and (min-width: 768px) {
.search-component-figure {
display: block;
align-self: normal;
margin: -16px 0 0;
font-size: 0;
}
}
.search-component-figure__img {
max-width: 100%;
}
.search-component__search {
margin-top: 8px;
margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
.search-component__search {
margin-top: 16px;
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.search-component__search .search-input {
height: 48px;
}
}
@media only screen and (max-width: 767px) {
.search-component__search .search-button {
width: 32px;
height: 32px;
margin-left: -16px;
}
.search-component__search .search-button::after {
width: 32px;
font-size: 20px;
}
}
.tags-wrap {
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
.tags-wrap {
text-align: center;
}
}
.tags {
display: inline-block;
margin-bottom: 15px;
margin-right: 15px;
}
.tags__btn {
background-color: #fff;
border-color: rgba(221, 221, 221, 0.6);
color: #00a5ff;
font-size: 16px;
padding: 5px 15px;
transition: 0.3s ease;
}
@media only screen and (min-width: 1025px) {
.tags__btn:hover {
background-color: #fe7000;
color: #fff;
border-color: transparent;
}
}
.tags__btn.active {
background-color: #fe7000;
color: #fff;
border-color: transparent;
}
.find-professional__wrapper {
padding: 50px 0 110px;
position: relative;
width: 100%;
}
.content-page .main-content .find-professional__wrapper section {
margin: 0;
max-width: 100%;
}
.find-professional__wrapper .content {
margin: 165px auto 0;
max-width: 995px;
position: relative;
width: 100%;
z-index: 2;
}
@media only screen and (max-width: 1024px) {
.find-professional__wrapper .content {
margin-top: 100px;
max-width: 800px;
}
}
@media only screen and (max-width: 767px) {
.find-professional__wrapper .content {
margin-top: 78px;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.find-professional__wrapper {
padding: 45px 0 75px;
}
}
.find-professional__location-text {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
}
.find-professional__location-icon::before {
content: "";
background: url("../../img/svg/location.svg") no-repeat;
width: 13px;
height: 20px;
display: inline-block;
background-size: contain;
vertical-align: middle;
margin-right: 6px;
}
.find-professional__header {
width: 70%;
}
@media only screen and (max-width: 767px) {
.find-professional__header {
width: 100%;
}
}
.find-professional__header .title {
margin: 0 auto 30px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.find-professional__header .title {
margin-bottom: 26px;
}
}
.find-professional__header .text-content {
font-size: 20px;
line-height: 25px;
margin-bottom: 30px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.find-professional__header .text-content {
font-size: 18px;
line-height: 28px;
}
}
.find-professional__grid {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.find-professional__grid {
flex-direction: column;
margin: 0 -16px;
}
}
.find-professional__grid .find-professional__tile:first-child .tile-image {
background-color: #7adec9;
}
.find-professional__grid .find-professional__tile:last-child .tile-image {
background-color: #fe7000;
}
.find-professional__tile {
background-color: #fff;
display: flex;
flex-basis: 50%;
flex-direction: column;
justify-content: center;
}
.find-professional__tile + .find-professional__tile {
margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.find-professional__tile + .find-professional__tile {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.find-professional__tile + .find-professional__tile {
margin-left: 0;
margin-bottom: 150px;
margin-top: 210px;
}
}
.find-professional__tile .tile-image {
position: relative;
padding-bottom: 87.9518072289%;
}
@media only screen and (max-width: 900px) {
.find-professional__tile .tile-image {
padding-bottom: 93.1034482759%;
}
}
.find-professional__tile .tile-image img {
left: 50%;
position: absolute;
top: 40%;
transform: translate(-50%, -50%);
width: auto;
z-index: 0;
}
@media only screen and (max-width: 900px) {
.find-professional__tile .tile-image img {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-image img {
top: 30%;
}
}
.find-professional__tile .tile-profession {
bottom: 32px;
color: #fe7000;
font-size: 48px;
left: 0;
line-height: 36px;
margin: 0 auto;
max-width: 75%;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
transform: rotate(-5deg);
transform-origin: 50%;
}
.find-professional__tile .tile-profession span {
background: linear-gradient(-20deg, #eca71b 0%, #fe7000 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: transparent;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
.find-professional__tile .tile-profession {
bottom: 35px;
}
}
@media only screen and (max-width: 900px) {
.find-professional__tile .tile-profession {
bottom: 39px;
font-size: 40px;
line-height: 30px;
}
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-profession {
bottom: 37px;
font-size: 60px;
line-height: 45px;
}
}
@media only screen and (max-width: 415px) {
.find-professional__tile .tile-profession {
bottom: 42px;
font-size: 48px;
line-height: 36px;
}
}
.find-professional__tile .search-component__search {
margin-top: 11px;
}
.find-professional__tile .tile-search {
position: relative;
padding: 35px 80px 0;
background-color: #fff;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.find-professional__tile .tile-search {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-search {
position: absolute;
top: 80.5%;
left: 50%;
transform: translateX(-50%);
padding: 27px 24px 0;
width: 93%;
}
}
.find-professional__tile .tile-search .title {
font-size: 24px;
line-height: 28px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-search .title {
font-size: 20px;
margin-bottom: 24px;
}
}
.find-professional__tile .tile-search .asset-search-block {
position: relative;
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-search .asset-search-block {
margin-bottom: 25px;
}
}
.find-professional__tile .tile-search .search-input {
border-bottom: 1px solid #2d2d2d;
height: 35px;
color: #2d2d2d;
width: 100%;
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-search .search-input {
padding: 0 20px 0 10px;
}
}
.find-professional__tile .tile-search .search-input::input-placeholder {
color: #2d2d2d;
font-size: 16px;
}
.find-professional__tile .tile-search .search-input:placeholder {
color: #2d2d2d;
font-size: 16px;
}
.find-professional__tile .tile-search .search-input::placeholder {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
}
@media only screen and (max-width: 1024px) {
.find-professional__tile .tile-search .search-button {
position: relative;
}
.find-professional__tile .tile-search .search-button::after {
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 767px) {
.find-professional__tile .tile-search .search-button {
margin-left: -30px;
}
}
.find-professional__tile .tile-search .find-link {
background-color: #fff;
}
.find-professional__tile .tile-search .error {
font-size: 15px;
color: #ce0000;
}
@media only screen and (max-width: 767px) {
.find-professional__tile {
position: relative;
}
}
.professional-block {
position: relative;
max-width: 1440px;
margin: auto;
overflow: visible;
min-height: 300px;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.professional-block {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.professional-block {
padding-left: 16px;
padding-right: 16px;
}
}
.professional-block a {
text-transform: none;
}
.professional-block .tile-image.green {
background-color: #7adec9;
}
.professional-block .tile-image.orange {
background-color: #fe7000;
}
.professional-block .find-professional__grid .find-professional__tile:first-child .tile-image.green, .professional-block .find-professional__grid .find-professional__tile:last-child .tile-image.green {
background-color: #7adec9;
}
.professional-block .find-professional__grid .find-professional__tile:first-child .tile-image.orange, .professional-block .find-professional__grid .find-professional__tile:last-child .tile-image.orange {
background-color: #fe7000;
}
.professionals-list .block-wrapper {
display: flex;
margin: 0 auto;
max-width: 1440px;
padding-left: 60px;
padding-right: 60px;
width: 100%;
}
@media only screen and (max-width: 1024px) {
.professionals-list .block-wrapper {
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (max-width: 767px) {
.professionals-list .block-wrapper {
padding-left: 8px;
padding-right: 8px;
}
}
.professionals-list h2.title {
font-size: 32px;
line-height: 36px;
margin-top: 60px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.professionals-list h2.title {
font-size: 20px;
line-height: 24px;
margin: 30px 0 0;
}
}
.professionals-list__filters {
background-color: #ededf7;
border-top: 1px solid #d5d5d5;
}
.professionals-list__filters .block-wrapper {
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.professionals-list__filters .block-wrapper {
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__filters {
padding-bottom: 8px;
}
}
.professionals-list__search {
flex-basis: 300px;
}
.professionals-list__search .search-component__col {
width: auto;
}
.professionals-list__search .asset-search-block .search-input {
height: 48px;
padding-left: 15px;
}
@media only screen and (max-width: 767px) {
.professionals-list__search .asset-search-block .search-input {
font-size: 16px;
}
}
.professionals-list__search .asset-search-block .search-button {
height: 32px;
margin-left: -18px;
width: 32px;
cursor: default;
}
.professionals-list__search .asset-search-block .search-button::after {
font-size: 16px;
width: 32px;
}
.professionals-list__search .asset-search-block .search-button--active {
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.professionals-list__search .asset-search-block .search-button--active:hover {
background-color: #6131ad;
color: #fff;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__search {
flex-basis: 100%;
}
}
.professionals-list__select {
display: flex;
justify-content: flex-end;
}
.professionals-list__select .select-gender__container,
.professionals-list__select .select-ambition__container {
align-items: center;
display: flex;
flex-basis: 300px;
flex-wrap: nowrap;
}
.professionals-list__select .select-gender__container label,
.professionals-list__select .select-ambition__container label {
font-size: 16px;
font-weight: bold;
line-height: 16px;
margin-right: 15px;
}
@media only screen and (max-width: 900px) {
.professionals-list__select .select-gender__container label,
.professionals-list__select .select-ambition__container label {
margin-right: 5px;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container label,
.professionals-list__select .select-ambition__container label {
display: none;
}
}
.professionals-list__select .select-gender__container .select-wrap,
.professionals-list__select .select-ambition__container .select-wrap {
border: 1px solid #d5d5d5;
background-color: #fff;
height: 45px;
min-width: 225px;
position: relative;
width: 100%;
}
.professionals-list__select .select-gender__container .select-wrap::after,
.professionals-list__select .select-ambition__container .select-wrap::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
color: #313136;
content: "\F107";
display: inline-block;
font-size: 14px;
line-height: 45px;
position: absolute;
right: 10px;
top: 0;
width: 13px;
z-index: 0;
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container .select-wrap::after,
.professionals-list__select .select-ambition__container .select-wrap::after {
line-height: 32px;
}
}
@media only screen and (max-width: 900px) {
.professionals-list__select .select-gender__container .select-wrap,
.professionals-list__select .select-ambition__container .select-wrap {
min-width: 0;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container .select-wrap,
.professionals-list__select .select-ambition__container .select-wrap {
height: 32px;
}
}
.professionals-list__select .select-gender__container select,
.professionals-list__select .select-ambition__container select {
background-color: transparent;
border: none;
box-shadow: none;
font-size: 16px;
height: 43px;
padding: 0 35px 0 10px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container select,
.professionals-list__select .select-ambition__container select {
font-size: 14px;
height: 30px;
}
}
.professionals-list__select .select-gender__container.disabled,
.professionals-list__select .select-ambition__container.disabled {
pointer-events: none;
}
.professionals-list__select .select-gender__container.disabled label,
.professionals-list__select .select-ambition__container.disabled label {
color: rgba(49, 49, 54, 0.5);
}
.professionals-list__select .select-gender__container.disabled .select-wrap,
.professionals-list__select .select-ambition__container.disabled .select-wrap {
border-color: rgba(213, 213, 213, 0.5);
}
.professionals-list__select .select-gender__container.disabled .select-wrap::after,
.professionals-list__select .select-ambition__container.disabled .select-wrap::after {
opacity: 0.5;
}
.professionals-list__select .select-gender__container.disabled select,
.professionals-list__select .select-ambition__container.disabled select {
color: rgba(49, 49, 54, 0.5);
cursor: default;
}
@media only screen and (max-width: 900px) {
.professionals-list__select .select-gender__container,
.professionals-list__select .select-ambition__container {
margin-left: 20px;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container,
.professionals-list__select .select-ambition__container {
flex-basis: 50%;
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-gender__container {
flex-grow: 1;
}
}
.professionals-list__select .select-ambition__container {
margin-left: 40px;
}
@media only screen and (max-width: 767px) {
.professionals-list__select .select-ambition__container {
margin-left: 10px;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__select {
justify-content: space-between;
}
}
.professionals-list__wrap .block-wrapper {
display: block;
}
.professionals-list__grid {
display: flex;
flex-wrap: wrap;
margin: 0 -1.25%;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid {
margin: 0 0 25px;
}
}
.professionals-list__grid .trainer-tile {
display: none;
flex-grow: 0;
margin: 0 1.25% 30px;
max-width: none;
width: 22.5%;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile + .trainer-tile {
margin-top: 10px;
}
}
.professionals-list__grid .trainer-tile .hidden {
display: none;
}
@media only screen and (max-width: 900px) {
.professionals-list__grid .trainer-tile {
width: 47.5%;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile {
float: none;
margin: 0;
padding: 8px 0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__wrapperlink:hover {
box-shadow: none;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__wrapperlink {
border: none;
display: flex;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__figure-wrapper {
margin-right: 8px;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__figure::before, .professionals-list__grid .trainer-tile__figure::after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__figure {
overflow: visible;
max-width: 90px;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__figure__image {
position: static;
width: auto;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__cerification-logo {
bottom: -20px;
max-width: 40px;
right: 0;
}
}
@media only screen and (max-width: 1366px) {
.professionals-list__grid .trainer-tile__content {
max-width: 85%;
}
}
@media only screen and (max-width: 1024px) {
.professionals-list__grid .trainer-tile__content {
max-width: 72%;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__content {
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
padding: 0;
margin-top: 0;
width: 100%;
max-width: 100%;
}
}
.professionals-list__grid .trainer-tile__name {
color: #313136;
font-size: 18px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__name {
font-size: 16px;
line-height: 14px;
}
}
.professionals-list__grid .trainer-tile__title {
color: #747490;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}
.professionals-list__grid .trainer-tile__title .icon {
color: #fe7000;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__title {
line-height: 16px;
}
}
.professionals-list__grid .trainer-tile__tags {
margin-top: 27px;
overflow: hidden;
width: calc(100% - 27px);
}
@media only screen and (min-width: 768px) {
.professionals-list__grid .trainer-tile__tags {
width: calc(100% - 50px);
}
}
.professionals-list__grid .trainer-tile__tags::before {
background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
bottom: 16px;
content: "";
display: none;
height: 20px;
position: absolute;
right: 43px;
width: 20px;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__tags::before {
display: block;
bottom: 0;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__tags {
margin-top: 0;
width: 100%;
}
}
.professionals-list__grid .trainer-tile__arrowright {
bottom: 10px;
}
@media only screen and (max-width: 767px) {
.professionals-list__grid .trainer-tile__arrowright {
display: none;
}
}
.professionals-list__grid hgroup + .trainer-tile__arrowright {
bottom: 9px;
}
.professionals-list__grid .trainer-tile__arrowright__icon::before {
font-size: 23px;
}
.professionals-list__grid .trainer-tile__tag {
margin-bottom: 0;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.professionals-list__grid .trainer-tile__tag {
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.professionals-list__btn {
border: 2px solid #313136;
color: #313136;
display: block;
margin: 0 auto 30px;
max-width: 260px;
width: 100%;
}
.professionals-list__btn:hover {
color: #313136;
}
@media only screen and (max-width: 767px) {
.professionals-list__btn {
max-width: 100%;
}
}
.comparison-table .title {
font-family: "ImpactURW", sans-serif;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
@media only screen and (min-width: 541px) {
.comparison-table .title {
font-size: 32px;
line-height: 32px;
}
}
.comparison-table > p {
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 541px) {
.comparison-table > p {
font-size: 18px;
line-height: 28px;
}
}
.comparison-table__container {
display: flex;
justify-content: space-between;
}
.comparison-column__description {
flex-grow: 1;
font-size: 12px;
line-height: 13px;
margin: 42px 5px 0 0;
}
@media only screen and (min-width: 541px) {
.comparison-column__description {
font-size: 18px;
line-height: 19px;
margin: 69px 20px 0 0;
}
}
.comparison-column__description li {
align-items: center;
display: flex;
height: 60px;
justify-content: space-between;
}
@media only screen and (min-width: 541px) {
.comparison-column__description li {
height: 80px;
}
}
.comparison-column__description li + li {
border-top: 2px solid #ededf7;
}
.comparison-column__description li span {
display: block;
}
.comparison-column__description .tooltip {
cursor: pointer;
margin-left: 5px;
position: relative;
width: 16px;
}
@media only screen and (min-width: 541px) {
.comparison-column__description .tooltip {
width: 24px;
}
}
.comparison-column__description .tooltip::before {
background: #313136;
border-radius: 50%;
color: #fff;
content: "i";
font-family: Georgia, serif;
font-size: 10px;
font-style: italic;
font-weight: bold;
display: block;
height: 16px;
line-height: 17px;
padding-right: 1px;
text-align: center;
width: 16px;
}
@media only screen and (min-width: 541px) {
.comparison-column__description .tooltip::before {
font-size: 15px;
height: 24px;
line-height: 24px;
width: 24px;
}
}
.comparison-column__description .tooltip:hover span {
opacity: 1;
visibility: visible;
}
.comparison-column__description .tooltip .tooltip-text {
background-color: rgba(49, 49, 54, 0.75);
border-radius: 3px;
bottom: 25px;
color: #fff;
display: block;
font-size: 12px;
left: 50%;
line-height: 13px;
min-width: 20ch;
opacity: 0;
padding: 10px;
position: absolute;
transition: all 0.2s ease-in-out;
transform: translateX(-50%);
visibility: hidden;
}
@media only screen and (min-width: 541px) {
.comparison-column__description .tooltip .tooltip-text {
bottom: 40px;
font-size: 16px;
line-height: 19px;
padding: 15px;
}
}
.comparison-column__description .tooltip .tooltip-text::after {
border: 5px solid rgba(49, 49, 54, 0);
border-top-color: rgba(49, 49, 54, 0.75);
bottom: 100%;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
pointer-events: none;
position: absolute;
top: 100%;
width: 0;
}
@media only screen and (min-width: 541px) {
.comparison-column__description .tooltip .tooltip-text::after {
border-width: 10px;
margin-left: -10px;
}
}
.comparison-column__club {
border: 2px solid #ededf7;
border-radius: 2px;
flex: 0 0 55px;
transition: border-color 0.2s ease-in-out;
}
@media only screen and (min-width: 541px) {
.comparison-column__club {
border-width: 4px;
flex-basis: 100px;
}
}
@media only screen and (max-width: 767px) {
.comparison-column__club:last-of-type {
display: none;
}
}
.comparison-column__club:hover {
border-color: #fe7000;
cursor: default;
}
.comparison-column__club + .comparison-column__club {
margin-left: 4px;
}
@media only screen and (min-width: 541px) {
.comparison-column__club + .comparison-column__club {
margin-left: 8px;
}
}
.comparison-column__club li {
align-items: center;
display: flex;
flex-direction: column;
font-family: "ImpactURW", sans-serif;
font-size: 14px;
justify-content: center;
height: 60px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (min-width: 541px) {
.comparison-column__club li {
font-size: 20px;
height: 80px;
}
}
.comparison-column__club li + li {
border-top: 2px solid #ededf7;
}
.comparison-column__club li.comparison-column__image {
height: 40px;
padding: 0;
}
@media only screen and (min-width: 541px) {
.comparison-column__club li.comparison-column__image {
height: 65px;
}
}
.comparison-column__club li.comparison-column__image picture {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.comparison-column__club li.comparison-column__image img {
height: auto;
max-height: 90%;
max-width: 90%;
width: auto;
}
.comparison-column__club li span {
color: #fe7000;
display: block;
font-size: 10px;
font-weight: bold;
line-height: 16px;
}
@media only screen and (min-width: 541px) {
.comparison-column__club li span {
font-size: 14px;
}
}
.comparison-column__club .icon-check {
color: #7dcd19;
font-size: 21px;
}
.comparison-column__club .icon-close {
color: #9b9b9b;
font-size: 14px;
}
.card {
padding: 10px 0 30px;
}
@media only screen and (min-width: 1025px) {
.card {
margin-bottom: 140px;
}
}
.card .card__list {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 1025px) {
.card .card__list {
flex-direction: row;
}
}
.card .card__item {
position: relative;
}
@media only screen and (min-width: 1025px) {
.card .card__item {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 767px) {
.card .card__item {
margin-bottom: 20px;
}
}
.card .card__inner {
position: relative;
display: flex;
min-height: 375px;
transition: all 0.5s linear;
}
@media only screen and (min-width: 1025px) {
.card .card__inner {
min-height: 480px;
}
}
.card .card__inner .card__picture {
margin: auto;
display: flex;
margin-top: -115px;
max-width: 100vw;
max-height: 100%;
}
@media only screen and (min-width: 1025px) {
.card .card__inner .card__picture {
margin-top: -70px;
}
}
.card .card__title {
color: #7adec9;
margin: 0;
}
.card .card__title,
.card .card__type {
font-size: 20px;
line-height: 24px;
}
@media only screen and (min-width: 1025px) {
.card .card__title,
.card .card__type {
font-size: 24px;
line-height: 28px;
}
}
.card .card__type {
margin-top: 0;
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.card .card__type {
margin-bottom: 30px;
}
}
.card .main-title {
margin: 0 auto 20px;
}
@media only screen and (min-width: 1025px) {
.card .main-title {
margin-bottom: 32px;
}
}
.card .card__promo-header {
margin: -30px -30px -15px;
padding: 8px 30px;
background-color: #2d2d2d;
color: #fff;
transform: translateY(-45px);
}
@media only screen and (min-width: 1025px) {
.card .card__promo-header {
height: 45px;
white-space: nowrap;
}
}
.card .card__content {
display: flex;
flex-direction: column;
width: 90%;
min-height: 350px;
margin: auto auto -85px;
margin-top: 20px;
padding: 30px;
background-color: #fff;
transform: translateY(-85px);
transition: all 0.5s linear;
}
@media only screen and (min-width: 1025px) {
.card .card__content {
position: relative;
top: -85px;
width: 75%;
min-height: 500px;
margin-bottom: -85px;
margin-right: 0;
transform: none;
}
}
.card .card__content .discount-label {
margin-bottom: 0;
}
.card .card__content--promo-header {
min-height: 395px;
}
@media only screen and (min-width: 1025px) {
.card .card__content--promo-header {
top: calc(-85px - 45px);
min-height: 505px;
}
}
.card .card__info .usp-intro {
margin: 0 0 12px;
}
.card .card__info .usp-intro strong {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
}
.card .card__info p {
margin-top: 0;
margin-bottom: 10px;
display: flex;
align-items: baseline;
line-height: 16px;
}
@media only screen and (min-width: 1025px) {
.card .card__info p {
line-height: 22px;
}
}
.card .card__info p.strikethrough {
text-decoration: line-through;
opacity: 0.5;
}
.card .card__info p::before {
content: "\F105";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
display: inline-block;
margin-right: 5px;
color: #fe7000;
font-size: 0.85em;
line-height: 1;
vertical-align: middle;
}
.card .card__info-text-item span {
color: #fe7000;
font-size: 13px;
margin: 0 5px;
}
.card .card__image {
height: 100%;
left: 50%;
max-height: 375px;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: -50px;
transform: translateX(-50%);
width: 100%;
}
@media only screen and (min-width: 768px) {
.card .card__image {
top: -100px;
}
}
.card .card__best-choice {
height: 60px;
position: absolute;
right: calc(60px / 2);
top: calc(-60px / 2);
width: 60px;
}
@media only screen and (min-width: 1025px) {
.card .card__best-choice {
width: 70px;
height: 70px;
}
}
.card .card__best-choice img {
width: 100%;
}
.card .card__best-choice-text {
width: 70%;
}
.card .card__link {
margin-top: 20px;
}
.card.card--plan .card__content, .card.card--addon .card__content {
margin-left: auto;
}
@media only screen and (min-width: 1025px) {
.card.card--plan .card__content, .card.card--addon .card__content {
position: relative;
top: -85px;
width: 95%;
}
}
@media only screen and (min-width: 1367px) {
.card.card--plan .card__content, .card.card--addon .card__content {
width: 85%;
}
}
.card.card--plan .bottom-bar, .card.card--addon .bottom-bar {
margin-top: auto;
}
.card.card--plan .bottom-bar .card__registration-fee, .card.card--addon .bottom-bar .card__registration-fee {
margin-top: 8px;
}
.card.card--plan .bottom-bar .card__registration-fee-text, .card.card--addon .bottom-bar .card__registration-fee-text {
color: rgba(43, 43, 43, 0.5);
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
line-height: 18px;
}
.card.card--plan .bottom-bar .card__price-discount, .card.card--addon .bottom-bar .card__price-discount {
color: #6131ad;
}
.card.card--plan .bottom-bar .card__price-original .card__price-sum,
.card.card--plan .bottom-bar .card__price-original .card__price-coma, .card.card--addon .bottom-bar .card__price-original .card__price-sum,
.card.card--addon .bottom-bar .card__price-original .card__price-coma {
font-size: 14px;
line-height: 16px;
}
.card.card--plan .bottom-bar .card__price-original .card__price-decimal, .card.card--addon .bottom-bar .card__price-original .card__price-decimal {
font-size: 9px;
line-height: 11px;
}
.card.card--plan .bottom-bar .card__price-original span, .card.card--addon .bottom-bar .card__price-original span {
color: #9b9b9b;
}
.card.card--plan .card__price, .card.card--addon .card__price {
font-size: 32px;
line-height: 36px;
}
.card.card--plan .card__price .card__price-sum, .card.card--addon .card__price .card__price-sum {
font-size: 32px;
line-height: 36px;
}
@media only screen and (min-width: 1025px) {
.card.card--plan .card__item:hover .card__inner, .card.card--membership .card__item:hover .card__inner, .card.card--pillars .card__item:hover .card__inner {
min-height: 530px;
transform: translateY(-50px);
}
}
@media only screen and (min-width: 1025px) {
.card.card--plan .card__item:hover .card__content, .card.card--membership .card__item:hover .card__content, .card.card--pillars .card__item:hover .card__content {
transform: translateY(-70px);
}
}
@media only screen and (min-width: 768px) {
.card.card--plan .card__item {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.card.card--plan .card__content {
margin-bottom: -42.5px;
}
}
.card.card--plan .card__image {
max-height: 365px;
}
@media only screen and (min-width: 768px) {
.card.card--plan .card__image {
max-height: 495px;
}
}
.card.card--plan .card__pricing {
margin-bottom: 20px;
}
.card.card--addon .card__item {
position: relative;
}
@media only screen and (min-width: 1025px) {
.card.card--addon .card__item:hover .card__inner {
min-height: 416px;
transform: translateY(-50px);
}
}
@media only screen and (min-width: 1025px) {
.card.card--addon .card__item:hover .card__content {
transform: translateY(-70px);
}
}
.card.card--addon .card__title {
margin-bottom: 7px;
font-size: 20px;
line-height: 26px;
color: #2d2d2d;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
}
.card.card--addon .card__inner {
min-height: 345px;
}
@media only screen and (min-width: 768px) {
.card.card--addon .card__inner {
min-height: 366px;
}
}
.card.card--addon .card__content {
min-height: 250px;
}
@media only screen and (max-width: 1024px) {
.card.card--addon .card__content {
min-height: 300px;
}
}
.card.card--addon .card__content .card__explanation {
margin-top: 10px;
margin-bottom: 15px;
}
.card.card--addon .card__image {
max-height: 360px;
}
@media only screen and (min-width: 768px) {
.card.card--addon .card__image {
max-height: 381px;
}
}
.card.card--membership {
font-style: initial;
}
.card.card--membership .card__text, .card.card--pillars .card__text, .card.card--benefits .card__text, .card.card--benefits-dynamic .card__text {
max-width: 90vw;
margin: auto;
}
.card.card--membership .card__info, .card.card--pillars .card__info, .card.card--benefits .card__info, .card.card--benefits-dynamic .card__info {
margin-bottom: 32px;
margin-top: 16px;
}
@media only screen and (min-width: 1025px) {
.card.card--membership .card__info, .card.card--pillars .card__info, .card.card--benefits .card__info, .card.card--benefits-dynamic .card__info {
margin-top: 0;
}
}
.card.card--membership .card__list, .card.card--pillars .card__list, .card.card--benefits .card__list, .card.card--benefits-dynamic .card__list {
margin-bottom: -85px;
}
@media only screen and (min-width: 1025px) {
.card.card--membership .card__list--two-items .card__item, .card.card--pillars .card__list--two-items .card__item, .card.card--benefits .card__list--two-items .card__item, .card.card--benefits-dynamic .card__list--two-items .card__item {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.card.card--membership.card--three .card__item, .card.card--pillars.card--three .card__item, .card.card--benefits.card--three .card__item, .card.card--benefits-dynamic.card--three .card__item {
width: 33%;
}
}
.card.card--pillars {
padding: 50px 0 30px;
}
.card.card--pillars .card__inner {
min-height: 350px;
}
@media only screen and (min-width: 1025px) {
.card.card--pillars .card__inner {
min-height: 590px;
}
}
.card.card--pillars .card__text {
margin-bottom: 50px;
}
@media only screen and (min-width: 1025px) {
.card.card--pillars .card__text {
margin-bottom: 100px;
}
}
.card.card--pillars .card__title {
color: #313136;
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.card.card--pillars .card__title {
margin-bottom: 30px;
}
}
.card.card--pillars .card__description {
color: #2d2d2d;
margin-bottom: 0;
max-width: 100%;
}
@media only screen and (min-width: 1025px) {
.card.card--pillars .card__description {
margin-bottom: 0;
max-width: 50%;
}
}
.card.card--pillars .card__paragraph {
color: #2d2d2d;
padding: 0;
}
.card.card--pillars .card__content {
margin: auto auto -64px;
min-height: auto;
padding: 30px 22px;
transform: translateY(-72px);
}
@media only screen and (min-width: 1025px) {
.card.card--pillars .card__content {
margin: -150px 0 0 auto;
padding: 30px 32px 30px 28px;
top: 0;
transform: none;
width: 76%;
}
}
.card.card--pillars .card__list {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.card.card--pillars .card__picture {
transform: scale(0.75);
}
}
@media only screen and (min-width: 1025px) {
.card.card--pillars {
margin-bottom: 0;
padding: 80px 0 25px;
}
}
.card.card--benefits, .card.card--benefits-dynamic {
padding: 50px 0 30px;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__list, .card.card--benefits-dynamic .card__list {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__item, .card.card--benefits-dynamic .card__item {
margin-bottom: 14px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__text, .card.card--benefits-dynamic .card__text {
max-width: 100%;
}
}
.card.card--benefits .main-title, .card.card--benefits-dynamic .main-title {
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .main-title, .card.card--benefits-dynamic .main-title {
margin-bottom: 25px;
}
}
.card.card--benefits .card__content, .card.card--benefits-dynamic .card__content {
min-height: auto;
top: -170px;
}
.card.card--benefits .card__content h3, .card.card--benefits-dynamic .card__content h3 {
margin-bottom: 28px;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__content h3, .card.card--benefits-dynamic .card__content h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits .card__content, .card.card--benefits-dynamic .card__content {
padding: 30px 30px 60px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__content, .card.card--benefits-dynamic .card__content {
margin: -13px 0 -85px auto;
padding: 30px 24px;
}
}
.card.card--benefits .card__inner, .card.card--benefits-dynamic .card__inner {
display: block;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits .card__inner, .card.card--benefits-dynamic .card__inner {
min-height: 590px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__inner, .card.card--benefits-dynamic .card__inner {
min-height: 364px;
}
}
.card.card--benefits .card__info p, .card.card--benefits-dynamic .card__info p {
margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__info p, .card.card--benefits-dynamic .card__info p {
line-height: 22px;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits .card__info, .card.card--benefits-dynamic .card__info {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__info, .card.card--benefits-dynamic .card__info {
margin-bottom: 8px;
}
}
.card.card--benefits .card__link, .card.card--benefits-dynamic .card__link {
align-items: center;
display: flex;
height: auto;
margin-left: auto;
margin-top: 0;
width: -moz-fit-content;
width: fit-content;
}
.card.card--benefits .card__link::after, .card.card--benefits-dynamic .card__link::after {
margin-left: 9px;
margin-bottom: 3px;
font-size: 20px;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits .card__link, .card.card--benefits-dynamic .card__link {
position: absolute;
right: 30px;
bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits .card__link, .card.card--benefits-dynamic .card__link {
margin-right: -25px;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits, .card.card--benefits-dynamic {
margin-bottom: 0;
padding: 50px 0 25px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits, .card.card--benefits-dynamic {
padding: 50px 16px 30px;
}
}
.card.card--benefits-dynamic {
padding: 0;
}
.card.card--benefits-dynamic .card__list {
margin-bottom: 0;
}
.card.card--benefits-dynamic .card__list .card__item.all-in-experience .card__title,
.card.card--benefits-dynamic .card__list .card__item.all-in-experience .card__type {
color: #2d2d2d;
}
.card.card--benefits-dynamic .card__list .card__item.all-in-experience .card__link {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__list .card__item {
width: 32%;
margin-right: 2%;
}
.card.card--benefits-dynamic .card__list .card__item:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__list {
flex-wrap: wrap;
padding-top: 50px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__list {
padding-top: 30px;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__list--two-items .card__item,
.card.card--benefits-dynamic .card__list--four-items .card__item {
width: 49%;
margin-right: 2%;
}
.card.card--benefits-dynamic .card__list--two-items .card__item:nth-child(2n),
.card.card--benefits-dynamic .card__list--four-items .card__item:nth-child(2n) {
margin-right: 0;
}
}
.card.card--benefits-dynamic .card__list--two-items .card__content,
.card.card--benefits-dynamic .card__list--four-items .card__content {
width: 70%;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__list--two-items .card__content,
.card.card--benefits-dynamic .card__list--four-items .card__content {
width: 90%;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__list--four-items .card__item {
margin-bottom: 25px;
}
.card.card--benefits-dynamic .card__list--four-items .card__item:nth-child(odd) {
margin-right: 2%;
}
}
.card.card--benefits-dynamic .card__inner {
z-index: 1;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__inner {
min-height: 384px;
height: 384px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__inner {
min-height: 400px;
height: 400px;
}
}
.card.card--benefits-dynamic .card__content {
top: -114px;
width: 84%;
z-index: 2;
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__content {
width: 90%;
position: relative;
top: 0;
}
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__text {
padding: 80px 0 0;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__text {
padding: 30px 0 0;
}
}
.card.card--benefits-dynamic .card__text .description {
width: 380px;
margin-top: 25px;
font-family: "HeadingProDouble-Light", sans-serif;
font-size: 16px;
line-height: 26px;
color: #2d2d2d;
}
@media only screen and (max-width: 767px) {
.card.card--benefits-dynamic .card__text .description {
margin-top: 65px;
}
}
.card.card--benefits-dynamic .main-title {
margin-bottom: 0;
}
.card.card--benefits-dynamic .main-title.white {
color: #fff;
}
.card.card--benefits-dynamic .main-title.all-in-experience {
width: 749px;
margin-left: 0;
line-height: 53px;
}
@media only screen and (max-width: 767px) {
.card.card--benefits-dynamic .main-title.all-in-experience {
width: 343px;
height: 144px;
line-height: 36px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .main-title {
margin-bottom: 0;
}
}
.card.card--benefits-dynamic .main-title__part-orange span {
color: #fe7000;
}
.card.card--benefits-dynamic .main-title__part-black span {
color: #2d2d2d;
}
.card.card--benefits-dynamic .main-title__part-white span {
color: #fff;
}
.card.card--benefits-dynamic .card__wrap {
margin: 0 auto;
max-width: 1440px;
padding: 0 64px;
position: relative;
width: 100%;
z-index: 2;
}
@media only screen and (max-width: 1366px) {
.card.card--benefits-dynamic .card__wrap {
padding: 0 16px;
}
}
.card.card--benefits-dynamic .card__container {
position: relative;
}
.card.card--benefits-dynamic .card__container::before {
background: #fe7000;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.card.card--benefits-dynamic .card__container.card__tiles {
margin-top: -2px;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .card__container.card__tiles::before {
height: 434px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .card__container.card__tiles::before {
height: 582px;
}
}
.card.card--benefits-dynamic .card__container.bg-transparent::before {
display: none;
}
.card.card--benefits-dynamic .card__container.bg-teal::before {
background: #7adec9;
}
.card.card--benefits-dynamic .card__container.bg-gray::before {
background: #efefef;
}
.card.card--benefits-dynamic .benefits__video-item {
overflow: hidden;
position: absolute;
width: 100%;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic .benefits__video-item {
height: 384px;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic .benefits__video-item {
height: 400px;
}
}
.card.card--benefits-dynamic .benefits__video-btn {
background-color: transparent;
border-radius: unset;
box-shadow: none;
height: 100%;
left: 0;
top: 0;
transform: none;
width: 100%;
}
.card.card--benefits-dynamic .benefits__video-btn::before {
z-index: 2;
}
.card.card--benefits-dynamic .benefits__video-btn::after {
background-color: #fff;
border-radius: 48px;
border: 0;
box-shadow: 0 2px 10px 0 rgba(49, 49, 54, 0.2);
content: "";
display: block;
height: 48px;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 48px;
z-index: 1;
}
@media only screen and (min-width: 1025px) {
.card.card--benefits-dynamic {
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.card.card--benefits-dynamic {
padding: 0;
}
}
.card.pd-home-promotion .card__best-choice {
z-index: 1;
}
.card.pd-home-promotion .card__best-choice.mobile {
display: block;
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__best-choice.mobile {
display: none;
}
}
.card.pd-home-promotion .card__best-choice.desktop {
display: none;
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__best-choice.desktop {
display: block;
}
}
.card.pd-home-promotion .card__link-label {
display: block;
color: #2d2d2d;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
line-height: 18px;
opacity: 0.75;
margin-top: 12px;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__link-label {
margin-top: 16px;
}
}
.card.pd-home-promotion .card__discounted-text-content {
color: #2d2d2d;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 12px;
line-height: 18px;
width: 70%;
margin: 9px auto 0;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__discounted-text-content {
width: 75%;
margin: 13px auto 15px;
}
}
.card.pd-home-promotion .card__discounted-text-content span {
color: #fe7000;
}
.card.pd-home-promotion .card__link {
background-color: #6131ad;
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__link {
margin-top: 32px;
}
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__content {
top: -58px;
width: 83.5%;
}
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__type {
margin-bottom: 36px;
}
}
.card.pd-home-promotion .card__info {
border-bottom: 1px solid #ece9e8;
padding-bottom: 20px;
margin-bottom: 39px;
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__info {
margin-bottom: 42px;
}
}
@media only screen and (min-width: 1025px) {
.card.pd-home-promotion .card__info p {
margin-bottom: 14px;
}
}
.card.pd-home-promotion .card__price {
color: #2d2d2d;
font-size: 32px;
font-family: "HeadingProTreble-Heavy", sans-serif;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 22px;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__price {
align-items: normal;
justify-content: normal;
margin: 0 auto;
}
}
.card.pd-home-promotion .card__price .card__price {
margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__price .card__price {
margin-bottom: 0;
}
}
.card.pd-home-promotion .card__per-week {
font-family: "HeadingProTreble-Regular", sans-serif;
font-size: 11px;
color: #313136;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__per-week {
margin-top: 7px;
}
}
.card.pd-home-promotion .card__price-container {
display: flex;
flex-direction: column;
align-items: center;
}
.card.pd-home-promotion .card__price-container .card__price {
color: #fe7000;
flex-direction: row;
align-items: center;
margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
.card.pd-home-promotion .card__price-container .card__price {
margin: 0;
}
}
.card.pd-home-promotion .card__promotion-active {
margin-bottom: -21px;
margin-top: -27px;
}
.card.pd-home-promotion .card__promotion-active .card__price .card__price-sum,
.card.pd-home-promotion .card__promotion-active .card__price .card__price-coma,
.card.pd-home-promotion .card__promotion-active .card__price .card__price-decimal {
color: #fe7000;
}
.card.pd-home-promotion .card__promotion-active-founding .card__price-container {
flex-direction: row;
justify-content: center;
}
.card.pd-home-promotion .card__promotion-active-founding .card__per-week {
margin-left: 4px;
}
@media only screen and (min-width: 1025px) {
.card__item--animation:hover .card__picture svg {
transform: scale(1.1);
}
}
@media only screen and (max-width: 1024px) {
.card__item--animation .card__picture {
transform: scale(0.7);
}
}
@media only screen and (min-width: 1025px) {
.card__item--animation .card__picture svg {
transition: transform 0.5s linear;
}
}
/*
Decoupled module of pricing
Usage 1.homepage designer membership tiles
2.club detail membership plan
3.club detail membership add-on
4.subscription add-on
*/
.card__price {
display: flex;
margin-top: auto;
font-family: "HeadingProTreble-Heavy", sans-serif;
flex-wrap: wrap;
line-height: 100%;
align-items: baseline;
justify-content: flex-end;
}
.form-check-label .card__price {
margin-right: 12px;
}
.card__price .card__price-decimal,
.card__price .card__price-separator,
.card__price .card__per-week {
line-height: 1;
}
.card__price .card__price-separator {
margin-left: 8px;
margin-right: 4px;
}
.card__price .card__price-separator,
.card__price .card__per-week {
font-family: "HeadingProDouble-Regular", sans-serif;
line-height: 130%;
font-size: 12px;
color: #2d2d2d;
}
.card__price .card__free {
font-size: 32px;
}
.card__price .discounted-price {
color: #fe7000;
}
.card__description {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.card__description {
max-width: 50%;
margin-bottom: 130px;
}
}
.accordions-general .accordions__title {
font-family: "HeadingProTreble-Heavy", sans-serif;
font-size: 28px;
line-height: 32px;
text-transform: uppercase;
margin-bottom: 35px;
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordions__title {
border-bottom: 1px solid rgba(49, 49, 54, 0.2);
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 20px;
direction: ltr;
line-height: 26px;
padding-left: 0;
padding-right: 40px;
padding-bottom: 20px;
position: relative;
margin-bottom: 6px;
}
.accordions-general .accordions__title::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
color: #2d2d2d;
content: "\F107";
display: inline-block;
font-size: 17px;
line-height: 17px;
position: absolute;
right: -2px;
top: 7px;
}
}
.accordions-general .accordions__block {
padding-top: 10px;
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordions__block {
direction: ltr;
}
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordions__inner {
direction: rtl;
padding-left: 32px;
scrollbar-color: #7322c9 #adadd0;
scrollbar-width: thin;
}
.accordions-general .accordions__inner::-webkit-scrollbar {
width: 5px;
}
.accordions-general .accordions__inner::-webkit-scrollbar-track {
background-color: #adadd0;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}
.accordions-general .accordions__inner::-webkit-scrollbar-thumb {
background-color: #7322c9;
}
.accordions-general .accordions__inner::-webkit-scrollbar-thumb:hover {
background-color: #7322c9;
}
.accordions-general .accordions__inner.mobile-open {
height: 427px;
overflow-y: auto;
}
.accordions-general .accordions__inner.mobile-open .accordions__title::before {
transform: rotate(180deg);
}
}
.accordions-general .accordion__item.open .accordion__icon {
transform: rotate(180deg);
top: 10px;
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__item.open .accordion__icon {
top: 5px;
}
.accordions-general .accordion__item.open .accordion__icon::after {
opacity: 0;
}
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__item.open .accordion__question {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1025px) {
.accordions-general .accordion__item {
padding-bottom: 14px;
}
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__item {
border-bottom: 1px solid rgba(49, 49, 54, 0.2);
margin-bottom: 20px;
}
}
.accordions-general .accordion__question {
border-bottom: 1px solid rgba(49, 49, 54, 0.2);
padding-bottom: 2px;
margin-bottom: 34px;
}
@media only screen and (min-width: 1025px) {
.accordions-general .accordion__question {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__question {
border: 0;
margin-bottom: 0;
padding-bottom: 17px;
}
}
.accordions-general .accordion__button {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 20px;
line-height: 36px;
background: none;
border: 0;
padding: 0;
letter-spacing: 0.7px;
width: 100%;
text-align: left;
padding-right: 40px;
position: relative;
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__button {
font-size: 17px;
line-height: 28px;
letter-spacing: 0.4px;
}
}
.accordions-general .accordion__icon {
line-height: 17px;
position: absolute;
right: 0;
top: 13px;
}
.accordions-general .accordion__icon::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
color: #7322c9;
content: "\F107";
display: inline-block;
font-size: 17px;
line-height: 17px;
}
@media only screen and (max-width: 1024px) {
.accordions-general .accordion__icon {
width: 14px;
height: 14px;
top: 0;
}
.accordions-general .accordion__icon::before, .accordions-general .accordion__icon::after {
content: "";
background: #2d2d2d;
position: absolute;
right: 0;
bottom: 0;
width: 14px;
height: 2px;
}
.accordions-general .accordion__icon::after {
transform: rotate(90deg);
}
}
.accordions-general .accordion__info p {
margin-bottom: 26px;
width: 90%;
}
@media only screen and (min-width: 1025px) {
.accordions-general .accordion__info p {
margin-bottom: 14px;
}
}
.home-club {
background-color: #fff;
max-width: 1440px;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.home-club {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 1024px) {
.home-club section {
padding: 0 !important;
}
}
.home-club section .main-title {
-webkit-text-stroke: 1px #2d2d2d;
}
@media only screen and (min-width: 768px) {
.home-club section .main-title {
padding: 0;
}
}
.home-club section .title-opposite {
text-shadow: none !important;
}
.home-club section .content {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.home-club section .content {
flex-direction: row;
}
}
@media only screen and (min-width: 1025px) {
.home-club .home-club__text-col {
width: 430px;
}
}
@media only screen and (max-width: 767px) {
.home-club .home-club__text-col {
padding-bottom: 50px;
}
}
.home-club .home-club__text-col .home-club__timetable {
position: relative;
}
.home-club .home-club__text-col .home-club__timetable--date {
font-size: 24px;
line-height: 28px;
color: #fe7000;
margin-bottom: 22px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.home-club .home-club__text-col .home-club__timetable--date::after {
position: absolute;
top: 0;
right: 0;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F107";
font-size: 20px;
font-weight: bold;
color: #313136;
}
.home-club .home-club__text-col .home-club__timetable--date.hide-timetable + .toggle-content {
display: none;
}
.home-club .home-club__text-col .home-club__timetable--date.hide-timetable::after {
transform: rotate(180deg);
}
.home-club .home-club__text-col .home-club__timetable .toggle-content {
max-height: 400px;
overflow-y: scroll;
}
.home-club .home-club__text-col .home-club__details {
margin-bottom: 0;
}
.home-club .home-club__text-col .home-club__details ul {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 2px 2px 2px 0;
}
@media only screen and (max-width: 1024px) {
.home-club .home-club__text-col .home-club__details ul {
display: block;
}
}
.home-club .home-club__text-col .home-club__details ul li {
white-space: nowrap;
width: 50%;
}
@media only screen and (max-width: 1024px) {
.home-club .home-club__text-col .home-club__details ul li {
padding: 0;
width: 100%;
}
}
.home-club .home-club__text-col .home-club__details--print-schedule::before, .home-club .home-club__text-col .home-club__details--live-gxr::before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.home-club .home-club__text-col .home-club__details--print-schedule {
font-size: 12px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
flex-basis: 50%;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
}
.home-club .home-club__text-col .home-club__details--print-schedule::before {
width: 16px;
height: 16px;
background-image: url("../../img/svg/printer.svg");
background-size: contain;
}
.home-club .home-club__text-col .home-club__details--live-gxr::before {
display: none;
}
.home-club .home-club__text-col .home-club__details .filter-status__live,
.home-club .home-club__text-col .home-club__details .filter-status__virtual {
border: none;
flex-basis: 50%;
margin-left: auto;
text-align: left;
-webkit-user-select: none;
user-select: none;
}
.home-club .home-club__text-col .home-club__details .filter-status__live label::before,
.home-club .home-club__text-col .home-club__details .filter-status__virtual label::before {
display: none;
}
.home-club .home-club__text-col .home-club__details .filter-status__live:active,
.home-club .home-club__text-col .home-club__details .filter-status__virtual:active {
outline: auto;
}
.home-club .home-club__image-col {
flex-grow: 1;
padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.home-club .home-club__image-col {
padding-bottom: 20px;
padding-left: 33px;
}
}
.home-club .home-club__image-col .home-club__image {
display: block;
font-size: 0;
padding: 0;
margin: 0 9px 9px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
max-width: 750px;
}
@media only screen and (min-width: 768px) {
.home-club .home-club__image-col .home-club__image {
max-width: 100%;
max-height: 350px;
margin: 0;
}
}
.home-club .home-club__image-col .home-club__image::before {
content: "";
display: block;
padding-top: 66.6666666667%;
width: 100%;
}
.home-club .home-club__image-col .home-club__next-class {
display: flex;
flex-direction: column;
margin-top: 20px;
padding: 0 15px;
}
@media only screen and (min-width: 768px) {
.home-club .home-club__image-col .home-club__next-class {
padding: 0;
}
}
.home-club .home-club__image-col .home-club__next-class--title {
font-size: 24px;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
}
.home-club .home-club__image-col .home-club__next-class--title-first {
color: #7adec9;
}
.home-club .home-club__image-col .home-club__next-class--description {
margin-top: 20px;
}
.home-club .gxr-classes__list {
height: 100%;
}
@media only screen and (max-width: 767px) {
.home-club .gxr-classes__list {
width: 100%;
}
}
.home-club .gxr-item {
border-bottom: solid 1px #c5c5c5;
}
.home-club .gxr-item:first-child {
border-top: solid 1px #c5c5c5;
}
.home-club .gxr-item--full.gxr-item__link::after {
color: #c5c5c5;
opacity: 0.6;
}
.home-club .gxr-item__link {
background-color: #fff;
align-items: center;
color: #313136;
display: flex;
height: 55px;
position: relative;
padding: 0 4px;
}
.home-club .gxr-item__link .gxr-item__hours {
margin-right: 16px;
min-width: 100px;
}
.home-club .gxr-item__link .gxr-item__title__label {
font-size: 13px;
line-height: 28px;
position: relative;
text-transform: uppercase;
flex-direction: column;
align-items: flex-start;
font-weight: bold;
}
.home-club .gxr-item__link .gxr-item__title__label.virtual-classes::before, .home-club .gxr-item__link .gxr-item__title__label.live-classes::before {
content: "";
display: block;
position: absolute;
top: 45%;
left: -8px;
transform: translateY(-50%);
width: 3px;
height: 13px;
}
.home-club .gxr-item__link .gxr-item__title__label.virtual-classes::before {
background-color: #fe7000;
}
.home-club .gxr-item__link .gxr-item__title__label.live-classes::before {
background-color: #7dcd19;
}
.home-club .gxr-item__link .gxr-item__title__info {
background-color: #fe7000;
margin-left: auto;
text-transform: uppercase;
color: #fff;
font-weight: bold;
width: 68px;
height: 31px;
line-height: 32px;
text-align: center;
}
.home-club .gxr-item__link::after {
content: "\F103";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
display: inline-block;
color: #fe7000;
font-size: 19px;
line-height: 1;
vertical-align: middle;
margin-left: auto;
}
.related-article {
font-style: initial;
padding: 10px 16px 60px;
margin: auto;
}
@media only screen and (min-width: 768px) {
.related-article {
max-width: 90vw;
}
}
.related-article .related-article__inner {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__inner {
flex-direction: row;
}
}
.related-article .related-article__wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 1088px;
margin: 0 auto 30px;
}
.related-article .related-article__wrapper .main-title {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__wrapper {
flex-direction: row;
align-items: flex-end;
margin-bottom: 60px;
}
}
.related-article .related-article__item {
margin-bottom: -60px;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__item {
width: calc((100% / 3) - (32px / 2));
margin-right: 32px;
margin-bottom: -96px !important;
}
.related-article .related-article__item:last-child {
margin-right: 0;
}
}
.related-article .related-article__item.mobile-layout__row, .related-article .related-article__item:not(:first-of-type) {
display: flex;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__item.mobile-layout__row, .related-article .related-article__item:not(:first-of-type) {
display: block;
}
}
@media only screen and (max-width: 767px) {
.related-article .related-article__item.mobile-layout__row .related-article__title, .related-article .related-article__item:not(:first-of-type) .related-article__title {
font-size: 14px;
line-height: 20px;
max-height: 60px;
margin-top: 0;
}
.related-article .related-article__item.mobile-layout__row .related-article__picture, .related-article .related-article__item:not(:first-of-type) .related-article__picture {
width: 74px;
height: 70px;
}
.related-article .related-article__item.mobile-layout__row .related-article__image, .related-article .related-article__item:not(:first-of-type) .related-article__image {
min-height: auto;
}
.related-article .related-article__item.mobile-layout__row .related-article__text, .related-article .related-article__item:not(:first-of-type) .related-article__text {
top: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
background-color: transparent;
}
.related-article .related-article__item.mobile-layout__row .related-article__category,
.related-article .related-article__item.mobile-layout__row .related-article__description, .related-article .related-article__item:not(:first-of-type) .related-article__category,
.related-article .related-article__item:not(:first-of-type) .related-article__description {
display: none;
}
}
.related-article .related-article__title {
font-size: 20px;
line-height: 24px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
max-height: 72px;
margin-top: 20px;
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related-article .related-article__title,
.related-article .related-article__description {
padding-right: 18px;
}
.related-article .related-article__text {
position: relative;
top: -96px;
width: 90%;
margin: auto;
padding-top: 30px;
padding-left: 30px;
background-color: #fff;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__text {
width: 70%;
height: 280px;
margin-right: 0;
display: flex;
flex-direction: column;
}
}
.related-article .related-article__category {
width: -moz-fit-content;
width: fit-content;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #2d2d2d;
font-size: 14px;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.related-article .related-article__category {
font-size: 11px;
}
}
.related-article .related-article__description {
line-height: 28px;
max-height: 56px;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}
.related-article .related-article__link {
display: flex;
align-items: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
@media only screen and (min-width: 1025px) {
.related-article .related-article__link {
margin-top: auto;
}
}
.related-article .related-article__image {
width: 100%;
min-height: 384px;
-o-object-fit: cover;
object-fit: cover;
}
.top-promo-banner,
.experience-layouts-usptopbar {
display: none;
}
.sticky-header {
height: auto;
position: sticky;
transition: height 0.3s linear;
top: 0;
z-index: 41;
width: 100%;
}
.main-page-header {
background-color: transparent;
top: 0;
transition: all 0.3s ease-in-out;
width: 100%;
z-index: 40;
min-height: 86px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
.main-page-header {
min-height: 96px;
}
}
@media only screen and (min-width: 1280px) {
.main-page-header {
min-height: 117px;
}
}
.main-page-header.non-sticky {
position: relative;
border-bottom: 1px solid #ece9e8;
}
@media only screen and (max-width: 1024px) {
.main-page-header.non-sticky {
border-bottom: 0;
height: auto;
}
}
.main-page-header .seamly-search-placeholder input:focus-visible {
outline: none !important;
}
.main-page-header .icon-clock-24-tt::before {
background-image: url("../../img/svg/icon-clock-24-tt.svg");
}
.main-page-header .icon-kettlebell-tt::before {
background-image: url("../../img/svg/icon-kettlebell-tt.svg");
}
.main-page-header .icon-app-tt::before {
background-image: url("../../img/svg/icon-app-tt.svg");
}
.main-page-header .icon-hart-barbell-tt::before {
background-image: url("../../img/svg/icon-hart-barbell-tt.svg");
}
.main-page-header .icon-club-tt::before {
background-image: url("../../img/svg/icon-club-tt.svg");
}
.main-page-header .icon-clubs-tt::before {
background-image: url("../../img/svg/icon-clubs-tt.svg");
}
.main-page-header .icon-star-discount-tt::before {
background-image: url("../../img/svg/icon-star-discount-tt.svg");
}
.main-page-header .icon-marker-tt::before {
background-image: url("../../img/svg/icon-marker-tt.svg");
}
.main-page-header .icon-barbell-tt::before {
background-image: url("../../img/svg/icon-barbell-tt.svg");
}
.main-page-header .icon-group-tt::before {
background-image: url("../../img/svg/icon-group-tt.svg");
}
.header-max-col {
width: 100%;
max-width: 1440px;
padding: 0 40px;
}
@media only screen and (max-width: 900px) {
.header-max-col {
padding: 0 16px;
}
}
.header-row-usp {
background-color: #ece9e8;
min-height: 40px;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 1280px) {
.header-row-usp {
min-height: 45px;
}
}
.header-row-usp .header-max-col {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1279px) {
.header-row-usp .header-max-col {
justify-content: center;
}
}
.header-usp-swiper-container {
position: relative;
display: inline-block;
max-width: 100%;
margin: auto;
}
@media only screen and (min-width: 1280px) {
.main-page-header:not(.main-campaign-header) .header-usp-swiper-container {
padding: 0;
margin: 0;
flex: 1;
}
}
.header-usp-swiper-container:has(.header-usp-navigation div:not(.swiper-button-lock)) {
padding: 0 30px;
}
.header-usp-swiper-container:has(.header-usp-navigation div:not(.swiper-button-lock)) .swiper-wrapper {
cursor: grab;
}
.header-usp-swiper-container .header-usp-navigation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.header-usp-swiper-container .arrow-prev,
.header-usp-swiper-container .arrow-next {
display: none;
width: 12px;
height: 12px;
position: absolute;
top: calc(50% - 6px);
cursor: pointer;
line-height: 0;
}
.header-usp-swiper-container .arrow-prev.swiper-button-lock,
.header-usp-swiper-container .arrow-next.swiper-button-lock {
display: none;
}
.header-usp-swiper-container .arrow-prev.swiper-button-disabled,
.header-usp-swiper-container .arrow-next.swiper-button-disabled {
cursor: auto;
opacity: 0.2;
}
.header-usp-swiper-container .arrow-prev::before,
.header-usp-swiper-container .arrow-next::before {
content: "\F109";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
font-size: 12px;
line-height: 12px;
}
.header-usp-swiper-container .arrow-prev {
left: 0;
}
.header-usp-swiper-container .arrow-next {
right: 0;
transform: scale(-1, 1);
}
.header-usp-swiper {
line-height: 0;
flex: 1;
overflow: hidden;
max-width: 100%;
padding: 3px;
}
@media only screen and (min-width: 1280px) {
.header-usp-swiper {
justify-content: flex-start;
}
}
.header-usp-swiper .swiper-wrapper {
display: none;
gap: 40px;
width: auto;
height: auto;
z-index: 2;
cursor: auto;
}
.header-usp-swiper.swiper-initialized .swiper-wrapper {
display: inline-flex;
gap: 0;
align-items: center;
}
.header-usp-swiper.swiper-initialized + .header-usp-navigation .arrow-prev:not(.swiper-button-lock),
.header-usp-swiper.swiper-initialized + .header-usp-navigation .arrow-next:not(.swiper-button-lock) {
display: block;
}
.header-usp-swiper .swiper-slide {
width: auto;
}
.header-usp-swiper img,
.header-usp-swiper .image-wrapper {
max-width: 16px;
max-height: 16px;
line-height: 0;
}
.header-usp-swiper .title-wrapper,
.header-usp-swiper .title-wrapper a {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%;
text-transform: none;
width: auto;
display: flex;
gap: 11px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.header-usp-swiper .title-wrapper,
.header-usp-swiper .title-wrapper a {
justify-content: center;
}
}
.header-usp-swiper .title-wrapper .icon,
.header-usp-swiper .title-wrapper a .icon {
flex-shrink: 0;
}
.header-usp-swiper .title-wrapper .value,
.header-usp-swiper .title-wrapper a .value {
overflow: hidden;
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.header-usp-swiper .title-wrapper a {
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
.header-usp-swiper .title-wrapper a {
text-decoration: none;
}
.header-usp-swiper .title-wrapper a:hover {
text-decoration: underline;
}
}
.header-usp-swiper .icon {
position: relative;
display: block;
width: 16px;
height: 16px;
}
.header-usp-swiper .icon::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.header-promo-banner-container {
display: flex;
gap: 8px;
align-items: center;
}
.header-promo-banner-container::before {
content: "";
width: 16px;
height: 16px;
background-image: url("../../img/svg/icon-star-discount-tt.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
.header-promo-banner-container .promo-banner-text {
overflow: hidden;
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.header-promo-banner-container .promo-banner-text,
.header-promo-banner-container a {
font-size: 14px;
line-height: 130%;
text-transform: none;
cursor: default;
}
.header-promo-banner-container .promo-banner-text b,
.header-promo-banner-container .promo-banner-text strong,
.header-promo-banner-container a b,
.header-promo-banner-container a strong {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
}
.header-promo-banner-container a.is-link {
cursor: pointer;
overflow: hidden;
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.header-promo-banner-container a.is-link:not(.link-promo-counter) {
color: #6131ad;
text-decoration: underline;
}
.header-promo-banner-container a.is-link:not(.link-promo-counter):hover {
text-decoration: none;
}
.header-promo-banner-container a.nobreak-link {
flex-shrink: 0;
}
.header-promo-banner-container .promo-banner-counter,
.header-promo-banner-container .promo-banner-counter-days {
position: relative;
line-height: 130%;
font-size: 12px;
display: flex;
gap: 2px;
color: #6131ad;
flex-shrink: 0;
}
.header-promo-banner-container a.link-promo-counter {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
position: relative;
}
.header-promo-banner-container a.link-promo-counter.is-link::after {
content: "";
position: absolute;
height: 1px;
width: 100%;
bottom: 2px;
left: 0;
background-color: #6131ad;
}
.header-promo-banner-container a.link-promo-counter.is-link:hover::after {
content: none;
}
.header-promo-banner-container a.link-promo-counter .dD {
font-family: "HeadingProDouble-Regular", sans-serif;
}
.header-promo-banner-container .promo-banner-counter-days {
font-family: "HeadingProDouble-Regular", sans-serif;
}
.header-promo-banner-container .promo-banner-counter-days b,
.header-promo-banner-container .promo-banner-counter-days strong {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
}
.service-menu {
display: none;
}
@media only screen and (min-width: 1280px) {
.service-menu.desktop {
display: flex;
gap: 24px;
height: 100%;
align-items: center;
margin-left: auto;
padding-left: 24px;
flex-shrink: 0;
}
.service-menu.desktop .link-my-basicfit.active span::before,
.service-menu.desktop .link-customer-service.active span::before {
bottom: -10px;
}
}
@media only screen and (max-width: 1279px) {
.service-menu.touch {
display: flex;
flex-direction: column;
margin: 0 24px;
height: 190px;
}
.service-menu.touch .link-my-basicfit,
.service-menu.touch .link-customer-service {
padding: 12px 4px;
}
.service-menu.touch .link-my-basicfit.active span::before,
.service-menu.touch .link-customer-service.active span::before {
bottom: -10px;
}
.service-menu.touch .select-wrap {
margin-top: 46px;
display: flex;
align-items: center;
position: relative;
}
.service-menu.touch .select-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #575757;
z-index: -2;
}
.service-menu.touch .select-wrap::after {
position: static;
right: auto;
top: auto;
margin: 0;
}
.service-menu.touch .language-selector-touch {
font-family: "HeadingProTreble-Regular", sans-serif;
font-size: 14px;
margin: 0;
padding: 4px;
background-color: transparent;
border: 0;
width: auto;
height: 48px;
}
}
.link-my-basicfit,
.link-customer-service {
text-transform: none;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
display: inline-flex;
gap: 8px;
align-items: center;
}
@media only screen and (max-width: 1279px) {
.link-my-basicfit,
.link-customer-service {
align-self: flex-start;
}
}
.link-my-basicfit::before,
.link-customer-service::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
line-height: normal;
background-color: white;
width: 24px;
height: 24px;
border-radius: 12px;
display: inline-flex;
justify-content: center;
align-items: center;
}
@media (hover: hover) and (pointer: fine) {
.link-my-basicfit:hover::before,
.link-customer-service:hover::before {
color: #fe7000;
}
.link-my-basicfit:hover span,
.link-customer-service:hover span {
text-decoration: underline;
}
}
.link-my-basicfit.active span,
.link-customer-service.active span {
position: relative;
}
.link-my-basicfit.active span::before,
.link-customer-service.active span::before {
content: "";
position: absolute;
height: 2px;
left: 0;
bottom: 0;
right: 0;
background-color: #fe7000;
}
.link-my-basicfit span,
.link-customer-service span {
display: inline-block;
height: 100%;
position: relative;
}
.link-my-basicfit::before {
content: "\F124";
}
.link-customer-service::before {
content: "\F111";
}
.country-selector {
display: flex;
align-items: center;
position: relative;
}
@media only screen and (min-width: 1025px) {
.country-selector {
white-space: nowrap;
}
}
.country-selector:hover .country-link, body:not(.mouse-navigation) .country-selector:focus-within .country-link {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
cursor: pointer;
}
.country-selector:hover .country-link::after, body:not(.mouse-navigation) .country-selector:focus-within .country-link::after {
content: "\F10B";
color: #fe7000;
}
.country-selector:hover .country-menu, body:not(.mouse-navigation) .country-selector:focus-within .country-menu {
display: block;
}
.country-link {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
cursor: pointer;
}
.country-link::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F107";
font-size: 14px;
position: relative;
display: inline-block;
margin-left: 4px;
}
.country-menu {
display: none;
position: absolute;
top: 30px;
right: -4px;
font-size: 14px;
background-color: #fff;
border: 1px solid #d5d5d5;
z-index: 1;
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
padding: 8px;
}
.country-menu a {
position: relative;
display: block;
padding: 8px;
color: #313136;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 14px;
line-height: 130%;
text-transform: none;
}
.country-menu a + a {
border-top: 1px solid #ece9e8;
padding-top: 8px;
}
.country-menu a:hover {
text-decoration: underline;
}
.country-menu a.active {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
pointer-events: none;
}
.header-row-navigation {
background-color: #fff;
min-height: 56px;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.header-row-navigation {
min-height: 56px;
}
}
@media only screen and (min-width: 1280px) {
.header-row-navigation {
min-height: 72px;
}
}
.header-row-navigation .header-max-col {
display: flex;
gap: 24px;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 1280px) {
.header-row-navigation .header-max-col {
gap: 40px;
}
}
@media only screen and (max-width: 415px) {
.header-row-navigation .header-max-col {
gap: 10px;
}
}
.logo-link {
display: inline-block;
line-height: 0;
}
.bf-header-logo {
order: 0;
width: 92px;
display: inline-block;
line-height: 0;
}
@media only screen and (min-width: 1280px) {
.bf-header-logo {
width: 100px;
}
}
.header-navigation {
order: 1;
flex: 1;
height: 100%;
}
.header-navigation .main-header-menu-wrapper {
display: none;
}
@media only screen and (max-width: 1279px) {
.header-navigation .main-header-menu-wrapper {
flex-direction: column;
display: flex;
display: none;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
max-width: 360px;
background-color: #ece9e8;
z-index: 2;
opacity: 0;
right: -360px;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
pointer-events: none;
}
.header-navigation .main-header-menu-wrapper.takeplace {
display: flex;
}
.header-navigation .main-header-menu-wrapper.visible {
opacity: 1;
transform: translate3d(-360px, 0, 0);
pointer-events: all;
}
}
@media only screen and (min-width: 1280px) {
.header-navigation .main-header-menu-wrapper {
display: flex;
height: 100%;
}
}
@media only screen and (max-width: 415px) {
.header-navigation .main-header-menu-wrapper {
max-width: 100%;
right: -100%;
}
.header-navigation .main-header-menu-wrapper.visible {
transform: translate3d(-100%, 0, 0);
}
}
.touch-menu-header {
display: none;
}
@media only screen and (max-width: 1279px) {
.touch-menu-header {
display: flex;
align-items: center;
gap: 24px;
padding: 12px 16px;
height: 56px;
}
}
.touch-menu-header .touch-menu-logo {
width: 92px;
position: relative;
display: block;
margin-right: auto;
line-height: 0;
}
.touch-menu-header .touch-menu-logo img {
width: 100%;
display: inline-block;
line-height: 0;
}
.touch-menu-header .btn.become-member {
order: initial;
}
.touch-menu-header .touch-menu-close {
display: flex;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: 0;
}
.touch-menu-header .touch-menu-close::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F10D";
display: block;
font-size: 16px;
position: relative;
margin: 0;
color: #313136;
}
.menu-popup-overlay {
display: none;
}
.has-menu-popup-overlay .menu-popup-overlay {
display: block;
position: fixed;
opacity: 0.25;
background: #2d2d2d;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
.menu-body {
height: 100%;
width: 100%;
}
@media only screen and (max-width: 1279px) {
.menu-body {
height: calc(100% - 56px);
display: flex;
flex-direction: column;
overflow: auto;
scrollbar-color: #c5c5c5 transparent;
scrollbar-width: thin;
}
.menu-body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.menu-body::-webkit-scrollbar-track {
background-color: transparent;
}
.menu-body::-webkit-scrollbar-thumb {
background-color: #c5c5c5;
}
}
@media only screen and (min-width: 1280px) {
.menu-body::after {
pointer-events: none;
content: "";
position: fixed;
opacity: 0;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
background: linear-gradient(1deg, rgba(0, 0, 0, 0.5) 42.91%, rgba(0, 0, 0, 0) 76.23%);
transition: opacity 0.3s;
}
.menu-body:has(.main-header-menu-item:hover)::after {
opacity: 0.3;
}
body:not(.mouse-navigation) .menu-body:has(.main-header-menu-item:focus-within)::after {
opacity: 0.3;
}
}
@media only screen and (max-width: 1279px) {
.menu-body .scroll-wrapper {
position: relative;
display: flex;
flex-direction: column;
min-height: -moz-fit-content;
min-height: fit-content;
height: -webkit-fill-available;
height: fill-available;
}
}
@media only screen and (max-width: 1279px) and (hover: hover) and (pointer: fine) {
.menu-body .scroll-wrapper {
height: 100%;
}
}
@media only screen and (min-width: 1280px) {
.menu-body .scroll-wrapper {
height: 100%;
width: 100%;
}
}
.main-header-menu {
display: flex;
height: 100%;
}
@media only screen and (max-width: 1279px) {
.main-header-menu {
flex-direction: column;
padding: 24px 16px;
height: auto;
flex: 1;
margin-top: -14px;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu {
gap: 16px;
}
}
.main-header-menu a {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
font-style: normal;
line-height: 150%;
text-transform: none;
}
.main-header-menu .main-header-menu-item {
max-width: 100%;
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-menu-item:hover > a::after,
.main-header-menu .main-header-menu-item:hover > a:has(+ .main-header-sub-menu-wrapper)::after, .main-header-menu .main-header-menu-item:focus-within:not(.mouse-navigation .main-header-menu .main-header-menu-item) > a::after,
.main-header-menu .main-header-menu-item:focus-within:not(.mouse-navigation .main-header-menu .main-header-menu-item) > a:has(+ .main-header-sub-menu-wrapper)::after {
color: #fe7000;
transform: scale(1, -1);
}
.main-header-menu .main-header-menu-item:hover .main-header-sub-menu-wrapper, .main-header-menu .main-header-menu-item:focus-within:not(.mouse-navigation .main-header-menu .main-header-menu-item) .main-header-sub-menu-wrapper {
display: block;
}
.main-header-menu .main-header-menu-item:hover > a::before, .main-header-menu .main-header-menu-item.active > a::before, .main-header-menu .main-header-menu-item:focus-within:not(.mouse-navigation .main-header-menu .main-header-menu-item) > a::before {
content: "";
position: absolute;
height: 4px;
left: 0;
bottom: 0;
right: 0;
background-color: #fe7000;
}
.main-header-menu .main-header-menu-item .main-header-sub-menu-wrapper {
position: fixed;
width: 100%;
left: 0;
top: var(--header-height);
pointer-events: none;
}
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-menu-item {
margin-top: 12px;
}
.main-header-menu .main-header-menu-item.active > a::before {
content: "";
position: absolute;
width: 4px;
top: 0;
left: 0;
bottom: 0;
background-color: #fe7000;
}
}
.main-header-menu .main-header-menu-item > a {
position: relative;
padding: 8px;
display: flex;
align-items: center;
height: 100%;
min-height: 60px;
}
.main-header-menu .main-header-menu-item > a:has(+ .main-header-sub-menu-wrapper)::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F102";
display: block;
font-size: 16px;
position: relative;
transform: scale(1, 1);
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-menu-item > a:has(+ .main-header-sub-menu-wrapper)::after {
transform: rotate(-90deg);
margin-left: auto;
}
}
.main-header-menu .main-header-menu-item > a:has(+ .main-header-sub-menu-wrapper):hover::after {
color: #fe7000;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-menu-item > a {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 15px;
line-height: 130%;
background-color: #fff;
padding: 16px;
gap: 16px;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-menu-item > a {
gap: 8px;
}
}
.main-header-menu .main-header-menu-item > a .icon {
display: none;
position: relative;
flex-shrink: 0;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-menu-item > a .icon {
display: block;
width: 32px;
height: 26px;
}
.main-header-menu .main-header-menu-item > a .icon::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
}
.main-header-menu .main-header-menu-item-visual {
max-width: 100%;
height: 180px;
position: absolute;
pointer-events: none;
bottom: 0;
right: 0;
z-index: -1;
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-menu-item-visual {
display: none;
}
}
.main-header-menu .main-header-menu-item-visual img {
max-width: 100%;
height: 100%;
display: block;
position: relative;
}
.main-header-menu .main-header-sub-menu-wrapper {
display: none;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-sub-menu-wrapper {
flex-direction: column;
display: flex;
position: fixed;
top: 56px;
bottom: 0;
width: 100%;
max-width: 360px;
background-color: #ece9e8;
z-index: 2;
opacity: 0;
right: -360px;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-out;
}
.main-header-menu .main-header-sub-menu-wrapper.visible {
opacity: 1;
pointer-events: auto;
transform: translate3d(-360px, 0, 0);
}
}
@media only screen and (max-width: 415px) {
.main-header-menu .main-header-sub-menu-wrapper {
max-width: 100%;
right: -100%;
}
.main-header-menu .main-header-sub-menu-wrapper.visible {
transform: translate3d(-100%, 0, 0);
}
}
.main-header-menu .main-header-sub-menu-container {
overflow: auto;
height: 100%;
width: 100%;
scrollbar-color: #c5c5c5 transparent;
scrollbar-width: thin;
}
.main-header-menu .main-header-sub-menu-container::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.main-header-menu .main-header-sub-menu-container::-webkit-scrollbar-track {
background-color: transparent;
}
.main-header-menu .main-header-sub-menu-container::-webkit-scrollbar-thumb {
background-color: #c5c5c5;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-sub-menu-container {
background-color: #ece9e8;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-container {
display: flex;
max-width: 1200px;
padding: 0 40px;
margin: auto;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(1):nth-last-of-type(1)) .main-header-sub-menu {
max-width: 400px;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(1):nth-last-of-type(1)) .main-header-sub-menu-column {
flex-basis: 100%;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(2):nth-last-of-type(1)) .main-header-sub-menu {
max-width: 752px;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(2):nth-last-of-type(1)) .main-header-sub-menu-column {
flex-basis: 50%;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(3):nth-last-of-type(1)) .main-header-sub-menu {
max-width: 1200px;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(3):nth-last-of-type(1)) .main-header-sub-menu-column {
flex-basis: 33.33%;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(4):nth-last-of-type(1)) .main-header-sub-menu {
max-width: 1200px;
}
.main-header-menu .main-header-sub-menu-container:has(.main-header-sub-menu-column:nth-of-type(4):nth-last-of-type(1)) .main-header-sub-menu-column {
flex-basis: 25%;
}
}
.main-header-menu .touch-menu-sub-header {
display: none;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .touch-menu-sub-header {
display: flex;
padding: 24px 16px;
background-color: #ece9e8;
z-index: 1;
}
}
.main-header-menu .touch-menu-sub-header .touch-menu-back {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
background-color: #fff;
padding: 16px 24px;
width: 100%;
font-size: 15px;
line-height: 130%;
cursor: pointer;
display: flex;
gap: 16px;
align-items: center;
min-height: 60px;
border: 0;
}
.main-header-menu .touch-menu-sub-header .touch-menu-back::before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F102";
display: block;
font-size: 16px;
position: relative;
transform: rotate(90deg);
}
.main-header-menu .touch-menu-sub-header .touch-menu-back:hover::before {
color: #fe7000;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-sub-menu {
margin-top: -18px;
}
.main-header-menu .main-header-sub-menu:has(+ .main-header-sub-menu-visual) {
padding-bottom: 146px;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu {
display: flex;
width: 100%;
gap: 32px;
padding: 40px;
background-color: #fff;
pointer-events: all;
position: relative;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-sub-menu-column:not(.main-header-sub-menu-visual) {
padding: 32px 24px 16px;
border-top: 2px solid #fff;
position: relative;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-column {
padding: 8px 16px 0;
}
}
.main-header-menu .main-header-sub-menu-column-title {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 14px;
line-height: 130%;
text-transform: uppercase;
display: block;
}
@media only screen and (max-width: 1279px) {
.main-header-menu .main-header-sub-menu-column-title {
padding: 0 0 8px;
}
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-column-title {
margin: 8px 0;
}
}
.main-header-menu .main-header-sub-menu-list-item {
padding: 16px 0;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 64px;
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-list-item {
min-height: 48px;
padding: 0;
}
}
.main-header-menu .main-header-sub-menu-list a {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 150%;
display: block;
overflow: hidden;
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-list a {
min-height: 24px;
margin: 8px 0;
}
}
@media (hover: hover) and (pointer: fine) {
.main-header-menu .main-header-sub-menu-list a:hover {
text-decoration: underline;
}
}
.main-header-menu .main-header-sub-menu-visual {
max-width: 100%;
height: 180px;
position: absolute;
pointer-events: none;
bottom: 0;
right: 0;
z-index: 0;
}
@media only screen and (min-width: 1280px) {
.main-header-menu .main-header-sub-menu-visual {
display: none;
}
}
.main-header-menu .main-header-sub-menu-visual img {
max-width: 100%;
height: 100%;
display: block;
position: relative;
}
.header-row-navigation .seamly-search-placeholder {
order: 3;
}
@media only screen and (max-width: 767px) {
.header-row-navigation .seamly-search-placeholder .seamly-search .cx-search-box__button {
right: 4px;
}
.header-row-navigation .seamly-search-placeholder .seamly-search .cx-search-box__button--activated {
right: 0;
}
}
.header-row-navigation .seamly-search-placeholder .seamly-search .cx-search-box__button::after {
background-image: url("../../img/svg/navigation-search.svg");
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
width: calc(100vw - var(--scrollbar-width) - 64px);
border: 0;
max-width: none;
height: 46px;
top: -7px;
}
@media only screen and (min-width: 768px) {
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
height: 56px;
top: -12px;
}
}
@media only screen and (min-width: 901px) {
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
width: calc(100vw - var(--scrollbar-width) - 88px);
}
}
@media only screen and (min-width: 1280px) {
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
width: 500px;
height: 72px;
top: -20px;
}
}
@media only screen and (max-width: 415px) {
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
width: calc(100vw - var(--scrollbar-width) - 50px);
}
}
@media only screen and (min-width: 1400px) {
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated {
width: 770px;
}
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input {
padding-left: 60px;
box-shadow: none;
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input::input-placeholder {
color: #2d2d2d;
font-size: 16px;
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input:placeholder {
color: #2d2d2d;
font-size: 16px;
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__button {
left: 0;
width: 64px;
height: 100%;
border-right: 1px solid #ece9e8;
border-left: 1px solid #ece9e8;
}
.header-row-navigation .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__button::after {
left: 50%;
transform: translate(-50%, -50%);
background-size: 20px;
}
.btn.become-member {
order: 2;
padding: 8px 16px;
height: 30px;
max-width: 343px;
font-size: 14px;
}
@media only screen and (max-width: 550px) {
.btn.become-member {
width: auto;
}
}
@media only screen and (min-width: 1280px) {
.btn.become-member {
order: 4;
padding: 8px 24px;
height: 36px;
min-width: 96px;
max-width: 343px;
font-size: 16px;
}
}
.hamburger-toggle {
order: 4;
display: block;
background-color: transparent;
padding: 0;
border: 0;
}
.hamburger-toggle::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F122";
display: block;
font-size: 24px;
position: relative;
}
@media only screen and (min-width: 1280px) {
.hamburger-toggle {
display: none;
}
}
.sticky-header-wrapper {
height: auto;
position: sticky;
transition: height 0.3s linear;
top: 0;
z-index: 41;
}
@media only screen and (min-width: 1025px) {
.sticky-header-wrapper {
width: 100%;
}
}
.sticky-header-wrapper .main-header {
background-color: transparent;
height: 64px;
top: 0;
transition: all 0.3s ease-in-out;
width: 100%;
z-index: 40;
}
@media only screen and (min-width: 1025px) {
.sticky-header-wrapper .main-header {
height: 96px;
}
}
.sticky-header-wrapper .main-header.non-sticky {
position: relative;
border-bottom: 1px solid #ece9e8;
}
@media only screen and (max-width: 1024px) {
.sticky-header-wrapper .main-header.non-sticky {
border-bottom: 0;
height: auto;
}
}
.sticky-header-wrapper .main-header.is-hidden {
transform: translateY(-64px);
}
@media only screen and (min-width: 1025px) {
.sticky-header-wrapper .main-header.is-hidden {
transform: translateY(-96px);
}
}
body.has-top-promo-banner .sticky-header-wrapper .main-header.is-hidden {
transform: translateY(-122px);
}
@media only screen and (min-width: 1025px) {
body.has-top-promo-banner .sticky-header-wrapper .main-header.is-hidden {
transform: translateY(-152px);
}
}
.main-navigation-wrapper {
display: flex;
align-items: center;
margin: auto;
height: 64px;
background-color: #fff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1025px) {
.main-navigation-wrapper {
height: 96px;
}
}
.main-navigation-wrapper .main-navigation-inner {
display: flex;
max-width: 1440px;
width: 100%;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.main-navigation-wrapper .main-navigation-inner {
margin-left: 16px;
margin-right: 16px;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.main-navigation-wrapper .main-navigation-inner {
padding-right: 30px;
padding-left: 30px;
}
}
.main-navigation-wrapper .main-navigation-links {
display: flex;
align-items: center;
margin-left: auto;
}
.main-navigation-wrapper .main-navigation-links ul {
min-width: 350px;
}
@media only screen and (max-width: 1024px) {
.non-sticky .main-navigation-wrapper {
display: block;
}
.non-sticky .main-navigation-wrapper .logo-wrapper {
height: 64px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.logo-wrapper {
display: flex;
align-items: center;
}
.bf-logo-header {
width: 105px;
height: 40px;
position: relative;
display: block;
}
@media only screen and (max-width: 1024px) {
.site-menu {
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background-color: #2d2d2d;
color: #fff;
text-align: center;
}
.site-menu.visible {
opacity: 1;
pointer-events: auto;
transition: opacity 0.2s ease-in-out;
}
}
.site-menu .mobile-tablet-header {
display: none;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.site-menu .mobile-tablet-header {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.site-menu .mobile-tablet-header {
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (max-width: 1024px) {
.site-menu .mobile-tablet-header {
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
padding-top: 3px;
background-color: #fff;
}
.site-menu .mobile-tablet-header .bf-logo-menu {
width: 100px;
height: 30px;
position: relative;
display: block;
background-image: url("../../img/svg/logo-bf-orange.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.site-menu .mobile-tablet-header .close-main-menu {
display: flex;
font-size: 0;
}
.site-menu .mobile-tablet-header .close-main-menu::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F10E";
display: block;
font-size: 24px;
position: relative;
margin: 0;
color: #313136;
}
}
@media only screen and (max-width: 767px) {
.site-menu .mobile-tablet-header {
height: 64px;
padding-top: 2px;
}
}
.site-menu .mobile-tablet-body {
height: 100%;
}
@media only screen and (max-width: 1024px) {
.site-menu .mobile-tablet-body {
padding-top: 75px;
overflow: auto;
}
}
@media only screen and (max-width: 767px) {
.site-menu .mobile-tablet-body {
padding-top: 50px;
}
}
.site-menu .mobile-tablet-extra-menu-items {
display: none;
margin: 20px auto 0;
}
@media only screen and (max-width: 1024px) {
.site-menu .mobile-tablet-extra-menu-items {
display: block;
}
}
.site-menu .mobile-tablet-extra-menu-items .join {
min-width: 150px;
display: block;
width: -moz-fit-content;
width: fit-content;
margin: 30px auto;
}
.site-menu .mobile-tablet-extra-menu-items .login-link,
.site-menu .mobile-tablet-extra-menu-items .big-link {
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
display: block;
}
.site-menu .mobile-tablet-extra-menu-items .login-link {
color: #fff;
}
.site-menu .mobile-tablet-extra-menu-items .login-link + .login-link {
margin-top: 20px;
}
.site-menu .mobile-tablet-extra-menu-items .big-link {
margin-bottom: 10px;
}
.site-menu .select-wrap::after {
top: 35px;
}
@media only screen and (max-width: 1024px) {
.site-menu .select-wrap::after {
top: 50%;
transform: translateY(-50%);
}
}
.site-menu .language-selector-tablet-mobile {
font-size: 18px;
line-height: 22px;
color: #fff;
background-color: transparent;
border: 0;
margin: 20px auto;
padding: 0 20px;
padding-bottom: 4px;
text-transform: capitalize;
box-shadow: none;
height: 40px;
}
.site-menu .language-selector-tablet-mobile option {
font-size: 16px;
line-height: 19px;
color: #313136;
background-color: transparent;
text-transform: capitalize;
}
.site-menu .mobile-tablet-footer {
display: none;
}
@media only screen and (max-width: 1024px) {
.site-menu .mobile-tablet-footer {
position: absolute;
left: -20px;
right: 0;
bottom: 0;
background-color: #fe7000;
height: 64px;
display: block;
transform: rotate(-3deg);
transform-origin: top right;
overflow: hidden;
}
}
.site-menu ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: transparent;
justify-content: flex-start;
height: 100%;
margin-left: 48px;
}
@media only screen and (max-width: 1366px) {
.site-menu ul {
margin-left: 18px;
}
}
@media only screen and (max-width: 1024px) {
.site-menu ul {
margin-left: 0;
}
}
.site-menu ul li {
margin: 0 24px 0 0;
}
@media only screen and (min-width: 1025px) {
.site-menu ul li {
display: flex;
align-items: center;
}
}
.site-menu ul li a {
color: #313136;
font-size: 16px;
line-height: 22px;
position: relative;
text-transform: none;
}
@media only screen and (max-width: 1279px) {
.site-menu ul li a {
font-size: 16px;
}
}
.site-menu ul li a.active, .site-menu ul li a:hover {
color: #fe7000;
}
@media only screen and (max-width: 1366px) {
.site-menu ul li {
margin: 0 2% 0 0;
}
}
@media only screen and (max-width: 1024px) {
.site-menu ul {
justify-content: space-around;
flex-direction: column;
height: auto;
}
.site-menu ul li {
margin: 10px 0;
}
.site-menu ul li a {
color: #fff;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
text-transform: uppercase;
font-size: 24px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.site-menu ul li {
margin: 6px 0;
}
.site-menu ul li a {
font-size: 16px;
line-height: 28px;
}
}
.secondary-menu {
display: flex;
align-items: center;
flex: 1;
justify-content: flex-end;
}
.secondary-menu a {
color: #313136;
}
.secondary-menu a:hover {
color: #6e6e6e;
}
@media only screen and (max-width: 1024px) {
.secondary-menu .join-login-wrapper {
order: 1;
}
.secondary-menu .search-wrapper,
.secondary-menu .seamly-search-placeholder {
order: 2;
margin-left: 10px;
}
.secondary-menu .menu-toggle {
order: 3;
margin-left: 17px;
}
}
@media only screen and (min-width: 768px) {
.secondary-menu .search-wrapper,
.secondary-menu .conversational-placeholder,
.secondary-menu .menu-toggle {
margin-left: 15px;
}
}
.secondary-menu .search-wrapper .header-search-link {
display: block;
position: relative;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .search-wrapper .header-search-link:hover::after {
content: "";
position: absolute;
width: 100%;
bottom: -27px;
left: 0;
height: 3px;
background-color: #d5d5d5;
}
}
.secondary-menu .search-wrapper .iconfont-search::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F12A";
display: block;
font-size: 24px;
position: relative;
margin: 0 16px;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .search-wrapper .iconfont-search::after {
font-size: 32px;
margin: 0;
}
}
.secondary-menu .big-link {
text-transform: uppercase;
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
cursor: pointer;
}
.secondary-menu .big-link.login-link:hover {
color: #fe7000;
}
.secondary-menu .big-link.orange {
padding: 5px 15px;
background-color: #fe7000;
color: #fff;
}
.secondary-menu .big-link.orange:hover {
color: #ffac6a;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .big-link.orange {
white-space: nowrap;
}
}
.secondary-menu .dropdown {
position: relative;
display: flex;
align-items: center;
}
.secondary-menu .login-link {
padding-right: 10px;
padding-left: 3px;
font-size: 16px;
line-height: 28px;
color: #d5d5d5;
white-space: nowrap;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .login-link ~ .separator {
margin-right: 18px;
}
}
.secondary-menu .join-login-wrapper {
display: flex;
align-items: center;
white-space: nowrap;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .join-login-wrapper .big-link {
margin-left: 18px;
margin-right: 18px;
}
}
.secondary-menu .language-wrapper {
display: flex;
align-items: center;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .language-wrapper {
white-space: nowrap;
}
}
.secondary-menu .language-wrapper .dropdown-toggle {
color: #d5d5d5;
cursor: pointer;
}
.secondary-menu .language-wrapper .dropdown-toggle:hover {
color: #6e6e6e;
}
.secondary-menu .language-wrapper .dropdown-menu {
right: -14px;
}
.secondary-menu .dropdown-toggle {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
}
.secondary-menu .dropdown-toggle::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F107";
font-size: 14px;
position: relative;
display: inline-block;
margin-left: 4px;
}
.secondary-menu .dropdown-menu {
display: none;
position: absolute;
min-width: 120px;
top: 24px;
right: 0;
border-radius: 4px;
font-size: 14px;
line-height: 17px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
background-color: #ece9e8;
border: 1px solid #d5d5d5;
z-index: 1;
}
.secondary-menu .dropdown-menu.show {
display: block;
}
.secondary-menu .dropdown-menu a {
position: relative;
display: block;
margin: 14px;
padding-right: 18px;
color: #313136;
font-size: 14px;
text-transform: capitalize;
}
.secondary-menu .dropdown-menu a + a {
border-top: 1px solid #d5d5d5;
padding-top: 14px;
}
.secondary-menu .dropdown-menu a:first-child::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F10B";
font-size: 14px;
position: absolute;
display: inline-block;
right: 0;
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated {
width: calc(100vw - 75px);
border: 0;
max-width: none;
height: 60px;
top: -15px;
}
@media only screen and (min-width: 1025px) {
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated {
height: 96px;
top: -33px;
width: 500px;
}
}
@media only screen and (min-width: 1400px) {
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated {
width: 770px;
}
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input {
padding-left: 60px;
box-shadow: none;
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input::input-placeholder {
color: #2d2d2d;
font-size: 16px;
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__input:placeholder {
color: #2d2d2d;
font-size: 16px;
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__button {
left: 0;
width: 64px;
height: 100%;
border-right: 1px solid #ece9e8;
border-left: 1px solid #ece9e8;
}
.secondary-menu .seamly-search-placeholder .cx-search-box__popper--activated .cx-search-box__button::after {
left: 50%;
transform: translate(-50%, -50%);
background-size: 20px;
}
.welcome {
color: #7adec9;
}
.menu-toggle {
display: block;
background-color: transparent;
padding: 0;
border: 0;
}
.menu-toggle::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F122";
display: block;
font-size: 24px;
position: relative;
}
@media only screen and (min-width: 1025px) {
.menu-toggle {
display: none;
}
}
.recruitment-top-header {
background: #efefef;
}
.recruitment-top-header .header-inner {
height: 32px;
padding: 2px 0;
width: 100%;
}
@media only screen and (min-width: 1025px) {
.recruitment-top-header .header-inner {
height: 40px;
padding: 5px 0;
}
}
.recruitment-top-header .header-wrapper {
display: flex;
max-width: 1440px;
width: 100%;
margin: auto;
justify-content: flex-end;
}
@media only screen and (max-width: 1024px) {
.recruitment-top-header .header-wrapper {
width: 100%;
padding-left: 16px;
padding-right: 16px;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
.recruitment-top-header .header-wrapper {
padding-right: 30px;
padding-left: 30px;
}
}
.recruitment-top-header .language-wrapper {
padding-left: 15px;
}
.recruitment-top-header .language-wrapper .jobs-flag-icon {
display: inline-block;
}
.recruitment-top-header .language-wrapper .dropdown-toggle {
color: #2d2d2d;
}
@media only screen and (max-width: 1024px) {
.recruitment-top-header .language-wrapper .dropdown-toggle {
font-size: 14px;
line-height: 24px;
}
.recruitment-top-header .language-wrapper .dropdown-toggle::after {
font-size: 12px;
}
}
.recruitment-top-header .language-wrapper .dropdown-menu {
z-index: 41;
}
@media only screen and (max-width: 1024px) {
.recruitment-top-header .language-wrapper {
display: flex !important;
}
}
@media only screen and (max-width: 1024px) {
.recruitment-top-header .main-site-link {
font-size: 14px;
line-height: 24px;
}
}
.recruitment-header {
height: 96px;
}
.recruitment-header .main-header {
height: 96px;
}
@media only screen and (min-width: 1025px) {
.recruitment-header .main-header {
height: 136px;
}
}
.recruitment-header .seamly-search {
padding-left: 20px;
}
.recruitment-header .site-menu ul li {
margin: 0 0 0 24px;
}
@media only screen and (max-width: 1366px) {
.recruitment-header .site-menu ul li {
margin: 0 0 0 2%;
}
}
@media only screen and (max-width: 1024px) {
.recruitment-header .site-menu ul li {
margin: 10px 0;
}
}
@media only screen and (max-width: 767px) {
.recruitment-header .site-menu ul li {
margin: 6px 0;
}
}
@media only screen and (max-width: 1024px) {
.recruitment-header .site-menu .mobile-tablet-header .bf-logo-menu {
width: 100px;
height: 30px;
}
}
@media only screen and (max-width: 1024px) {
.recruitment-header .site-menu {
top: 32px;
}
}
.recruitment-header .bf-logo-header {
width: 104px;
height: 38px;
}
.recruitment-header .mobile-tablet-extra-menu-items .select-wrap {
display: none;
}
@media only screen and (min-width: 1025px) {
.recruitment-header {
height: 136px;
}
}
body.moving .recruitment-top-header .header-inner {
height: 0;
opacity: 0;
padding: 0;
}
@media only screen and (max-width: 1024px) {
body.moving .recruitment-header .site-menu {
top: 0;
}
}
@media only screen and (max-width: 1024px) {
body.moving.has-top-promo-banner .recruitment-header .site-menu {
top: 44px;
}
}
.dropdown--type-1 {
position: relative;
}
.dropdown--type-1 .dropdown-selected-value {
display: flex;
align-items: center;
padding-right: 45px;
}
.dropdown--type-1 .dropdown-toggle {
font-size: 14px;
line-height: 130%;
display: flex;
align-items: center;
cursor: pointer;
}
.dropdown--type-1 .dropdown-toggle::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
content: "\F107";
display: inline-block;
font-size: 12px;
color: inherit;
vertical-align: middle;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
}
.dropdown--type-1 .dropdown-menu {
position: absolute;
display: none;
flex-direction: column;
background-color: #fff;
padding: 12px;
gap: 4px;
border-radius: 3px;
width: 100%;
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
}
.dropdown--type-1 .dropdown-menu.show {
display: flex;
}
.dropdown--type-1 .dropdown-menu.dropup {
bottom: 42px;
}
.dropdown--type-1 .dropdown-item__wrapper {
padding: 8px 8px 8px 4px;
}
.dropdown--type-1 .dropdown-item__wrapper.selected, .dropdown--type-1 .dropdown-item__wrapper:hover {
background-color: #ece9e8;
}
.dropdown--type-1 .dropdown-item {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 130%;
text-transform: none;
display: flex;
color: #2d2d2d;
padding-left: 8px;
width: 100%;
}
.main-footer {
background-color: #fff;
font-style: initial;
overflow-x: hidden;
/* Footer Social Icons */
/* Footer Navigation */
/* Footer Partners and Payments */
/* Footer Country Switch and Legal */
}
.main-footer .social-icons {
display: grid;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
background: linear-gradient(135deg, #ffaa30 0%, #fe7000 80.21%);
padding: 20px 22px;
}
@media only screen and (min-width: 768px) {
.main-footer .social-icons {
grid-auto-flow: column;
padding: 32px 0;
gap: 48px;
}
}
.main-footer .social-icons ul {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 40px;
grid-row-gap: 24px;
}
@media only screen and (min-width: 768px) {
.main-footer .social-icons ul {
grid-auto-flow: column;
grid-template-columns: unset;
max-width: none;
gap: 40px;
}
}
.main-footer .social-icons p {
font-family: "HeadingProTreble-ExtraBold", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 130%;
color: #fff;
margin: 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.main-footer .social-icons p {
font-size: 14px;
text-align: left;
}
}
.main-footer .social-icons a {
display: flex;
color: #fff;
font-size: 0;
}
@media only screen and (min-width: 1400px) {
.main-footer .social-icons a:hover {
opacity: 0.6;
}
}
.main-footer .social-icons a:active, .main-footer .social-icons a:focus {
outline: 0;
outline-style: none;
}
.main-footer .social-icons a::before {
content: "";
display: block;
position: relative;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-size: contain;
}
.main-footer .social-icons a.icon-email::before {
background-image: url("../../img/svg/email.svg");
}
.main-footer .social-icons a.icon-fb::before {
background-image: url("../../img/svg/facebook.svg");
}
.main-footer .social-icons a.icon-ins::before {
background-image: url("../../img/svg/instagram.svg");
}
.main-footer .social-icons a.icon-tiktok::before {
background-image: url("../../img/svg/tiktok.svg");
}
.main-footer .social-icons a.icon-x::before {
background-image: url("../../img/svg/twitter.svg");
}
.main-footer .social-icons a.icon-snapchat::before {
background-image: url("../../img/svg/snapchat.svg");
}
.main-footer .social-icons a.icon-linkedin::before {
background-image: url("../../img/svg/linkedin.svg");
}
.main-footer .social-icons a.icon-youtube::before {
background-image: url("../../img/svg/youtube.svg");
}
.main-footer .social-icons a.icon-glassdoor::before {
background-image: url("../../img/svg/glassdoor.svg");
}
.main-footer .footer-main-menu {
position: relative;
background-color: #ece9e8;
}
.main-footer .footer-main-menu .footer-main-menu-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
grid-row-gap: 24px;
grid-column-gap: 16px;
padding: 32px 16px;
margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
.main-footer .footer-main-menu .footer-main-menu-container {
max-width: 1440px;
padding: 56px 40px;
}
}
@media only screen and (max-width: 1279px) {
.main-footer .footer-main-menu .footer-main-menu-container {
justify-content: flex-start;
grid-row-gap: 32px;
}
}
@media only screen and (max-width: 415px) {
.main-footer .footer-main-menu .footer-main-menu-container {
grid-row-gap: 24px;
}
}
.main-footer .footer-main-menu h2 {
font-size: 16px;
line-height: 28px;
line-height: 130%;
color: #2d2d2d;
font-family: "HeadingProTreble-ExtraBold", sans-serif;
text-transform: capitalize;
margin-bottom: 24px;
}
.main-footer .footer-main-menu h2::after {
display: block;
content: "";
width: 15px;
height: 1px;
margin-top: 8px;
background-color: #fe7000;
}
.main-footer .footer-main-menu a {
position: relative;
font-size: 14px;
line-height: 130%;
color: #2d2d2d;
text-transform: none;
}
.main-footer .footer-main-menu a:hover, .main-footer .footer-main-menu a:focus {
text-decoration: underline;
}
@media only screen and (max-width: 1279px) {
.main-footer .footer-main-menu .service-col {
width: 100%;
}
}
.main-footer .footer-main-menu .service-col ul {
-moz-column-count: 2;
column-count: 2;
}
@media only screen and (min-width: 1025px) {
.main-footer .footer-main-menu .service-col ul {
width: max-content;
}
}
@media only screen and (max-width: 1279px) {
.main-footer .footer-main-menu .service-col ul {
width: max-content;
-moz-column-count: 3;
column-count: 3;
gap: 16px;
}
}
@media only screen and (max-width: 767px) {
.main-footer .footer-main-menu .service-col ul {
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-main-menu .service-col ul {
-moz-column-count: 2;
column-count: 2;
gap: 32px;
}
}
.main-footer .footer-main-menu .service-col ul li {
width: 170px;
line-height: 1;
padding-bottom: 8px;
}
.main-footer .footer-main-menu .about-col ul {
-moz-column-count: 2;
column-count: 2;
width: 100%;
gap: 32px;
}
@media only screen and (max-width: 1279px) {
.main-footer .footer-main-menu .about-col ul {
gap: 16px;
}
}
.main-footer .footer-main-menu .about-col ul li {
width: 170px;
line-height: 1;
padding-bottom: 8px;
}
.main-footer .footer-partners-and-payments {
display: grid;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
position: relative;
margin: 0 auto;
padding: 32px 16px;
background: #fff;
}
@media only screen and (min-width: 768px) {
.main-footer .footer-partners-and-payments {
grid-auto-flow: column;
gap: 56px;
}
}
@media only screen and (min-width: 901px) {
.main-footer .footer-partners-and-payments {
padding: 32px 40px;
}
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-partners-and-payments {
max-width: 1440px;
gap: 170px;
}
}
.main-footer .partner-wrapper ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.main-footer .partner-wrapper li {
display: flex;
}
.main-footer .partner-wrapper a {
display: flex;
align-items: center;
font-size: 0;
}
.main-footer .partner-wrapper a:hover {
opacity: 0.6;
}
.main-footer .partner-wrapper a::before {
content: "";
display: block;
position: relative;
background-repeat: no-repeat;
background-size: contain;
}
.main-footer .partner-wrapper a.logo-fitcert::before {
background-image: url("../../img/svg/fitcert.svg");
width: 72px;
height: 36px;
}
.main-footer .partner-wrapper a.logo-fitcert-tuvnord::before {
background-image: url("../../img/svg/fitcert-tuvnord.svg");
width: 36px;
height: 36px;
}
.main-footer .partner-wrapper a.logo-matrix::before {
background-image: url("../../img/svg/matrix.svg");
width: 109px;
height: 21px;
}
.main-footer .partner-wrapper a.logo-technogym::before {
background-image: url("../../img/svg/technogym.svg");
width: 109px;
height: 24px;
}
.main-footer .partner-wrapper a.logo-nxtlevel::before {
background-image: url("../../img/svg/nxtlevel.svg");
width: 24px;
height: 24px;
}
.main-footer .partner-wrapper a.logo-tour-df::before {
background-image: url("../../img/svg/footer-TDF-Logo.svg");
width: 155px;
height: 78px;
}
.main-footer .payment-wrapper ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.main-footer .payment-wrapper li {
display: flex;
align-items: center;
}
.main-footer .payment-wrapper i::before {
content: "";
display: block;
position: relative;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.main-footer .payment-wrapper i.logo-bancontact::before {
background-image: url("../../img/svg/bancontact.svg");
}
.main-footer .payment-wrapper i.logo-cardbancair::before {
background-image: url("../../img/svg/cardbancair.svg");
}
.main-footer .payment-wrapper i.logo-ideal::before {
background-image: url("../../img/svg/ideal.svg");
}
.main-footer .payment-wrapper i.logo-mastercard::before {
background-image: url("../../img/svg/mastercard.svg");
}
.main-footer .payment-wrapper i.logo-paypal::before {
background-image: url("../../img/svg/paypal.svg");
}
.main-footer .payment-wrapper i.logo-sofort::before {
background-image: url("../../img/svg/sofort.svg");
}
.main-footer .payment-wrapper i.logo-visa::before {
background-image: url("../../img/svg/visa.svg");
}
.main-footer .payment-wrapper i.logo-applepay::before {
background-image: url("../../img/svg/applepay.svg");
}
.main-footer .footer-bottom {
background-color: #2d2d2d;
}
.main-footer .footer-bottom .footer-bottom-wrapper {
position: relative;
margin: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 24px 16px;
color: #fff;
}
@media only screen and (min-width: 768px) {
.main-footer .footer-bottom .footer-bottom-wrapper {
padding: 32px 40px;
}
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-bottom .footer-bottom-wrapper {
max-width: 1440px;
justify-content: space-between;
flex-wrap: nowrap;
}
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-selected-value {
min-width: 197px;
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-toggle {
padding: 12px 0;
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-toggle::after {
top: 12px;
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-item__wrapper {
display: flex;
align-items: center;
gap: 8px;
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-item__wrapper.selected .icon-checkmark::before {
background-image: url("../../img/svg/checkmark-icon-orange.svg");
}
.main-footer .footer-bottom .dropdown--type-1 .dropdown-menu {
min-width: 266px;
right: -25px;
}
.main-footer .footer-bottom .dropdown--type-1 .icon-checkmark::before {
content: "";
background-image: none;
display: block;
position: relative;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
}
.main-footer .footer-bottom .flag-icon {
margin-right: 8px;
}
.main-footer .footer-bottom .locale {
display: flex;
align-items: center;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
width: 100%;
padding-bottom: 24px;
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-bottom .locale {
width: auto;
height: 24px;
border-bottom: none;
border-right: 2px solid rgba(255, 255, 255, 0.5);
padding-right: 24px;
padding-bottom: 0;
margin-right: 24px;
}
}
.main-footer .footer-bottom .footer-copy {
flex-grow: 1;
}
.main-footer .footer-bottom .footer-copy ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-top: 24px;
gap: 8px;
}
@media only screen and (min-width: 768px) {
.main-footer .footer-bottom .footer-copy ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-bottom .footer-copy ul {
display: flex;
justify-content: space-between;
padding-top: 0;
gap: 0;
}
}
.main-footer .footer-bottom .footer-copy ul li {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 130%;
}
.main-footer .footer-bottom .footer-copy a {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 130%;
color: #fff;
text-transform: none;
}
.main-footer .footer-bottom .footer-copy a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-bottom .footer-copy a {
height: 24px;
}
}
@media only screen and (min-width: 1400px) {
.main-footer .footer-bottom.footer-bottom-recruitment .footer-copy ul {
justify-content: space-around;
}
}
.emojimap {
max-width: 1920px;
margin: auto;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1279px) {
.emojimap {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.emojimap {
padding-left: 16px;
padding-right: 16px;
}
}
.emojimap h2 {
font-family: "ImpactURW", sans-serif;
text-transform: uppercase;
font-size: 32px;
line-height: 36px;
margin: 0 0 20px;
}
.emojimap .twa-2x {
margin: 0 0.2em 0.2em;
}
.twa {
display: inline-block;
height: 1em;
width: 1em;
margin: 0 0.05em 0 0.1em;
vertical-align: -0.1em;
background-repeat: no-repeat;
background-position: center center;
background-size: 1em 1em;
}
.twa-lg {
height: 1.33em;
width: 1.33em;
margin: 0 0.0665em 0 0.133em;
vertical-align: -0.133em;
background-size: 1.33em 1.33em;
}
.twa-2x {
height: 2em;
width: 2em;
margin: 0 0.1em 0 0.2em;
vertical-align: -0.2em;
background-size: 2em 2em;
}
.twa-3x {
height: 3em;
width: 3em;
margin: 0 0.15em 0 0.3em;
vertical-align: -0.3em;
background-size: 3em 3em;
}
.twa-4x {
height: 4em;
width: 4em;
margin: 0 0.2em 0 0.4em;
vertical-align: -0.4em;
background-size: 4em 4em;
}
.twa-5x {
height: 5em;
width: 5em;
margin: 0 0.25em 0 0.5em;
vertical-align: -0.5em;
background-size: 5em 5em;
}
.twa-alarm-clock {
background-image: url("https://twemoji.maxcdn.com/2/svg/23f0.svg");
}
.twa-smiley {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f603.svg");
}
.twa-thumbs-up {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f44d.svg");
}
.twa-thumbs-down-sign-type-1-2 {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f44e-1f3fb.svg");
}
.twa-gift {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f381.svg");
}
.twa-raised-hands {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f64c.svg");
}
.twa-mobile-phone {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f1.svg");
}
.twa-woman {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f469.svg");
}
.twa-shower {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f6bf.svg");
}
.twa-point-down {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f447.svg");
}
.twa-point-right {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f449.svg");
}
.twa-ok-hand {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f44c.svg");
}
.twa-flexed-biceps {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f4aa.svg");
}
.twa-party-popper {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f389.svg");
}
.twa-star-eyes {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f929.svg");
}
.twa-house {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e0.svg");
}
.twa-weight-lifter {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb.svg");
}
.twa-face-screaming-in-fear {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f631.svg");
}
.twa-information-desk-person-type-1-2 {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f481-1f3fb.svg");
}
.twa-happy-person-raising-one-hand-type-4 {
background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b-1f3fd.svg");
}
.icon-arrow-east::before {
content: "\F101";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-arrow-menu::before {
content: "\F102";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-arrow-right::before {
content: "\F103";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-arrow-south-east::before {
content: "\F104";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-check-fat::before {
content: "\F105";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-check::before {
content: "\F106";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-chevron-down::before {
content: "\F107";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-chevron-left::before {
content: "\F108";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-chevron-left2::before {
content: "\F109";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-chevron-right::before {
content: "\F10A";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-chevron-up::before {
content: "\F10B";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-clock-white::before {
content: "\F10C";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-close-rounded::before {
content: "\F10D";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-close::before {
content: "\F10E";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-close2::before {
content: "\F10F";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-copy::before {
content: "\F110";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-customer-service::before {
content: "\F111";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-discount::before {
content: "\F112";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-facebook::before {
content: "\F113";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-filters::before {
content: "\F114";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-glassdoor::before {
content: "\F115";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-home::before {
content: "\F116";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-instagram::before {
content: "\F117";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-linkedin::before {
content: "\F118";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-listview::before {
content: "\F119";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-location-arrow::before {
content: "\F11A";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-location::before {
content: "\F11B";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-logo-matrix::before {
content: "\F11C";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-logo-technogym::before {
content: "\F11D";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-map-marked-alt::before {
content: "\F11E";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-map-marker-alt-solid::before {
content: "\F11F";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-map-marker::before {
content: "\F120";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-mapview::before {
content: "\F121";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-menu::before {
content: "\F122";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-min::before {
content: "\F123";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-my-basicfit::before {
content: "\F124";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-parking-solid::before {
content: "\F125";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-plus::before {
content: "\F126";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-print::before {
content: "\F127";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-quote-close::before {
content: "\F128";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-quote-open::before {
content: "\F129";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-search::before {
content: "\F12A";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-search2::before {
content: "\F12B";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-send::before {
content: "\F12C";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-swiper-arrow::before {
content: "\F12D";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-twitter::before {
content: "\F12E";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-view-more::before {
content: "\F12F";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-youtube::before {
content: "\F130";
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
color: inherit;
}
.icon-plus {
display: inline-block;
height: 10px;
position: relative;
vertical-align: middle;
width: 10px;
}
.icon-plus::before, .icon-plus::after {
background-color: #313136;
bottom: 0;
content: "";
display: block;
height: 10px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 2px;
}
.icon-plus::after {
transform: rotateZ(90deg);
}
a .icon-plus::before, a .icon-plus::after {
background-color: #00a5ff;
}
a:hover .icon-plus::before, a:hover .icon-plus::after {
background-color: #0ad5dd;
}
.teal {
color: #7adec9;
}
.orange {
color: #fe7000;
}
.purple {
color: #6131ad;
}
.custom-background {
position: relative;
z-index: 0;
}
.background--gray {
background-color: #efefef;
}
.background-grey {
background-color: #ece9e8;
}
.background-white {
background-color: #fff;
}
.background-grey--top.background-white--bottom {
background-image: linear-gradient(180deg, #ece9e8 0%, #ece9e8 50%, #fff 50%, #fff 100%);
}
@media only screen and (min-width: 901px) {
.background-grey--top.background-white--bottom {
background-image: linear-gradient(180deg, #ece9e8 0%, #ece9e8 66%, #fff 66%, #fff 100%);
}
}
.background-grey--top.background-transparent--bottom {
background-image: linear-gradient(180deg, #ece9e8 0%, #ece9e8 50%, transparent 50%, transparent 100%);
}
@media only screen and (min-width: 901px) {
.background-grey--top.background-transparent--bottom {
background-image: linear-gradient(180deg, #ece9e8 0%, #ece9e8 66%, transparent 66%, transparent 100%);
}
}
.background-white--top.background-grey--bottom {
background-image: linear-gradient(180deg, #fff 0%, #fff 50%, #ece9e8 50%, #ece9e8 100%);
}
@media only screen and (min-width: 901px) {
.background-white--top.background-grey--bottom {
background-image: linear-gradient(180deg, #fff 0%, #fff 66%, #ece9e8 66%, #ece9e8 100%);
}
}
.background-white--top.background-transparent--bottom {
background-image: linear-gradient(180deg, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
}
@media only screen and (min-width: 901px) {
.background-white--top.background-transparent--bottom {
background-image: linear-gradient(180deg, #fff 0%, #fff 66%, transparent 66%, transparent 100%);
}
}
.background-transparent--top.background-grey--bottom {
background-image: linear-gradient(180deg, transparent 0%, transparent 50%, #ece9e8 50%, #ece9e8 100%);
}
@media only screen and (min-width: 901px) {
.background-transparent--top.background-grey--bottom {
background-image: linear-gradient(180deg, transparent 0%, transparent 66%, #ece9e8 66%, #ece9e8 100%);
}
}
.background-transparent--top.background-white--bottom {
background-image: linear-gradient(180deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
}
@media only screen and (min-width: 901px) {
.background-transparent--top.background-white--bottom {
background-image: linear-gradient(180deg, transparent 0%, transparent 66%, #fff 66%, #fff 100%);
}
}
.background--teal {
background-color: #7adec9;
}
.background--orange {
background: linear-gradient(310deg, #fe7000 75%, #ffaa30 100%);
}
.background--black {
background: radial-gradient(50% 50% at 50% 50%, #555 0%, #2d2d2d 100%);
}
.background--plain-black {
background-color: #313136;
}
.free {
font-weight: bold;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
}
.text-uppercase {
text-transform: uppercase;
}
.swiper__next-text {
font-family: "HeadingProDouble-Regular", sans-serif;
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
margin-right: 5px;
}
@media only screen and (min-width: 1025px) {
.swiper__next-text {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.font-smaller {
font-size: 3vw !important;
}
}
@media only screen and (min-width: 1400px) {
.font-smaller {
font-size: 2.65vw !important;
}
}
@media only screen and (max-width: 550px) {
.font-smaller {
font-size: 6vw !important;
}
}
.d-none {
display: none !important;
}
.flex-container {
display: flex;
}
.flex-container.flex-left {
justify-content: flex-start;
}
.flex-container.flex-center {
justify-content: center;
}
.flex-container.flex-right {
justify-content: flex-end;
}
.text-orange {
color: #fe7000;
}
.text-black {
color: #2d2d2d;
}
.text-white {
color: #fff;
}
.text-white-outlined {
-webkit-text-stroke: 1px #fff;
color: transparent;
}
.text-center {
text-align: center;
}
@media only screen and (min-width: 1921px) {
.page-home .desktop-max-width {
margin-left: auto;
margin-right: auto;
max-width: 1320px;
padding-left: 0;
padding-right: 0;
}
}
.fade-in-animation.hidden {
opacity: 0;
}
.fade-in-animation.fade-in-element {
animation: 1.5s ease-out 0s 1 slideInFromBottom;
}
.fade-down-animation.hidden {
opacity: 0;
}
.fade-down-animation.fade-down-element {
animation: 1.5s ease-out 0s 1 slideInFromTop;
}
.slide-in-from-top {
animation: 1.5s ease-out 0s 1 slideInFromTop;
}
.slide-in-from-right.hidden {
opacity: 0;
}
.slide-in-from-right.slide-in-element {
animation: 1.5s ease-out 0s 1 slideInFromRight;
}
@keyframes slideInFromTop {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInFromBottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInFromRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.line-animation-block {
position: relative;
}
.line-animation-block svg .svg-fixed {
position: fixed;
top: 0;
}
.line-animation-block svg img {
-o-object-fit: contain;
object-fit: contain;
}
.line-animation-block path,
.line-animation-block circle {
opacity: 0;
}
/*# sourceMappingURL=global.css.map*/