/*
Theme Name: MYGYM360
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

#nav ul,
.header-holder .btn-group,
.add-nav ul,
.menu-footer-navigation-container ul,
.social-networks,
.partners-list,
.frame-list,
.register-feature-list,
.map-list,
.club-filter-list,
.promo-lg-content-holder .btn-group,
.service-list,
.share-networks,
.pagination-list,
.latest-article-list,
.sort-nav-list,
.steps-list,
.coordinates-checkbox-list,
.payment-wrap .btn-group,
.option-list,
.inner-info-list,
.summary-btn-group,
.simulateur-form .btn-holder,
.simulator-block .btn-group {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form
input[type="tel"],
.search-form
input[type="tel"],
.post-password-form
input[type="tel"],
.comment-form
input[type="email"],
.search-form
input[type="email"],
.post-password-form
input[type="email"],
.comment-form
input[type="search"],
.search-form
input[type="search"],
.post-password-form
input[type="search"],
.comment-form
input[type="password"],
.search-form
input[type="password"],
.post-password-form
input[type="password"],
.comment-form
input[type="url"],
.search-form
input[type="url"],
.post-password-form
input[type="url"],
.comment-form
input[type="date"],
.search-form
input[type="date"],
.post-password-form
input[type="date"],
.comment-form
textarea,
.search-form
textarea,
.post-password-form
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999;
    padding: .5em .7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form
input[type="tel"]:focus,
.search-form
input[type="tel"]:focus,
.post-password-form
input[type="tel"]:focus,
.comment-form
input[type="email"]:focus,
.search-form
input[type="email"]:focus,
.post-password-form
input[type="email"]:focus,
.comment-form
input[type="search"]:focus,
.search-form
input[type="search"]:focus,
.post-password-form
input[type="search"]:focus,
.comment-form
input[type="password"]:focus,
.search-form
input[type="password"]:focus,
.post-password-form
input[type="password"]:focus,
.comment-form
input[type="url"]:focus,
.search-form
input[type="url"]:focus,
.post-password-form
input[type="url"]:focus,
.comment-form
input[type="date"]:focus,
.search-form
input[type="date"]:focus,
.post-password-form
input[type="date"]:focus,
.comment-form
textarea:focus,
.search-form
textarea:focus,
.post-password-form
textarea:focus {
    border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form
input[type="tel"]::-webkit-input-placeholder,
.search-form
input[type="tel"]::-webkit-input-placeholder,
.post-password-form
input[type="tel"]::-webkit-input-placeholder,
.comment-form
input[type="email"]::-webkit-input-placeholder,
.search-form
input[type="email"]::-webkit-input-placeholder,
.post-password-form
input[type="email"]::-webkit-input-placeholder,
.comment-form
input[type="search"]::-webkit-input-placeholder,
.search-form
input[type="search"]::-webkit-input-placeholder,
.post-password-form
input[type="search"]::-webkit-input-placeholder,
.comment-form
input[type="password"]::-webkit-input-placeholder,
.search-form
input[type="password"]::-webkit-input-placeholder,
.post-password-form
input[type="password"]::-webkit-input-placeholder,
.comment-form
input[type="url"]::-webkit-input-placeholder,
.search-form
input[type="url"]::-webkit-input-placeholder,
.post-password-form
input[type="url"]::-webkit-input-placeholder,
.comment-form
input[type="date"]::-webkit-input-placeholder,
.search-form
input[type="date"]::-webkit-input-placeholder,
.post-password-form
input[type="date"]::-webkit-input-placeholder,
.comment-form
textarea::-webkit-input-placeholder,
.search-form
textarea::-webkit-input-placeholder,
.post-password-form
textarea::-webkit-input-placeholder {
    color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form
input[type="tel"]::-moz-placeholder,
.search-form
input[type="tel"]::-moz-placeholder,
.post-password-form
input[type="tel"]::-moz-placeholder,
.comment-form
input[type="email"]::-moz-placeholder,
.search-form
input[type="email"]::-moz-placeholder,
.post-password-form
input[type="email"]::-moz-placeholder,
.comment-form
input[type="search"]::-moz-placeholder,
.search-form
input[type="search"]::-moz-placeholder,
.post-password-form
input[type="search"]::-moz-placeholder,
.comment-form
input[type="password"]::-moz-placeholder,
.search-form
input[type="password"]::-moz-placeholder,
.post-password-form
input[type="password"]::-moz-placeholder,
.comment-form
input[type="url"]::-moz-placeholder,
.search-form
input[type="url"]::-moz-placeholder,
.post-password-form
input[type="url"]::-moz-placeholder,
.comment-form
input[type="date"]::-moz-placeholder,
.search-form
input[type="date"]::-moz-placeholder,
.post-password-form
input[type="date"]::-moz-placeholder,
.comment-form
textarea::-moz-placeholder,
.search-form
textarea::-moz-placeholder,
.post-password-form
textarea::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form
input[type="tel"]:-moz-placeholder,
.search-form
input[type="tel"]:-moz-placeholder,
.post-password-form
input[type="tel"]:-moz-placeholder,
.comment-form
input[type="email"]:-moz-placeholder,
.search-form
input[type="email"]:-moz-placeholder,
.post-password-form
input[type="email"]:-moz-placeholder,
.comment-form
input[type="search"]:-moz-placeholder,
.search-form
input[type="search"]:-moz-placeholder,
.post-password-form
input[type="search"]:-moz-placeholder,
.comment-form
input[type="password"]:-moz-placeholder,
.search-form
input[type="password"]:-moz-placeholder,
.post-password-form
input[type="password"]:-moz-placeholder,
.comment-form
input[type="url"]:-moz-placeholder,
.search-form
input[type="url"]:-moz-placeholder,
.post-password-form
input[type="url"]:-moz-placeholder,
.comment-form
input[type="date"]:-moz-placeholder,
.search-form
input[type="date"]:-moz-placeholder,
.post-password-form
input[type="date"]:-moz-placeholder,
.comment-form
textarea:-moz-placeholder,
.search-form
textarea:-moz-placeholder,
.post-password-form
textarea:-moz-placeholder {
    color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form
input[type="tel"]:-ms-input-placeholder,
.search-form
input[type="tel"]:-ms-input-placeholder,
.post-password-form
input[type="tel"]:-ms-input-placeholder,
.comment-form
input[type="email"]:-ms-input-placeholder,
.search-form
input[type="email"]:-ms-input-placeholder,
.post-password-form
input[type="email"]:-ms-input-placeholder,
.comment-form
input[type="search"]:-ms-input-placeholder,
.search-form
input[type="search"]:-ms-input-placeholder,
.post-password-form
input[type="search"]:-ms-input-placeholder,
.comment-form
input[type="password"]:-ms-input-placeholder,
.search-form
input[type="password"]:-ms-input-placeholder,
.post-password-form
input[type="password"]:-ms-input-placeholder,
.comment-form
input[type="url"]:-ms-input-placeholder,
.search-form
input[type="url"]:-ms-input-placeholder,
.post-password-form
input[type="url"]:-ms-input-placeholder,
.comment-form
input[type="date"]:-ms-input-placeholder,
.search-form
input[type="date"]:-ms-input-placeholder,
.post-password-form
input[type="date"]:-ms-input-placeholder,
.comment-form
textarea:-ms-input-placeholder,
.search-form
textarea:-ms-input-placeholder,
.post-password-form
textarea:-ms-input-placeholder {
    color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form
input[type="tel"].placeholder,
.search-form
input[type="tel"].placeholder,
.post-password-form
input[type="tel"].placeholder,
.comment-form
input[type="email"].placeholder,
.search-form
input[type="email"].placeholder,
.post-password-form
input[type="email"].placeholder,
.comment-form
input[type="search"].placeholder,
.search-form
input[type="search"].placeholder,
.post-password-form
input[type="search"].placeholder,
.comment-form
input[type="password"].placeholder,
.search-form
input[type="password"].placeholder,
.post-password-form
input[type="password"].placeholder,
.comment-form
input[type="url"].placeholder,
.search-form
input[type="url"].placeholder,
.post-password-form
input[type="url"].placeholder,
.comment-form
input[type="date"].placeholder,
.search-form
input[type="date"].placeholder,
.post-password-form
input[type="date"].placeholder,
.comment-form
textarea.placeholder,
.search-form
textarea.placeholder,
.post-password-form
textarea.placeholder {
    color: #ccc;
}

.widget {
    margin-bottom: 1.2em;
}

.widget ul {
    padding-left: 2em;
}

.widget select {
    min-width: 150px;
}

.comment-form label {
    display: block;
    padding-bottom: 4px;
}

.comment-form textarea {
    overflow: auto;
    margin: 0;
    height: 120px;
    min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
    margin: 0 4px 0 0;
    width: 300px;
}

.comment-form input[type="submit"] {
    display: block;
    float: none;
}

.comment-form input[type="submit"]:hover {
    background: #ceac00;
}

.post-password-form label {
    display: block;
}

.post-password-form input[type="password"] {
    margin: 0 4px 0 0;
    width: 300px;
}

.search-form input {
    float: left;
    height: 2em;
}

.search-form input[type="search"] {
    margin: 0 4px 0 0;
    width: 150px;
}

.post-password-form input {
    float: left;
    height: 2em;
}

.post-password-form input[type="password"] {
    width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
    background: #ffc72c;
    color: #3b3b3b;
    height: 2em;
    border: none;
    padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
    background: #ceac00;
}

.commentlist {
    margin: 0 0 1.2em;
}

.commentlist .edit-link {
    margin: 0;
}

.commentlist .avatar-holder {
    float: left;
    margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
    padding: 0;
}

.comment,
.commentlist-holder {
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
    padding-top: 1.2em;
}

.widget_calendar #next {
    text-align: right;
}

.gallery-item dt {
    float: none;
    padding: 0;
}

.navigation,
.navigation-comments {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
    position: absolute;
    left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    background: #ffc72c;
    color: #3b3b3b;
    padding: .4em;
    text-decoration: none;
}

.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover {
    background: #ceac00;
}

.navigation-single {
    margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
    float: left;
    vertical-align: middle;
    max-width: 50%;
    background: #ffc72c;
    color: #3b3b3b;
    text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
    color: #3b3b3b;
    text-decoration: none;
    padding: .4em;
    display: block;
}

.navigation-single .next a:hover,
.navigation-single .prev a:hover {
    background: #ceac00;
}

.navigation-single .next {
    float: right;
}

.wp-caption {
    max-width: 100%;
    clear: both;
    border: 1px solid #ccc;
    padding: .4em;
    margin-bottom: 1.2em;
}

.wp-caption img {
    margin: 0;
    vertical-align: top;
}

.wp-caption p {
    margin: .4em 0 0;
}

div.aligncenter {
    margin: 0 auto 1.2em;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignleft {
    float: left;
    margin: 0 1.2em 4px 0;
}

.alignright {
    float: right;
    margin: 0 0 4px 1.2em;
}

.mejs-container {
    margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
    height: auto;
}

.widget .jcf-select {
    border-color: #3b3b3b;
}

.icon-facebook-svg,
.icon-facebook-svg-yellow,
.icon-instagram-svg,
.icon-instagram-svg-yellow,
.icon-youtube-svg,
.icon-youtube-svg-yellow,
.icon-tiktok-svg,
.icon-tiktok-svg-yellow {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.icon-instagram-svg {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="black"/><path d="M28.7987 8.95139H15.1884C11.4283 8.95139 8.36932 12.0112 8.36932 15.7724V28.2276C8.36932 31.9888 11.4283 35.0486 15.1884 35.0486H28.7987C32.5588 35.0486 35.6177 31.9888 35.6177 28.2276V15.7724C35.6177 12.0112 32.5588 8.95139 28.7987 8.95139ZM10.7749 15.7724C10.7749 13.3384 12.7551 11.3576 15.1884 11.3576H28.7987C31.232 11.3576 33.2122 13.3384 33.2122 15.7724V28.2276C33.2122 30.6616 31.232 32.6424 28.7987 32.6424H15.1884C12.7551 32.6424 10.7749 30.6616 10.7749 28.2276V15.7724Z" fill="white"/><path d="M21.9936 28.3432C25.4901 28.3432 28.3364 25.4976 28.3364 21.9984C28.3364 18.4993 25.4917 15.6537 21.9936 15.6537C18.4954 15.6537 15.6507 18.4993 15.6507 21.9984C15.6507 25.4976 18.4954 28.3432 21.9936 28.3432ZM21.9936 18.0615C24.1649 18.0615 25.9309 19.828 25.9309 22C25.9309 24.1719 24.1649 25.9385 21.9936 25.9385C19.8223 25.9385 18.0562 24.1719 18.0562 22C18.0562 19.828 19.8223 18.0615 21.9936 18.0615Z" fill="white"/><path d="M28.9236 16.6788C29.8652 16.6788 30.6326 15.9127 30.6326 14.9693C30.6326 14.0259 29.8667 13.2598 28.9236 13.2598C27.9805 13.2598 27.2146 14.0259 27.2146 14.9693C27.2146 15.9127 27.9805 16.6788 28.9236 16.6788Z" fill="white"/></svg>');
}
.icon-instagram-svg-yellow {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="%23FFC72C"/><path d="M28.7985 8.95142H15.1882C11.4281 8.95142 8.36914 12.0113 8.36914 15.7725V28.2276C8.36914 31.9888 11.4281 35.0487 15.1882 35.0487H28.7985C32.5586 35.0487 35.6176 31.9888 35.6176 28.2276V15.7725C35.6176 12.0113 32.5586 8.95142 28.7985 8.95142ZM10.7747 15.7725C10.7747 13.3385 12.7549 11.3577 15.1882 11.3577H28.7985C31.2318 11.3577 33.212 13.3385 33.212 15.7725V28.2276C33.212 30.6616 31.2318 32.6424 28.7985 32.6424H15.1882C12.7549 32.6424 10.7747 30.6616 10.7747 28.2276V15.7725Z" fill="white"/><path d="M21.9933 28.3433C25.4898 28.3433 28.3361 25.4977 28.3361 21.9985C28.3361 18.4994 25.4914 15.6538 21.9933 15.6538C18.4951 15.6538 15.6504 18.4994 15.6504 21.9985C15.6504 25.4977 18.4951 28.3433 21.9933 28.3433ZM21.9933 18.0616C24.1646 18.0616 25.9306 19.8281 25.9306 22.0001C25.9306 24.172 24.1646 25.9386 21.9933 25.9386C19.822 25.9386 18.0559 24.172 18.0559 22.0001C18.0559 19.8281 19.822 18.0616 21.9933 18.0616Z" fill="white"/><path d="M28.9233 16.6788C29.8649 16.6788 30.6323 15.9127 30.6323 14.9693C30.6323 14.0259 29.8665 13.2598 28.9233 13.2598C27.9802 13.2598 27.2144 14.0259 27.2144 14.9693C27.2144 15.9127 27.9802 16.6788 28.9233 16.6788Z" fill="white"/></svg>');
}
.icon-facebook-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><path d="M43.984 22C43.984 33.111 35.7503 42.2967 25.054 43.7873C24.0539 43.926 23.0306 43.9985 21.992 43.9985C20.7931 43.9985 19.6157 43.9029 18.4692 43.7179C7.99792 42.0315 0 32.9491 0 22C0 9.85005 9.84715 0 21.9935 0C34.1399 0 43.987 9.85005 43.987 22H43.984Z" fill="black"/><path d="M25.054 17.6653V22.4578H30.9808L30.0423 28.9135H25.054V43.7873C24.0539 43.926 23.0306 43.9984 21.992 43.9984C20.7931 43.9984 19.6157 43.9029 18.4692 43.7179V28.9135H13.0032V22.4578H18.4692V16.594C18.4692 12.9561 21.4172 10.0057 25.0555 10.0057V10.0088C25.0663 10.0088 25.0756 10.0057 25.0864 10.0057H30.9823V15.589H27.1298C25.9848 15.589 25.0555 16.5185 25.0555 17.6638L25.054 17.6653Z" fill="white"/></svg>');
}
.icon-facebook-svg-yellow {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.984 22C43.984 33.111 35.7503 42.2967 25.054 43.7873C24.0539 43.926 23.0306 43.9985 21.992 43.9985C20.7931 43.9985 19.6157 43.9029 18.4692 43.7179C7.99792 42.0315 0 32.9491 0 22C0 9.85005 9.84715 0 21.9935 0C34.1399 0 43.987 9.85005 43.987 22H43.984Z" fill="%23FFC72C"/><path d="M25.0542 17.6655V22.4579H30.981L30.0425 28.9137H25.0542V43.7874C24.0541 43.9261 23.0309 43.9986 21.9922 43.9986C20.7933 43.9986 19.616 43.903 18.4694 43.718V28.9137H13.0034V22.4579H18.4694V16.5942C18.4694 12.9563 21.4174 10.0059 25.0558 10.0059V10.0089C25.0666 10.0089 25.0758 10.0059 25.0866 10.0059H30.9826V15.5891H27.13C25.985 15.5891 25.0558 16.5186 25.0558 17.6639L25.0542 17.6655Z" fill="white"/></svg>');
}
.icon-youtube-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><path d="M43.8606 21.9368C43.8606 9.82144 34.0421 0 21.9303 0C9.81855 0 0 9.82144 0 21.9368C0 34.0522 9.81855 43.8736 21.9303 43.8736C34.0421 43.8736 43.8606 34.0522 43.8606 21.9368Z" fill="black"/><path d="M35.7395 17.391C35.5669 15.7247 35.1955 13.8826 33.8286 12.9145C32.77 12.1638 31.3784 12.1361 30.0793 12.1376C27.3332 12.1376 24.5856 12.1423 21.8395 12.1438C19.1981 12.1469 16.5568 12.1484 13.9155 12.1515C12.8121 12.1515 11.7396 12.0667 10.7148 12.5446C9.83486 12.9546 9.14602 13.7346 8.73148 14.6025C8.15668 15.8094 8.03649 17.1767 7.96714 18.5116C7.83923 20.9426 7.8531 23.3796 8.00567 25.809C8.11816 27.5817 8.40325 29.5409 9.77322 30.6708C10.9875 31.6713 12.7012 31.7206 14.2761 31.7221C19.2752 31.7268 24.2758 31.7314 29.2764 31.7345C29.9175 31.736 30.5863 31.7237 31.2397 31.6528C32.5249 31.514 33.75 31.1456 34.576 30.193C35.4097 29.2326 35.6239 27.8962 35.7503 26.6306C36.0585 23.56 36.0554 20.4601 35.7395 17.391ZM18.9485 26.2406V17.6315L26.4009 21.9353L18.9485 26.2406Z" fill="white"/></svg>');
}
.icon-youtube-svg-yellow {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.8606 21.9368C43.8606 9.82144 34.0421 0 21.9303 0C9.81855 0 0 9.82144 0 21.9368C0 34.0522 9.81855 43.8736 21.9303 43.8736C34.0421 43.8736 43.8606 34.0522 43.8606 21.9368Z" fill="%23FFC72C"/><path d="M35.7396 17.3909C35.567 15.7245 35.1956 13.8825 33.8287 12.9144C32.77 12.1637 31.3785 12.136 30.0794 12.1375C27.3333 12.1375 24.5856 12.1421 21.8395 12.1437C19.1982 12.1468 16.5569 12.1483 13.9156 12.1514C12.8122 12.1514 11.7396 12.0666 10.7148 12.5445C9.83492 12.9545 9.14608 13.7345 8.73154 14.6023C8.15674 15.8093 8.03655 17.1766 7.9672 18.5115C7.8393 20.9424 7.85316 23.3795 8.00573 25.8089C8.11822 27.5816 8.40331 29.5408 9.77328 30.6707C10.9876 31.6711 12.7012 31.7205 14.2762 31.722C19.2752 31.7266 24.2759 31.7313 29.2765 31.7343C29.9176 31.7359 30.5864 31.7235 31.2398 31.6526C32.525 31.5139 33.7501 31.1455 34.5761 30.1929C35.4098 29.2325 35.624 27.8961 35.7504 26.6305C36.0586 23.5599 36.0555 20.46 35.7396 17.3909ZM18.9486 26.2405V17.6313L26.401 21.9351L18.9486 26.2405Z" fill="white"/></svg>');
}
.icon-tiktok-svg {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="black"/><path d="M32.625 15.9173V20.0716C31.8992 20.0007 30.9561 19.8358 29.9128 19.4535C28.5505 18.954 27.5366 18.2712 26.8724 17.7424V26.1389L26.8554 26.1127C26.8662 26.2791 26.8724 26.4487 26.8724 26.6198C26.8724 30.7895 23.4806 34.1838 19.3106 34.1838C15.1405 34.1838 11.7487 30.7895 11.7487 26.6198C11.7487 22.4501 15.1405 19.0542 19.3106 19.0542C19.7189 19.0542 20.1196 19.0866 20.511 19.1498V23.244C20.135 23.1099 19.7313 23.0374 19.3106 23.0374C17.3365 23.0374 15.7292 24.6436 15.7292 26.6198C15.7292 28.596 17.3365 30.2022 19.3106 30.2022C21.2846 30.2022 22.8919 28.5944 22.8919 26.6198C22.8919 26.5458 22.8904 26.4718 22.8857 26.3978V10.0813H27.0357C27.0511 10.4327 27.065 10.7873 27.0804 11.1387C27.1082 11.8309 27.3547 12.4952 27.7847 13.0394C28.2886 13.6791 29.0329 14.4221 30.0777 15.0155C31.0563 15.5689 31.9747 15.8079 32.625 15.9204V15.9173Z" fill="white"/></svg>');
}
.icon-tiktok-svg-yellow {
    background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="%23FFC72C"/><path d="M32.6248 15.9173V20.0716C31.899 20.0007 30.9559 19.8358 29.9126 19.4535C28.5503 18.9541 27.5363 18.2712 26.8722 17.7425V26.1389L26.8552 26.1127C26.866 26.2792 26.8722 26.4487 26.8722 26.6198C26.8722 30.7895 23.4804 34.1839 19.3103 34.1839C15.1403 34.1839 11.7485 30.7895 11.7485 26.6198C11.7485 22.4501 15.1403 19.0543 19.3103 19.0543C19.7187 19.0543 20.1194 19.0866 20.5108 19.1498V23.244C20.1348 23.1099 19.731 23.0374 19.3103 23.0374C17.3363 23.0374 15.729 24.6437 15.729 26.6198C15.729 28.596 17.3363 30.2022 19.3103 30.2022C21.2844 30.2022 22.8917 28.5945 22.8917 26.6198C22.8917 26.5458 22.8902 26.4719 22.8855 26.3979V10.0813H27.0355C27.0509 10.4328 27.0648 10.7873 27.0802 11.1388C27.1079 11.8309 27.3545 12.4953 27.7844 13.0394C28.2884 13.6791 29.0327 14.4221 30.0775 15.0156C31.056 15.569 31.9745 15.8079 32.6248 15.9204V15.9173Z" fill="white"/></svg>');
}


/* custom select styles */

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #fff;
    background: #fff;
    min-width: 150px;
    height: 43px;
    width: 100%;
    border-radius: 6px;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 40px 10px 14px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 16px;
    bottom: 0;
    right: 20px;
    top: 0;
}

.jcf-select .jcf-select-opener:after {
    content: "";
    color: #3b3b3b;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 11px;
    pointer-events: none;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}
.jcf-select .jcf-select-drop li {
    position: relative;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #3b3b3b;
}

/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 16px;
    font-size: 14px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 10px 14px;
    color: #656565;
    height: 1%;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/* custom range input styles */

.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px;
}

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
}

.jcf-range .jcf-range-wrapper {
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0;
    height: 10px;
}

.jcf-range.jcf-vertical {
    width: auto;
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px;
}

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto;
}

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0;
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px;
}

.jcf-range.jcf-focus .jcf-range-handle {
    border: 1px solid #f00;
    margin: -5px 0 0 -1px;
}

.jcf-range.jcf-disabled {
    background: none !important;
    opacity: .3;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ddd !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-black {
    font-weight: 900 !important;
}

.shadow-md {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4) !important;
}

.post-block .img-wrap {
    border-bottom: 6px solid #ffc72c;
}

.post-block .img-wrap:hover {
    opacity: .8;
}

.post-block .ico-wrap {
    position: absolute;
    width: 42px;
    height: 34px;
    right: 0;
    bottom: -17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
}

.post-block h3 a {
    color: #000;
}

.post-block h3 a:hover {
    color: #3b3b3b;
}

.tags-link a {
    color: #394348;
}

.tags-link a:hover {
    color: #000;
}

#nav {
    font-size: 12px;
    line-height: 1.1666666667;
    width: 100%;
}

#nav ul {
    margin: 0 -26px;
}

#nav li {
    position: relative;
}

#nav li:first-child:before {
    display: none;
}

#nav li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    bottom: -4px;
    width: 1px;
    background: #ffc72c;
}

#nav a {
    color: #f2f2f2;
}

#nav a:hover {
    color: #ffc72c;
}

.btn {
    padding: 11px 10px 9px;
}

.btn-warning,
.btn-outline-warning {
    border-color: #ffc72c;
    color: #000;
}

.btn-white {
    background: #fff;
    border-color: #fff;
    border-radius: 15px;
    color: #3b3b3b;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background: #e6e5e5;
    border-color: #e6e5e5;
}

.btn-fill-outline,
.btn-fill-yellow-outline {
    border-radius: 30px;
    border: 1px solid #ffc72c;
    position: relative;
}

.btn-fill-outline [class^="icon-"],
.btn-fill-outline [class*=" icon-"],
.btn-fill-yellow-outline [class^="icon-"],
.btn-fill-yellow-outline [class*=" icon-"] {
    font-size: .8125rem;
    margin-left: 13px;
}

.btn-fill-outline {
    background-color: #000;
    color: #ffc72c;
}

.btn-fill-outline .text-white {
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
}

.btn-fill-outline:hover {
    color: #000;
    background-color: #ffc72c;
}

.btn-fill-outline:hover .text-white {
    color: #000 !important;
}

.btn-fill-yellow-outline {
    background-color: #ffc72c;
    border-color: #000;
}

.btn-fill-yellow-outline:hover {
    color: #ffc72c;
    background-color: #000;
}

.fadeUp {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    -webkit-transition: opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    transition: opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    transition: transform .75s cubic-bezier(.34, 1, .34, 1), opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1);
    transition: transform .75s cubic-bezier(.34, 1, .34, 1), opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    z-index: 8;
}

.in-viewport .fadeUp {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.delay-1 .fadeUp {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
    -webkit-transition: opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    transition: opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    transition: transform .75s cubic-bezier(.34, 1, .34, 1), opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1);
    transition: transform .75s cubic-bezier(.34, 1, .34, 1), opacity .75s cubic-bezier(.34, 1, .34, 1), visibility .75s cubic-bezier(.34, 1, .34, 1), -webkit-transform .75s cubic-bezier(.34, 1, .34, 1);
    -webkit-transition-delay: .95s;
    transition-delay: .95s;
}

.delay-1 .fadeUp:nth-child(2) {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.delay-1 .fadeUp:nth-child(3) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

.delay-1 .fadeUp:nth-child(4) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.delay-1 .fadeUp:nth-child(5) {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

.delay-1 .fadeUp:nth-child(6) {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.delay-1 .fadeUp:nth-child(7) {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s;
}

.delay-1 .fadeUp:nth-child(8) {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

.delay-1 .fadeUp:nth-child(9) {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s;
}

.delay-1 .fadeUp:nth-child(10) {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s;
}

.delay-1 .fadeUp:nth-child(11) {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s;
}

.delay-1 .fadeUp:nth-child(12) {
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s;
}

.delay-1 .fadeUp:nth-child(13) {
    -webkit-transition-delay: 3.85s;
    transition-delay: 3.85s;
}

.in-viewport .delay-1 .fadeUp {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.fade-in {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in .3s, visibility .3s ease-in .3s;
    transition: opacity .3s ease-in .3s, visibility .3s ease-in .3s;
}

.in-viewport .fade-in {
    opacity: 1;
    visibility: visible;
}

#header {
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    font-family: 'bebas-neue-pro';
}

#header + main {
    margin-top: 81px;
}

#header .header-holder.container {
    width: auto !important;
    max-width: 1140px !important;
}
#header .header-holder a {
    color: white;
    font-size: 20px;
}
#header .header-holder .active a,
#header .header-holder a:hover {
    color: #FFC72C;
}
#header .header-holder .navbar-toggler:focus,
#header .header-holder .navbar-toggler:focus-visible {
    outline: none;
}
#header .header-holder .navbar-toggler-icon {
    transition: all .3s ease;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" viewBox="0 0 25 16" fill="none"><rect y="14" width="25" height="2" fill="white"/><rect y="7" width="25" height="2" fill="white"/><rect width="25" height="2" fill="white"/></svg>');
}
#header .header-holder:has(.navbar-collapse.collapsing) .navbar-toggler-icon,
#header .header-holder:has(.navbar-collapse.collapse.show) .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect y="17.7695" width="25" height="2" transform="rotate(-45 0 17.7695)" fill="white"/><rect x="17.6777" y="19.0919" width="25" height="2" transform="rotate(-135 17.6777 19.0919)" fill="white"/></svg>');
}

#header .header-holder .navbar-collapse {
    margin: 0 -15px;

    .collapse-wrapper {
        background-color: white;
        height: 100vh !important;

        .navbar-nav li {
            border-bottom: 2px solid #FFC72C;
            width: 100%;
            padding: 15px 28px;

            a {
                color: #141719;
                letter-spacing: 0.6px;
            }
        }
    }

    .social-networks a {
        width: 44px;
        height: 44px;
    }
}

.logo {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    max-width: 130px;
}

.header-holder {
    width: 100%;
    position: relative;
}

.header-holder:before {
    content: "";
    left: -9999px;
    right: -9999px;
    top: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    position: absolute;
    height: 42px;
}

.header-holder .btn {
    /* min-width: 94px; */
    padding: 11px 9px;
    font-size: 20px;
    line-height: 1.4;
    border-radius: 4px;
    color: #2b2b2b;
}

.header-holder .btn.btn-outline-warning {
    color: #f2f2f2;
}

.header-holder .btn.btn-outline-warning:hover,
.header-holder .btn.btn-outline-warning:active {
    color: #2b2b2b;
}

.header-logo {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    max-width: 60px;
}

.header-logo img {
    max-height: 50px;
}

.header-offers {
    font-size: 30px;
    color: #FCC830;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
}

#footer {
    z-index: 1;
    position: relative;
    background: #141719;
}

.top-footer {
    font-family: 'bebas-neue-pro';
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 170%; /* 34px */
}

.top-footer .row {
    margin: 0 -15px;
}

.top-footer .row [class^="col-"],
.top-footer .row [class*=" col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.top-footer .h5 {
    font-family: "Montserrat";
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.72px;
    text-transform: uppercase;
}
.top-footer .h5:after {
    margin: 0;
}

.top-footer .widget ul {
    padding: 0;
}

.footer-logo {
    width: 195px;
}

.footer-logo img {
    width: 100%;
}

.add-nav/*,
.menu-footer-navigation-container*/ {
    font-size: 14px;
    line-height: 1.7142857143;
}

.add-nav ul li,
.menu-footer-navigation-container ul li {
    color: #fff;
}

.add-nav ul li a,
.menu-footer-navigation-container ul li a {
    color: #fff;
}

.add-nav ul li a:hover,
.menu-footer-navigation-container ul li a:hover {
    color: #ffc72c;
}

.social-networks {
    margin: 0 -20px;
}

.social-networks a {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3b3b3b;
}

.social-networks a:hover {
    background: #ffc72c;
}

.social-networks a span {
    font-size: 29px;
    line-height: 1;
}

.footer-site-link {
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.footer-site-link a {
    color: #fff;
}
.footer-site-link a:hover {
    color: #ffc72c;
}

.partners-row {
    padding: 16px 0;
    margin-bottom: -32px;
}

.partners-row .title {
    color: #3B444B;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 128.906%; /* 12.891px */
    text-transform: uppercase;
    padding-bottom: 11px;
}

.partners-list {
    line-height: 0;

    .partner-item {
        flex-basis: 33.33%;
        margin-bottom: 2rem;
        text-align: center;
    }
    img {
        width: 52px;
    }
}

.partners-list a:hover {
    opacity: .8;
}

body {
    min-width: 320px;
}

h1,
.h1 {
    line-height: 1.2857;
}

h2,
.h2 {
    line-height: 1.2895;
}

h5,
.h5 {
    line-height: 1.2857;
}

a {
    -webkit-transition: color .25s linear, background .25s linear, opacity .25s linear;
    transition: color .25s linear, background .25s linear, opacity .25s linear;
}

a:focus,
a:active {
    outline: 0;
}


.bg-banner {
    display: block;
}

.bg-holder, .bg-holder-nojs {
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
}

.bg-holder img, .bg-holder-nojs img {
    height: auto;
    position: absolute;
    width: auto;
}

.bg-home {
    position: absolute;
    z-index: -2;
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    background-position: center right;
}
.carousel.home .carousel-item.carousel-item-1 .bg-home,
.carousel.home .carousel-item.carousel-item-special .bg-home {
    background-position: 0;
    background-image: url('/images/home_upper_bg_mob.webp?20250916');
    background-color: #121715ff;
}
.carousel.home .carousel-item.carousel-item-special .image-special {
    width: 50%;
}
.bg-home.bg-video {
    background-image: url('/images/crsel_3_mob.webp');
    background-position: center;
    background-color: #FCC72C;
    background-size: contain !important;
}
#carouselHome .carousel-item .promo-block-row {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}
#carouselHome :has(.special-offer-banner) .promo-wrap,
#carouselHome .special-offer-banner {
    height: 60vh;
}
#carouselHome .special-offer-banner .bg-promo {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-color: var(--bg-color);
    background-image: var(--bg-mobile);
}

.bg-abo-color {
    position: absolute;
    z-index: -2;
    left: 0;
    right: 0;
    width: 100%;
    height: 20%;
}

.bg-abo-img {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
}

.bg-vector {
    position: absolute;
    left: 0;
}

.bg-clubs {
    position: absolute;
    top: 18px;
}

.is-touch-device {
    background-size: cover;
    background-position: 67% 50%;
}

.decor-sm-warning,
.decor-xs-warning,
.decor-xs-white {
    position: relative;
}

.decor-sm-warning:after,
.decor-xs-warning:after,
.decor-xs-white:after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
}

.decor-sm-warning {
    padding-bottom: 7px;
}

.decor-sm-warning:after {
    background: #ffc72c;
    height: 4px;
    width: 100px;
}

.decor-xs-warning:after {
    background: #ffc72c;
    height: 2px;
    width: 78px;
}

.decor-xs-white:after {
    content: "";
    height: 2px;
    width: 97px;
    background: #fff;
}

.decor-xs-black {
    position: relative;
    padding-top: 10px;
}

.decor-xs-black:before {
    content: "";
    height: 2px;
    width: 33px;
    background: #000;
    position: absolute;
    top: -1px;
    left: 0;
}

.decor-lg-dark-yellow {
    position: relative;
}

.decor-lg-dark-yellow:after {
    content: "";
    height: 3px;
    width: 200px;
    background: #ffc72c;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bg-fade-gray {
    z-index: 1;
}

.bg-fade-gray:before {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    bottom: 0;
    top: 0;
    z-index: -1;
    background: rgba(57, 67, 72, .5);
}

.text-shadow-sm {
    text-shadow: 0 5px 3px rgba(0, 0, 0, .2) !important;
}

.promo-wrap {
    z-index: 1;
}

.bg-holder {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.bg-holder img {
    width: 100%;
}

.in-viewport .bg-holder {
    opacity: 1;
}

.promo-md-content-holder .promo-block {
    font-family: 'Montserrat';
    /*max-width: 595px;*/
    /*padding: 150px 100px 0 0;*/
    /*padding: 340px 70px 0 0;*/
    /*margin-left: auto;*/
    opacity: 0;
    -webkit-transition: opacity .75s cubic-bezier(.34, 1, .34, 1) .5s;
    transition: opacity .75s cubic-bezier(.34, 1, .34, 1) .5s;
}

/*.wrapper-fr .promo-md-content-holder .promo-block {*/
/*    padding-top: 330px;*/
/*    margin: 0 auto;*/
/*}*/

.in-viewport .promo-md-content-holder .promo-block {
    opacity: 1;
}

.promo-block .frais-inscription {
    bottom: 0;
}
.promo-block .prix-promo > .row {
    margin-left: 0;
    margin-right: 0;
}
/* .promo-block .prix-promo > .row > div {
    padding-left: 0;
    padding-right: 0;
} */
.promo-block .prix-promo .img-promo {
    max-width: 200px;
    width: 100%;
}
.promo-block .prix-promo .img-promo-old {
    max-width: 150px;
    width: 100%;
    /*    margin-top: -50px;*/
}
.promo-block .prix-promo .small, .promo-block .h6 {
    font-size: 12px;
    text-shadow:
        0 0 1px #fff,
        0 0 2px #fff,
        0 0 3px #fff,
        0 0 4px #fff,
        0 0 6px rgba(255, 255, 255, 0.6);
}

.promo-md-content-holder .label-subscribe img {
    max-width: 243px;
    width: 100%;
}

.promo-md-content-holder .title-info {
    font-size: 12px;
    line-height: 1.3333333333;
}

.promo-md-content-holder .shape-ico-wrap {
    width: 80px;
    height: 80px;
    border: 1px solid #ffc72c;
    position: absolute;
    top: -21px;
    left: -25px;
}

.promo-md-content-holder .shape-ico-wrap [class^="icon-"],
.promo-md-content-holder .shape-ico-wrap [class*=" icon-"] {
    font-size: 74px;
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #757575;
    position: absolute;
}

.promo-md-content-holder .shape-ico-wrap [class^="icon-"].icon-thin-lady,
.promo-md-content-holder .shape-ico-wrap [class*=" icon-"].icon-thin-lady {
    color: #ffc72c;
}

.promo-md-content-holder .btn-text {
    font-size: 9px;
    line-height: 1;
    max-width: 296px;
}

.frame-list li {
    width: 40px;
    height: 40px;
}

.subscription-wrap {
    z-index: 1;
    padding: 140px 0 70px 0;
}

.subscription-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 10%;
    z-index: -1;
}

.subscription-holder .subscription-block {
    border-radius: 0 45px 0 0;
}

.subscription-holder .best-price {
    border-radius: 0 45px 0 0;
}

.subscription-holder .title-block {
    max-width: 250px;
    border: 2px solid #ffc72c;
    border-radius: 16px;
}

.subscription-holder .title {
    font-size: 36px;
    line-height: 1;
}

.subscription-holder .text-bottom {
    font-size: 20px;
    line-height: 1.2;
}

.subscription-holder .price-text {
    font-size: 14px;
    line-height: 1.1428571429;
}

.price-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3px;
    background: #ffc72c;
}

.price-title .price {
    font-size: 34px;
    line-height: 1;
}

.price-title .price i {
    font-size: 24px;
}

.price-title .price .time-period {
    font-size: 16px;
}

.price-info {
    max-width: 330px;
}

.price-info .btn-holder .btn-warning {
    min-width: 252px;
}

.registration-fees .text-registration {
    font-size: 15px;
    line-height: 1.2666666667;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.btn-price-update {
    min-width: 123px;
    border-radius: 4px;
    max-width: 123px;
}

.btn-price-update .crossed-value {
    font-size: 16px;
    line-height: 1.25;
}

.btn-price-update .crossed-value:before {
    content: "";
    position: absolute;
    left: -4px;
    width: 36px;
    background: #3b3b3b;
    -webkit-transform: rotate(-21deg) translateY(-50%);
    -ms-transform: rotate(-21deg) translateY(-50%);
    transform: rotate(-21deg) translateY(-50%);
    height: 2px;
    top: 50%;
    margin: -2px 0 0;
}

.btn-price-update .new-value {
    font-size: 20px;
    line-height: 1.2;
}

.text-meta-info {
    font-size: 12px;
    line-height: 1.1666666667;
}

.register-feature-list li {
    padding: 0 0 11px 50px;
}

.register-feature-list li span {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 0;
    color: #fff;
}

.subscription-feature-holder {
    margin: 0 -20px;

    .flex-1 {
        flex-basis: 50%;
        margin-bottom: 2rem;
    }
    img {
        height: 55px;
    }
}
.gym-feature-holder {
    img {
        height: 52px;
    }
}

.subscription-feature-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.subscription-feature-col .img-title {
    max-width: 120px;
}

.meeting-wrap {
    background: #F1F1F1;
    padding: 53px 0 27px;

    .arrow-block {
        margin-top: -22px;
        background: white;
        padding: 0;

        img {
            width: 47px;
        }
    }
}

.meeting-wrap h2:after {
    content: "";
    bottom: 0;
    right: 0;
    margin: 0 auto;
    left: 0;
}

.meeting-wrap .btn-warning {
    min-width: 230px;
}
.meeting-text-block {
    font-family: "Montserrat";
    font-size: 24px;
    line-height: normal;

    .btn-subscribe {
        font-size: 20px;
        border-radius: 4px;
        padding: 7px 74px;
    }
}

.title-map {
    font-family: 'Montserrat';
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 1em;
    border-bottom: 0;
    padding-bottom: 0;
    display: inline-block;
    margin: auto;
}
.map-wrap {
    max-width: 290px;
    position: relative;
}

.map-shadow-decor {
    position: absolute;
}

.map-shadow-top,
.map-shadow-bottom {
    height: 13px;
    overflow: hidden;
    padding: 0 26px 22px;
}

.map-shadow-top:before,
.map-shadow-bottom:before {
    content: "";
    display: block;
    width: 242px;
    height: 13px;
    border-radius: 17%;
    box-shadow: 0 0 13px 13px rgba(59, 68, 75, .4);
    margin: -14px auto 0;
}

.map-shadow-top {
    top: 0;
    padding-top: 22px;
    padding-bottom: 0;
}

.map-shadow-top:before {
    margin-top: 0;
}

.map-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.map-list .location-pin {
    position: absolute;
    width: 27px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
    -webkit-transition-delay: .95s;
    transition-delay: .95s;
}

.in-viewport .map-list .location-pin {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.in-viewport .map-list .location-pin.pin-1 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.in-viewport .map-list .location-pin.pin-8 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.in-viewport .map-list .location-pin.pin-2 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.in-viewport .map-list .location-pin.pin-3 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

.in-viewport .map-list .location-pin.pin-9 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

.in-viewport .map-list .location-pin.pin-4 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.in-viewport .map-list .location-pin.pin-5 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

.in-viewport .map-list .location-pin.pin-6 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

.in-viewport .map-list .location-pin.pin-7 {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s;
}
.in-viewport .map-list .location-pin.pin-10 {
    -webkit-transition-delay: 3.15s;
    transition-delay: 3.15s;
}
.in-viewport .map-list .location-pin.pin-11 {
    -webkit-transition-delay: 3.65s;
    transition-delay: 3.65s;
}
.in-viewport .map-list .location-pin.pin-12 {
    -webkit-transition-delay: 4.15s;
    transition-delay: 4.15s;
}

.map-list .location-pin.pin-1 {
    left: 9%;
    bottom: 81.8%;
}

.map-list .location-pin.pin-2 {
    left: 34%;
    bottom: 90%;
}

.map-list .location-pin.pin-3 {
    left: 47.7%;
    bottom: 86.9%;
}

.map-list .location-pin.pin-4 {
    right: 22.9%;
    bottom: 76.8%;
}

.map-list .location-pin.pin-5 {
    bottom: 42.7%;
    left: 8.8%;
}

.map-list .location-pin.pin-6 {
    right: 47.3%;
    bottom: 17.8%;
}

.map-list .location-pin.pin-7 {
    bottom: 14.8%;
    right: 41.8%;
}

.map-list .location-pin.pin-8 {
    left: 7%;
    bottom: 72.5%;
}

.map-list .location-pin.pin-9 {
    left: 55.5%;
    bottom: 85%;
}
.map-list .location-pin.pin-10 {
    right: 44%;
    bottom: 18.0%;
}
.map-list .location-pin.pin-11 {
    right: 12%;
    bottom: 57%;
}
.map-list .location-pin.pin-12 {
    right: 17%;
    bottom: 16%;
}

.map-list .location-pin.pin-7 .ico-text {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.map-list .location-pin img {
    width: 100%;
}

.load-more .btn-outline-warning {
    border-width: 2px;
    min-width: 234px;
}

.promo-xs-content-holder {
    min-height: 262px;
}

.contact-text-info {
    max-width: 570px;
}

.contact-form label {
    font-size: 14px;
    line-height: 1.2857142857;
}

.contact-form textarea {
    height: 150px !important;
    resize: none;
}

.contact-form .form-control {
    border: 0;
}

.contact-form .btn-warning {
    min-width: 100%;
}

.banner-wrap {
    background-color: #021222;
    z-index: 1;
}

.banner-wrap:not(.nobefore):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 38px;
    background-image: url('../images/clubs_bg.jpg');
    background-size: cover;
    z-index: -1;
}

/* PAGE: GYMS */
.banner-wrap-club {
    font-family: 'Montserrat';
    height: calc( 614px - 90px );
    margin-top: -90px;
    padding-top: 90px;

    &:before {
        background-image: url('../images/bg_landing_gyms.webp') !important;
        background-position: center;
        bottom: 0px !important;
    }

    h1 {
        font-size: 30px;
    }
    .sticker {
        width: 154px;
        height: 154px;
    }

    .frame-list {
        li {
            width: 57px;
            height: 57px;

            &:not(:last-child) {
                margin-right: 13px !important;
            }
        }
    }

    .address-info {
        .icon { height: 43px; }
    }
}

.club-filter-list button, button.reset-club-filters {
    color: var(--black-mg);
    border: 4px solid var(--dark-yellow);
    font-size: 20px;
    padding: 15px 15px;

    &:hover {
        box-shadow: 0px 0px 10px 2px var(--dark-yellow);
    }
    &.is-active {
        background-color: var(--dark-yellow);
    }
}

.clubs-map {
    .interactive-map {
        margin: auto;
        width: 241px;

        .map-image {
            height: 100%;
            width: 100%;
            padding-top: 24px;
            padding-left: 5px;
        }
    }
    .map-title {
        font-family: 'Montserrat';
        font-size: 24px;
    }
    .pins {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;

        .pin-item { position: absolute; display: none; height: 30px; }
        .saint-denis { top: 0; left: 34%/* 197px */; }
        .sainte-marie-duparc { left: 47%/* 271px */; top: 2%/* 14px */; }
        .sainte-marie { left: 55%/* 313px */; top: 3%/* 20px */; }
        .le-port { top: 8%/* 50px */; left: 10%/* 60px */; }
        .saint-paul { top: 22%/* 140px */; left: 0; }
        .piton-saint-leu { top: 50%/* 317px */; left: 9%/* 50px */; }
        .saint-andre { left: 67%/* 385px */; top: 9%/* 55px */; }
        .saint-benoit { left: 81%/* 465px */; top: 31%/* 195px */; }
        .saint-joseph { left: 78%/* 444px */; bottom: 15%/* 95px */; }
        .saint-pierre { left: 57%/* 327px */; bottom: 14%/* 87px */; }
        .saint-pierre-casabona { left: 52%/* 300px */; bottom: 18%/* 115px */; }
        .saint-pierre-pierrefonds { left: 46%/* 264px */; bottom: 17%/* 105px */; }

        .chambray-les-tours { left: 37%/* 264px */; bottom: 60%/* 105px */; }
        .angers-gaston-birge { left: 28%/* 264px */; bottom: 62%/* 105px */; }
        .angers-fleur-deau { left: 25%/* 264px */; bottom: 61%/* 105px */; }

        .riche-terre{ left: 41%/* 264px */; bottom: 72%/* 105px */; }
        .caudan { left: 39%/* 264px */; bottom: 65%/* 105px */; }
        .trianon { left: 41%/* 264px */; bottom: 56%/* 105px */; }
    }
}

.club-filter-content {
    max-height: 223px;
    overflow-y: auto;

    .element-item {
        display: none;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px solid rgba(0, 0, 0, .15);

        &:hover {
            background-color: var(--dark-yellow);
        }
    }
}
.clubs-img {
    .slick {
        .slick-slide { padding: 0 10px; }
        .slick-slide:first-child { padding-left: 20px; }
        .slick-slide:last-child { padding-right: 20px; }
        img { max-height: 422px; }
        p { font-size: 20px; }
    }
}
.clubs-offer {
    .arrow {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        img { max-width: 185px; }

        &.up {
            top: 100%;
            bottom: 0;
            img { max-width: 118px; }
        }
    }

    .table-offer {
        font-family: 'Montserrat';
        border-width: 3px;
        border-style: solid;
        padding: 24px 0 0 !important;

        .btn-block { margin: 36px 0 -30px !important; }
        .btn-subscribe {
            font-size: 32px !important;
            filter:none !important;
        }
    }
}
.page-a-club {
    font-family: 'Montserrat';

    .banner-wrap-club {
        height: auto;
        min-height: calc(450px - 90px);
    }

    .back-to-gyms {
        position: fixed;
        top: 105px;
        left: 15px;
        z-index: 2;

        img {
            height: 44px;
            border-radius: 100%;
            backdrop-filter: blur(10px);
        }
    }

    .banner-content {
        .decor-xs-white:after {
            height: 3px;
            width: 130px;
        }

        .sticker {
            width: 94px;
            height: 94px;
        }
    }

    .content-holder {
        .club-logo {
            width: 247px;
        }
        .btn-play {
            background-image: url('../images/icon_play.svg');
            width: 51px;
            height: 51px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 100%;
            backdrop-filter: blur(3px);
        }
        .text-wrap p { margin: 0; padding: 0; }
    }
    .club-hours-wrapper {
        background-image: url('../images/step_bg_motif.webp');

        .hours-block {
            min-height: auto;
            border-radius: 3px;
            font-size: 14px;

            .block-title { font-size: 24px; }
            .instagram-link {
                img {
                    width: 35px;
                    height: 35px;
                    padding: 2px;
                    background: #833ab4;
                    background: linear-gradient(
                        230deg,
                        #833ab4,#fd1d1d,#fcb045
                    );
                }
                u {
                    font-size: 12px;
                    padding-top: 2px;
                }
            }
        }
    }

    .services-equipments-wrap {
        h2 { font-size: 24px; }
    }
    .service-list {
        li {
            font-size: 12px;
            flex-basis: 50%;
        }
    }
    .service-detail-row .ico-wrap {
        margin: 0 !important;
        width: 44px;
        height: 44px;
        flex-basis: 100%;
        max-width: 44px;
    }
    .carousel-generic {
        .slick-slide-img {
            height: 100%;
            width: 295px;
            background-position: center;
            background-size: cover;
        }

        .slick-prev, .slick-next {
            background-color: transparent !important;
        }
        .slick-prev:hover {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="36" viewBox="0 0 20 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.908121 18.3223L18.5858 36L20 34.5858L3.70706 18.2928L19.9739 2.02603L18.5597 0.611816L0.8978 18.2737L0.927284 18.3032L0.908121 18.3223Z" fill="white" fill-opacity="0.8"/></svg>') !important;
        }
        .slick-next:hover {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="36" viewBox="0 0 20 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0919 17.6777L1.41421 0L0 1.41421L16.2929 17.7072L0.0261219 33.974L1.44034 35.3882L19.1022 17.7263L19.0727 17.6968L19.0919 17.6777Z" fill="white" fill-opacity="0.8"/></svg>') !important;
        }
    }
}
/* END PAGE: GYMS */

.banner-wrap .map-wrap:before {
    display: none;
}


/* TO BE REMOVED */
/* TO BE REMOVED */
/* TO BE REMOVED */
/* .filter-post {
    z-index: 1;
}

.filter-post:hover:after {
    background: rgba(59, 68, 75, .6);
}

.filter-post:after {
    content: "";
    position: absolute;
    background: rgba(59, 68, 75, .4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: background .25s ease-in;
    transition: background .25s ease-in;
}

.filter-post .inner-text-block {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 24px;
    line-height: 1;
    z-index: 1;
}

.filter-post .title,
.filter-post .text-bottom {
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
} */
/* TO BE REMOVED */
/* TO BE REMOVED */
/* TO BE REMOVED */

.fiche-promo-wrap:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: rgba(59, 59, 59, .5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.promo-lg-content-holder {
    min-height: 536px;
}

.promo-lg-content-holder h1 {
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    line-height: 1.1667;
}

.promo-lg-content-holder .promo-inner-block {
    max-width: 680px;
}

.promo-lg-content-holder .frame-list li {
    width: 52px;
    height: 52px;
}

.promo-lg-content-holder .btn-group {
    margin: 0 -10px;
}

.promo-lg-content-holder .btn-warning {
    min-width: 211px;
}

.promo-lg-content-holder .btn-price-update {
    right: 10px;
    bottom: -27px;
}

.promo-lg-content-holder .btn-price-update .crossed-value:before {
    background: #ffc72c;
}

.address-info {
    max-width: 395px;
}

.address-info [class^="icon-"],
.address-info [class*=" icon-"] {
    -ms-flex-preferred-size: 25px;
    flex-basis: 25px;
    max-width: 25px;
    font-size: 35px;
    margin-right: 11px;
}

.address-info address {
    text-decoration: underline;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fitness-two-col .img-wrap {
    border: 6px solid #000;
    margin-bottom: 20px;
}

.fitness-two-col .btn-play {
    height: 0;
    width: 0;
    border-bottom: 30px solid transparent;
    border-left: 45px solid #fff;
    border-top: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .8;
}

.fitness-two-col .btn-play:hover {
    opacity: .9;
}

.subscription-inner-wrap {
}

.subscription-inner-wrap .sub-info-text {
    font-size: 20px;
    line-height: 1.2;
}

.promo-xl-content-holder {
    min-height: 400px;
}

.promo-xl-content-holder time {
    font-size: 24px;
    line-height: 1.1666666667;
}

.main-content {
    z-index: 1;
}

.main-content:before {
    content: "";
    background: #f7f7f7;
    position: absolute;
    left: -99999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.article-text-content p {
    text-align: justify;
    color: #394348;
    margin-bottom: 20px;
}

.share-article:after {
    bottom: auto;
    top: 0;
    width: 86px;
}

.share-networks {
    margin: 0 -8px;
}

.share-networks a:hover {
    opacity: .8;
}

.pagination-holder {
    max-width: 706px;
    margin: 0 auto;
}

.pagination-list {
    font-size: 14px;
    line-height: 1.2857142857;
    margin: 0 -5px;
}

.pagination-list li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.pagination-list li + li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    bottom: -10px;
    width: 1px;
    background: rgba(58, 58, 58, .3);
}

.pagination-list li a {
    color: rgba(58, 58, 58, .3);
}

.pagination-list li a:hover {
    color: #ffc72c;
}

.pagination-list li a span {
    position: absolute;
    font-size: 20px;
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagination-list li a span.icon-chevron-thin-left {
    left: 0;
}

.pagination-list li a span.icon-chevron-thin-right {
    right: 0;
}

.newletter-wrap {
    max-width: 714px;
    margin: 0 auto;
    border-radius: 5px;
    border: 3px solid #3b3b3b;
}

.newletter-wrap .img-wrap {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 64%;
    border-radius: 5px 5px 0 0;
}

.newsletter-block {
    width: 100%;
}

.newsletter-block .newsletter-title {
    font-size: 20px;
    line-height: 1;
}

.subscribe-form .form-control {
    background: #ebebeb;
    border: 1px solid #adadad;
    border-radius: 3px;
    height: 43px;
    color: #adadad;
    padding: 12px 14px 9px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.subscribe-form .form-control::-webkit-input-placeholder {
    color: #adadad;
}

.subscribe-form .form-control::-moz-placeholder {
    opacity: 1;
    color: #adadad;
}

.subscribe-form .form-control:-moz-placeholder {
    color: #adadad;
}

.subscribe-form .form-control:-ms-input-placeholder {
    color: #adadad;
}

.subscribe-form .form-control.placeholder {
    color: #adadad;
}

.simulator-info-block .top-block {
    border-radius: 15px;
    z-index: 1;
}

.simulator-info-block .ico-wrap {
    width: 97px;
    height: 97px;
    position: absolute;
    left: -4px;
    top: -19px;
    z-index: 1;
}

.simulator-info-block .bottom-info {
    z-index: 1;
    border-radius: 4px;
    font-size: 20px;
    line-height: 1;
    margin-top: -42px;
}

.latest-article-info h4,
.latest-article-info .sub-info {
    color: #262626;
}

.latest-article-list {
    font-size: 14px;
    line-height: 1.2857142857;
}

.latest-article-list li:before {
    content: "";
    position: absolute;
    left: -2px;
    width: 2px;
    top: 0;
    bottom: 0;
    background: #394348;
}

.latest-article-list a {
    color: #394348;
    text-decoration: underline;
}

.latest-article-list a:hover {
    text-decoration: none;
}

.sidebar-post-link {
    margin-bottom: 46px;
}

.sidebar-post-link .heading-block {
    color: #262626;
}

.sidebar-post-img-wrap .btn-wrap {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 25px;
    text-align: center;
}

.sidebar-post-img-wrap .btn-warning {
    border-radius: 3px;
    font-size: 20px;
    line-height: 1;
    min-width: 233px;
    padding-top: 11px;
    padding-bottom: 7px;
}

.blog-promo-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .4);
}

.blog-promo-wrap .promo-xs-content-holder {
    min-height: 320px;
}

.blog-promo-wrap h1 {
    margin-bottom: 5px;
}

.blog-promo-wrap .sub-text {
    font-size: 18px;
    line-height: 1.2222222222;
}

.sortby-wrap {
    font-size: 19px;
    line-height: 1.2105263158;
    z-index: 9;
}

.jcf-select.jcf-select-sort-by {
    height: 30px;
    border-radius: 0;
    border: 1px solid #394348;
    border-width: 0 0 1px;
    background: none;
    width: 168px;
}

.jcf-select.jcf-select-sort-by .jcf-select-text {
    padding: 0 25px 5px 0;
    font-size: 19px;
    line-height: 23px;
}

.jcf-select.jcf-select-sort-by .jcf-select-opener {
    right: 0;
}

.jcf-select.jcf-select-sort-by .jcf-select-opener:after {
    content: "";
    font-size: 30px;
    line-height: 1;
    top: -5px;
    text-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.sort-nav-list {
    font-size: 17px;
    line-height: 1.2352941176;
    margin: 0 -10px;
}

.sort-nav-list .sort-nav-item {
    padding: 0 10px;
    width: 100%;
}

.sort-nav-list .sort-nav-link {
    color: rgba(57, 67, 72, .3);
}

.sort-nav-list .sort-nav-link.active {
    font-weight: 700;
    color: #394348;
}

.sort-nav-list .sort-nav-link:hover {
    color: #394348;
}

.sorted-content:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 460px;
    height: 1px;
    margin: 0 auto;
    background: #ffc72c;
    position: absolute;
}

.sorted-content .post-row {
    margin: 0 -15px;
}

.sorted-content .post-row [class^="col-"],
.sorted-content .post-row [class*=" col-"] {
    padding: 0 15px;
}

.sorted-content .btn-warning {
    min-width: 260px;
}

.sales-promo-wrap {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sales-promo-content-holder {
    min-height: 320px;
}

.sales-promo-block .frame-list li {
    width: 70px;
    height: 70px;
}

.sales-promo-block .frame-list li + li {
    margin-top: 20px;
}

.contact-info-wrap {
    background-size: contain;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.contact-info-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(270.61deg, #000 -20.89%, rgba(0, 0, 0, 0) 16.32%, #000 69.43%);
    background: linear-gradient(179.39deg, #000 -20.89%, rgba(0, 0, 0, 0) 16.32%, #000 69.43%);
}

.contact-info-holder {
    min-height: 480px;
}

.contact-info-block {
    max-width: 1144px;
    margin: 0 auto;
}

.steps-contact-form {
    background: rgba(235, 235, 235, .95);
    border-radius: 18px;
}

.steps-contact-form .btn-warning {
    min-width: 218px;
    padding: 14px 10px 13px;
}

.pwd-eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
    color: black;
}

.genpwd {
    font-size: 12px !important;
    min-width: 100% !important;
}

@media (min-width: 768px) {
    .genpwd {
        min-width: auto !important;
        font-size: 14px !important;
    }
}

.steps-list-wrap {
    z-index: 1;
}

.steps-list-wrap .gray-line {
    content: "";
    position: absolute;
    top: 20px;
    height: 3px;
    left: 0;
    right: 0;
    background: rgba(116, 114, 114, .6);
    z-index: -1;
}

.steps-list {
    display: flex;
    flex-wrap: wrap;
    counter-reset: item;
    justify-content: space-between;
    margin: 0 -5px;
}

.steps-list li {
    padding: 0 5px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.steps-list li:before {
    position: absolute;
    top: 26px;
    height: 4px;
    left: -9999px;
    background: #ffc72c;
    z-index: -1;
    right: 50%;
}

.steps-list li.active {
    position: relative;
    z-index: 1;
}

.steps-list li.active:before {
    content: "";
}

.steps-list li.active a {
    color: #394348;
    pointer-events: none;
}

.steps-list li.active .ico-wrap {
    background: #ffc72c;
    border-color: #ffc72c;
}

.steps-list li.active .ico-wrap:before {
    font-size: 30px;
    line-height: 1;
}

.steps-list li.completed a {
    pointer-events: none;
}

.steps-list li.completed a .ico-wrap {
    border-color: #ffc72c;
    background: #f2f2f2;
}

.steps-list li.completed .ico-text {
    color: #a3a3a3;
}

.steps-list a {
    z-index: 2;
    color: #a3a3a3;
}

.steps-list a:hover {
    color: #394348;
}

.steps-list a:hover .ico-wrap {
    background: #ffc72c;
    border-color: #ffc72c;
}

.steps-list .ico-wrap {
    width: 54px;
    height: 54px;
    background: #f2f2f2;
    border: 4px solid #a3a3a3;
    position: relative;
    -webkit-transition: border-color .25s, background .25s;
    transition: border-color .25s, background .25s;
}

.steps-list .ico-wrap:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    left: 0;
    right: 0;
}

.steps-list .ico-text {
    font-size: 11px;
    line-height: 1;
}

.option-wrap {
    max-width: 880px;
    margin: 0 auto;
}

.option-wrap .steps-title {
    font-size: 18px;
    line-height: 1.2222222222;
    color: #3a3a3a;
}

.check-option-list.checked-all {
    z-index: 1;
    position: relative;
}

.check-option-list.checked-all:before {
    content: "";
    background: #ffc72c;
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    z-index: -1;
    border-radius: 10px;
}

.check-option-list .form-check.premium-form-check .form-check-label {
    border-color: #ffc72c;
    background: #fff;
}

.check-option-list .form-check.premium-form-check .info-text {
    border-color: #ffc72c;
}

.check-option-list .form-check:last-child {
    margin-bottom: 0 !important;
}

.check-option-list input[type="checkbox"]:checked ~ .form-check-label {
    opacity: 1;
    border-color: #ffc72c;
}

.check-option-list input[type="checkbox"]:checked ~ .form-check-label .info-text {
    border-color: #ffc72c;
}

.check-option-list input[type="checkbox"]:checked ~ .form-check-label .price-amount {
    color: #ffc72c;
}

.check-option-list input[type="checkbox"]:checked ~ .form-check-label .checkbox-wrap:before {
    opacity: 1;
    visibility: visible;
}

.check-option-list .form-check-label {
    border: 3px solid #3b3b3b;
    border-radius: 10px;
    background: #c4c4c4;
    opacity: .6;
}

.check-option-list .checkbox-wrap {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #adadad;
    border-radius: 5px;
    left: 13px;
    top: 15px;
}

.check-option-list .checkbox-wrap:before {
    content: "";
    font-size: 22px;
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    color: #ffc72c;
}

.info-text {
    border: 2px solid #394348;
    border-width: 0 0 2px 2px;
    border-radius: 0 8px 0 0;
    margin-left: 50px;
}

.info-text .price-amount {
    color: #fff;
    font-size: 20px;
    line-height: 1;
}

.info-text .price-text {
    font-size: 10px;
    line-height: 1.1;
}

.info-inner {
    font-size: 15px;
    line-height: 1.2;
    width: 100%;
}

.info-inner .info-title {
    font-size: 20px;
    line-height: 1.2;
}

.info-inner-list .bullet-list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #3b3b3b;
}

.form-content .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.form-content .form-group .error {
    color: red !important;
    font-size: .9em;
}

.form-content label {
    line-height: 20px;
}

.form-content .text-confirm {
    font-size: 12px;
    line-height: 1;
}

.text-required {
    font-size: 14px;
    line-height: 1.1428571429;
}

.info-contact-wrap .custom-control-input:checked ~ .custom-control-label:before,
.info-contact-wrap .custom-control-input:active ~ .custom-control-label:before {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .54);
}

.info-contact-wrap .custom-control-input:checked ~ .custom-control-label:after,
.info-contact-wrap .custom-control-input:active ~ .custom-control-label:after {
    opacity: 1;
    visibility: visible;
}

.info-contact-wrap .custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
}

.info-contact-wrap .custom-radio .custom-control-label {
    font-size: 14px;
    line-height: 1.2857142857;
}

.info-contact-wrap .custom-radio .custom-control-label:before {
    content: "";
    left: 0px;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, .54);
}

.info-contact-wrap .custom-radio .custom-control-label:after {
    width: 9px;
    height: 9px;
    background: #424242 !important;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.coordinates-checkbox-list .custom-checkbox .custom-control-label {
    font-size: 13px;
    line-height: 1.1538461538;
}

.coordinates-checkbox-list .custom-checkbox .custom-control-label:before {
    content: "";
    left: 0px;
    top: -3px;
    width: 24px;
    height: 22px;
    border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, .54);
}

.coordinates-checkbox-list .custom-checkbox .custom-control-label:after {
    content: "";
    background: none !important;
    top: 0;
    left: 4px;
    border-radius: 1px;
    opacity: 0;
    visibility: hidden;
    font-size: 17px;
    line-height: 1;
    color: #9c26b0;
}

.custom-control {
    padding-left: 0;
}

.confirmation-wrap {
    background: #ebebeb;
    border-radius: 18px;
    color: #747272;
}

.confirmation-wrap .img-wrap {
    max-width: 150px;
}

.confirmation-text .text-bottom {
    font-size: 15px;
    line-height: 1.2666666667;
}

.payment-wrap {
    max-width: 572px;
    border-radius: 18px;
}

.payment-wrap h2 {
    color: #747272;
}

.payment-wrap label {
    font-size: 14px;
    line-height: 1.1428571429;
}

.payment-wrap .info-contact-wrap .custom-radio .custom-control-label:before {
    top: 4px;
    left: 0px;
}

.payment-wrap .info-contact-wrap .custom-radio .custom-control-label:after {
    top: 8px;
    left: 4px;
}

.payment-wrap .form-control {
    border-color: #999;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
}

.payment-wrap .row {
    margin: 0 -8px;
}

.payment-wrap .date-row {
    margin: 0 -4px;
}

.payment-wrap .open {
    position: absolute;
    right: 7px;
    top: 40px;
    width: 24px;
    height: 24px;
}

.payment-wrap .open:hover {
    opacity: .8;
}

.payment-wrap .popup {
    position: absolute;
    display: none;
    max-width: 456px;
    background: #c4c4c4;
    border-radius: 10px;
    z-index: 2;
    right: 5px;
    top: 100%;
}

.payment-wrap .popup .img-wrap {
    max-width: 193px;
}

.payment-wrap .btn-group {
    margin: 0 -10px;
}

.payment-wrap .btn-group a {
    border-radius: 5px;
    color: #3b3b3b;
    border-width: 3px;
    min-width: 190px;
}

.payment-wrap .btn-group a.btn-outline-warning {
    color: #999;
}

.payment-wrap .btn-group a.btn-outline-warning:hover {
    color: #3b3b3b;
}

.jcf-select.jcf-select-payment {
    border-color: #999;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
    min-width: 117px;
}

.jcf-select.jcf-select-payment .jcf-select-text {
    font-size: 14px;
    line-height: 18px;
    color: #3b3b3b;
    padding: 12px 20px 11px 10px;
}

.jcf-select.jcf-select-payment .jcf-select-opener {
    right: 6px;
}

.jcf-select.jcf-select-payment .jcf-select-opener:after {
    font-size: 6px;
}

.pay-list {
    margin: 0 -2px;
}

.table-info-wrap {
    padding: 0 0 22px;
    display: block;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
}

.table-info-block {
    width: 100%;
}

#homeoffer, #cluboffer, #promooffer {

    .arrow-block {
        margin-bottom: 0;

        img {
            width: 47px;
        }
    }

    .subscription-holder {
        padding: 20px 0;
        font-family: 'Montserrat';
    }

    .table-offer {
        background-color: #fff;
        border-radius: 8px;
        padding: 60px 0 22px;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.10);

        h2 {
            font-size: 36px;
            letter-spacing: -0.72px;
        }

        .headband {
            font-size: 26px;
            line-height: 1em;
            letter-spacing: -0.52px;

            div {
                display: inline-flex;
                justify-content: center;
            }
        }

        .small-grey {
            color: #7F7F7F;
            font-size: 12px;
            line-height: 1em;
            letter-spacing: -0.24px;
        }

        .perks {
            margin-top: 0;
            font-family: "Roboto Condensed";
            font-size: 15px;
            padding: 0 36px;

            .perk-item {
                height: auto;
                display: flex;
                text-align: left;
                border-bottom: 0;
                padding: 17px 0;

                .bullet img {
                    max-width: 32px;
                    width: 32px;
                    height: 32px;
                }
            }
        }
    }

    .price {
        margin-top: 11px;
        font-family: 'bebas-neue-pro';
        font-weight: bold;

        .fees {
            position: absolute;
            background-image: url('../images/blazon-white-empty.webp');
            background-repeat: no-repeat;
            background-size: contain;
            width: 99px;
            height: 99px;
            bottom: 15px;
            right: calc(50% - (99px * 1.25));
            padding: 4px 14px 15px;
            transform: translateX(50%);

            .big {
                font-size: 44px;
                line-height: 1em;
            }
            .normal {
                line-height: 108%;
            }
        }
    }

    .headband {
        font-size: 21px;
        line-height: 1em;
    }

    .small-grey {
        font-size: 12px;
        line-height: 1em;
        opacity: .5;
    }

    .btn-block {
        margin: 11px 0 -44px;
        padding: 0;
    }
    .btn-subscribe {
        font-size: 20px;
        border-radius: 4px;
        padding: 7px 74px;
        border-radius: 4px;
        filter: drop-shadow(0px 0px 15px #FFC72C);
    }

    .right-rect {
        transition: all .3s;
        transform-origin: top left;
        position: absolute;
        right: 10%;
        top: 0px;
        width: 328px;
        border-radius: 8px;
        border: 3px solid #FFC72C;
        background: #FFF;
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

        .price {
            .fees {
                bottom: 0;
                right: -8px;
                transform: translateX(0);
            }
        }

        .bullets {
            margin-top: 35px;

            .bullet-item {
                height: 61px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .bullet-item:not(:last-child) {
                border-bottom: 1px solid #D9D9D9;
            }
        }

        .btn-block {
            padding: 0;
        }
        .btn-subscribe {
            font-size: 32px;
            padding: 21px 74px;
        }
    }
    .right-rect:hover {
        transform: scale(1.05);
    }

    .subscription-feature-wrap {
        padding-top: 0;
        margin-top: 0;
        background-color: #fff;

        .subscription-feature-container {
            padding: 71px 0 22px;
            background-color: #fff;
        }
    }

}

.yellow-blazon {
    background-image: url('../images/blazon-yellow-empty.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 223px;
    height: 221px;
    line-height: 1em;
    font-size: 15px;
    margin: auto;
    font-family: 'bebas-neue-pro';

    .blazon-text {
        text-transform: uppercase;
        line-height: 1.5rem;
        position: relative;
        top: -2.2em;
        font-size: 1.5em;
    }
    .units {
        position: relative;
        font-size: 6.5rem;
        left: 0.1em;
        top: -0.15em;
    }
    sup {
        font-size: 50%;
        top: -0.7rem;
    }
    .cents {
        position: relative;
        font-size: 2.5rem;
        left: -0.6em;
        top: 0.6em
    }
    .revolution {
        position: relative;
        top: 1.5rem;
        font-size: 1.5rem;
    }
    .details {
        line-height: 1em;
    }
}

.promo-yellow-blazon {
    background-image: url('../images/blazon-yellow-empty.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 223px;
    height: 221px;
    line-height: 1em;
    font-size: 18px;
    margin: auto;
    font-family: 'bebas-neue-pro';

    .blazon-text {
        line-height: 1rem;
        position: relative;
        top: -2.5em;
        color: red;
    }

    .units {
        position: relative;
        font-size: 7rem;
        left: 0.1em;
    }
    sup {
        font-size: 60%;
        top: -0.4rem;
    }
    .cents {
        position: relative;
        font-size: 2.5rem;
        left: -0.5em;
        top: 0.7em
    }
    .revolution {
        position: relative;
        top: 2.5rem;
        font-family: "Roboto", Arial, sans-serif;
    }
    .details {
        line-height: 1em;
    }
}

.yellow-blazon-old {
    background-image: url('../images/blazon-yellow-empty.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 223px;
    height: 221px;
    line-height: 1em;
    font-size: 18px;
    margin: auto;
    font-family: 'bebas-neue-pro';

    .units {
        font-size: 9rem;
        margin-left:2.2rem;
    }
    sup {
        font-size: 60%;
        top: -0.45rem;
    }
    .cents {
        font-size: 3rem;
        position:relative;
        top: 2.2rem;
        left: -2.4rem;
    }
    .revolution {
        position: relative;
        top: 3rem;
        font-size: 1rem;
    }
    .details {
        line-height: 1em;
    }
}

.presale-gym-holder-mobile .yellow-blazon-presale {
    background-image: url('../images/blazon-yellow-empty.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 90px;
    line-height: 1em;
    padding-top: 2px;
    font-size: 10px;
    margin: auto;
    font-family: 'bebas-neue-pro';

    .units {
        position: relative;
        font-size: 2.5rem;
        top: .5rem;
    }
    .cents {
        position: relative;
        font-size: 0.5rem;
        margin-left: -40px;
    }
    .details {
        position: relative;
        line-height: 1em;
        left: -0.2rem;
    }
    sup {
        position: relative;
        font-size: 60%;
        top: -0.45em;
    }
}

.presale-gym-holder .yellow-blazon-presale {
    background-image: url('../images/blazon-yellow-empty.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 90px;
    line-height: 1em;
    padding-top: 2px;
    font-size: 10px;
    margin: auto;
    font-family: 'bebas-neue-pro';

    .units {
        position: relative;
        font-size: 2.5rem;
        left: 0.3rem;
        top: .5rem;
    }
    .cents {
        position: relative;
        font-size: 0.5rem;
        margin-left: -40px;
    }
    .details {
        position: relative;
        line-height: 1em;
    }
    sup {
        position: relative;
        font-size: 60%;
        top: -0.45em;
        left: -0.4rem;
    }
}


/* Container */
.offer-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
    text-align: center;
    color: #0e0e0e;
    font-family: 'bebas-neue-pro';

    /* Big price line */
    .price {
        display: flex;
        align-items: flex-start;
        line-height: 1;
        font-size: clamp(100px, 40vw, 300px);
    }

    /* White outline around black numbers + shadows */
    .price-main,
    .price-euro,
    .price-decimals {
        font-weight: 900;
        letter-spacing: -0.02em;
        color: #111;
        text-shadow: 3px 0 0 #fff, -3px 0 0 #fff,
        0 3px 0 #fff, 0 -3px 0 #fff,
        2px 2px 0 #fff, -2px 2px 0 #fff,
        2px -2px 0 #fff, -2px -2px 0 #fff;
    }

    /* Price unit */
    .price-main {
        font-size: 1em;
    }

    /* € sign */
    .price-euro {
        font-size: 0.40em;
        transform: translateY(0.70em);
    }

    /* Price cents */
    .price-decimals {
        font-size: 0.3em;
        margin-left: -0.6em;
        transform: translateY(2em);
    }

    /* Badge "SANS ENGAGEMENT" */
    .no-commit {
        background: #fff;
        border-top: 3px solid #000;
        border-bottom: 3px solid #000;
        margin-top: -1.5rem;
        margin-left: 1rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .04em;
        font-size: clamp(20px, 3vw, 50px);
        line-height: 1.05;
    }

    .subline {
        margin-left: 1rem;
        font-size: clamp(15px, 2.5vw, 30px);
        background-color: white;
        padding: 5px;
        border-radius: 8px;
    }
}

@media (min-width: 768px) {
    .offer-badge {
        .no-commit {
            margin-top: -2.2rem !important;
        }
        .subline {
            background-color: transparent !important;
        }
    }
}

.presale-gym-holder-mobile {
    display: flex;
    flex-direction: row;
    height: 100px;
}

.presale-gym-holder {
    display: flex;
    flex-direction: row;
    height: 100px;
    border-bottom: 3px solid #FFC72C;
}

.presale-gym-description {
    padding-top: 10px;
    width: 75%;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.0em;
}

.marquee-banner {
    font-family: 'Montserrat';
    padding: 12px 0;
    font-size: 21px;
    letter-spacing: -0.72px;
    line-height: 1em;

    div {
        margin: 0 23px;
    }
    div:first-child, div:last-child {
        margin: 0;
    }
}
@keyframes marquee {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

.step-offers {
    background-image: url('/images/step_bg_motif.webp');

    .step-header {
        font-family: 'Montserrat';
        font-size: 12px;
    }
    .step-header .title-subscribe {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .step-header .white-rectangle {
        width: 100%;
        border-radius: 0;
        border: 3px solid var(--dark-yellow);
        border-left-width: 0;
        border-right-width: 0;
        box-shadow: 0px -5px 15px 5px rgba(0, 0, 0, 0.10);
    }
    .step-header .btn-no-obligation img {
        max-width: 238px;
        width: 100%;
    }
    .step-header .blazon-price img {
        max-width: 183px;
        width: 100%;
    }

    /*.yellow-blazon {
        width: 313px;
        height: 311px;
        !* padding-top: 0; *!
        font-size: 1.5rem;

        .units {
            font-size: 12rem;
        }
        .cents {
            font-size: 4rem;
        }
    }*/

    .step-header.fixed {
        margin-bottom: 200px;
    }
    .step-header.fixed .steps-list-wrap {
        position:fixed !important;
        left: 0;
        right: 0;
        top: 77px;
        z-index: 4;
    }
    .step-header .steps-list-wrap .gray-line {
        top: 52px;
        background: #7F7F7F;
    }
    .step-header .steps-list-wrap .steps-list .ico-wrap {
        border-color: #7F7F7F;
    }
    .step-header .steps-list-wrap .steps-list .ico-text {
        font-size: 14px;
        font-weight: bold;
        margin: 7px 0;
        letter-spacing: -0.28px;
    }
    .step-header .steps-list-wrap .steps-list .ico-text,
    .step-header .steps-list-wrap .steps-list .ico-wrap:before {
        color: #7F7F7F;
    }
    .step-header .steps-list-wrap .steps-list .ico-wrap:before {
        font-size: 49px;
        font-family: 'bebas-neue-pro';
    }
    .step-header .steps-list-wrap .steps-list li.completed .ico-wrap {
        background: #ffc72c;
        border-color: #ffc72c;
    }
    .step-header .steps-list-wrap .steps-list li.completed .ico-wrap:before {
        z-index: 2;
    }
    .step-header .steps-list-wrap .steps-list li.active .ico-wrap {
        background: #F1F1F1;
        border-color: #ffc72c;
    }
    .step-header .steps-list-wrap .steps-list li.completed .ico-text,
    .step-header .steps-list-wrap .steps-list li.completed .ico-wrap:before,
    .step-header .steps-list-wrap .steps-list li.active .ico-text,
    .step-header .steps-list-wrap .steps-list li.active .ico-wrap:before {
        color: black;
    }

    .form-container-wrapper, .step-summary-container, .step-payment-container{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .form-container {
        position: relative;
        font-family: 'Montserrat';
        border-radius: 8px;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.10);
        padding-bottom: 58px;
    }
    .form-container form .error,
    .form-container form select.error + .jcf-select {
        border-color: red;
        color: red;
    }

    .jcf-select:has(select.error) {
        border: 3px solid red !important;
        color: red;
    }

    .form-container form label {
        font-family: 'bebas-neue-pro';
        font-size: 16px;
        margin: 0;
        line-height: 1em;
    }
    .custom-checkbox .custom-control-label { cursor: pointer; }
    .custom-checkbox.disabled .custom-control-label { cursor: not-allowed; }
    .form-container input,
    .form-container .jcf-select,
    .custom-checkbox .custom-control-label:after {
        background-color: white;
        border-radius: 8px;
        border: 3px solid var(--Gris-clair, #7F7F7F);
        border-color: black;
        color: black;
    }
    .custom-checkbox .custom-control-label:after {
        background-color: none;
        height: 30px;
        width: 30px;
        left: -30px;
        top: 5px;
    }

    #passwordRules {
        font-size: 10px;
    }

    @media (min-width: 768px) {
        #passwordRules {
            font-size: 16px;
        }
    }
    .custom-checkbox.disabled .custom-control-label:after { background-color: var(--gray-light5); }

    .info-contact-wrap .custom-checkbox .custom-control-label:after {
        left: -60px;
    }
    .custom-checkbox .custom-control-label:before {
        background-color: #ffc72c;
        width: 22px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17'%3e%3cpath fill='none' stroke='black' stroke-width='3' d='M2 6.72727L8.79245 14L20 2'/%3e%3c/svg%3e") !important;
        background-size: contain;
        background-repeat: no-repeat;
        top: 12px;
        left: -26px;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }
    .info-contact-wrap .custom-checkbox .custom-control-label:before {
        left: -56px;
    }
    .show-on-checked { display: none; }
    .hide-on-checked { display: block; }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
    .custom-checkbox .custom-control-input:active ~ .custom-control-label:before {
        border: none;
        background-color: transparent;
        box-shadow: none;
    }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        background-image: none;
        background-color: #ffc72c;
    }
    .summary-info-block:has(.custom-checkbox .custom-control-input:checked) .show-on-checked {
        display: block;
    }
    .summary-info-block:has(.custom-checkbox .custom-control-input:checked) .hide-on-checked {
        display: none;
    }

    .form-container .jcf-select .jcf-select-text {
        font-size: 14px;
        font-weight: bold;
    }
    .form-container .jcf-select .jcf-select-opener {
        right: 15px;
    }
    .form-container .jcf-select .jcf-select-opener:after {
        content: '';
        background-image: url(../images/icon-chevron-right.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 15px;
        height: 24px;
    }
    .btn-wrap.btn-submit {
        position: absolute;
        bottom: -22px;
        left: 0;
        right: 0;
    }
    .btn {
        width: 70%;
        font-family: "bebas-neue-pro";
        font-size: 20px;
        border-radius: 4px;
        padding: 4px 74px;
        letter-spacing: 0.6px;
        color: #7F7F7F;
        border: 4px solid #7F7F7F;
    }
    .step-summary .btn-actions, .step-payment .btn-actions {
        top: 21px;
        background: transparent;
    }
    .step-summary .btn, .step-payment .btn {
        width: auto;
        padding: 4px 10px;
        border-width: 2px;
    }
    .btn.btn-warning { border-color: #ffc72c; }
    .btn-submit .btn {
        color: black;
    }

    .card-mygym {
        margin-top: 0;
        padding: 70px 0 23px;
    }

    .step-summary .custom-checkbox .custom-control-label:before {
        background-color: white;
    }
    .step-summary .custom-checkbox .custom-control-label {
        width: 65px;
    }
    .step-summary .step-summary-container, .step-payment .payment-wrap {
        border-radius: 8px;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.10) !important;
    }
    .step-summary .card-mygym {
        margin-top: -40px;
        padding: 110px 0 23px;
    }
    .step-summary .table-info-wrap {
        padding: 0;
        margin: 0;
    }
    .step-summary .summary-info-block {
        background-color: white;
        padding: 22px 20px;
        font-size: 22px;
        font-family: 'Montserrat';
        line-height: 1em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .step-summary .summary-info-block .label {
        font-family: "bebas-neue-pro";
        text-align: right;
        padding-right: 45px;
        min-width: 135px;
    }
    .step-summary .summary-info-block .summary-description {
        font-family: "bebas-neue-pro";
        font-size: 22px;
        text-justify: auto;
        /*text-align: right;*/
        /*padding-right: 45px;*/
        min-width: 135px;
    }
    .step-summary .summary-info-block .price-text {
        text-align: right;
        font-size: 22px;
        line-height: 1em;
        flex-basis: auto;
        max-width: initial;
    }
    .step-summary .summary-info-block .price-decimal {
        font-size: 1rem;
        line-height: 1em;
        flex-basis: auto;
        max-width: initial;
    }
    .step-summary .summary-info-block .strikediag {
        position: relative;
        background: none;
        font-size: 20px;
    }
    .step-summary .summary-info-block .strikediag:before {
        content: '';
        background: white;
        width: 64px;
        height: 2px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%) rotate(-25deg);
    }
    .step-summary .summary-info-block .small {
        color: #7F7F7F;
        font-size: 14px;
    }
    .step-summary .summary-info-block.bg-dark-yellow .small {
        color: black;
    }
    .step-summary .summary-info-block.bg-dark-yellow .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        background-color: white;
    }
    .step-summary .summary-info-block .description {
        text-align: center;
        font-size: 14px;
    }

    .step-payment {
        font-family: 'Montserrat';
    }
    .step-payment .payment-wrap {
        max-width: initial !important;
    }
    .step-payment h2 {
        color: black;
    }
    .step-payment .card-mygym {
        margin-top: -60px;
        padding: 110px 0 23px;
    }
}

button[type=submit].is-loading, .btn-submit a.is-loading, .btn-disable-on-submit.is-loading {
    opacity: .65;
    color: transparent !important;
    position: relative;
}
button[type=submit].is-loading::after, .btn-submit a.is-loading::after, .btn-disable-on-submit.is-loading::after {
    content:'';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 150"><path fill="none" stroke="%23000000" stroke-width="15" stroke-linecap="round" stroke-dasharray="300 385" stroke-dashoffset="0" d="M275 75c0 31-27 50-50 50-58 0-92-100-150-100-28 0-50 22-50 50s23 50 50 50c58 0 92-100 150-100 24 0 50 19 50 50Z"><animate attributeName="stroke-dashoffset" calcMode="spline" dur="2" values="685;-685" keySplines="0 0 1 1" repeatCount="indefinite"></animate></path></svg>');
    background-repeat: no-repeat;
    width: 70px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.summary-info-block {
    padding: 15px 0;
}

.summary-info-block .lt-block {
    padding: 0 15px;
    width: 50%;
}

.summary-info-block .title-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.summary-info-block .title {
    font-size: 20px;
    line-height: 1.2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.summary-info-block .rt-block {
    width: 40%;
    padding: 0 15px;
}

.summary-info-block .price-text {
    font-size: 20px;
    line-height: 1;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    max-width: 150px;
}

.summary-info-block .inner-info-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.summary-info-block .crossed-value:after {
    content: "";
    position: absolute;
    left: -5px;
    width: 64px;
    height: 1px;
    background: #222;
    top: 11px;
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
}

.lt-inner-block {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    max-width: 180px;
}

.basic-holder {
    border: 2px solid #ffc72c;
    border-radius: 15px;
    padding: 16px 10px;
}

.basic-holder .text-basic {
    font-size: 24px;
    line-height: 1.1666666667;
    padding-bottom: 6px;
}

.basic-holder .sub-text {
    font-size: 16px;
    line-height: 1.25;
}

.code-promo {
    padding: 15px;
}

.code-promo .text-code {
    color: #505050;
    width: 50%;
}

.code-promo .title {
    font-size: 20px;
    line-height: 1.2;
    margin-right: 10px;
}

.code-promo .title-code {
    font-size: 16px;
    line-height: 1.25;
}

.code-promo .price-deduct {
    padding: 0 15px 0 0;
    font-size: 24px;
    line-height: 1;
    width: 50%;
}


.option-list {
    color: rgba(59, 68, 75, .6);
}

.option-list li,
.inner-info-list li {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 6px;
}

.option-list li.text-premium,
.inner-info-list li.text-premium {
    font-size: 18px;
    line-height: 1;
}

.inner-info-list.offert-list {
    max-width: 60px;
}

.inner-info-list.price-range-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.inner-info-list.price-range-list li {
    font-size: 15px;
}

.summary-btn-group {
    padding: 0 15px;
}

.summary-btn-group .btn {
    padding: 7px 10px;
    min-width: 202px;
}

.summary-btn-group .btn-outline-dark-yellow {
    border-width: 3px;
    color: #999;
    padding: 5px 10px;
}

.summary-btn-group .btn-outline-dark-yellow:hover,
.summary-btn-group .btn-outline-dark-yellow:focus,
.summary-btn-group .btn-outline-dark-yellow:active {
    color: #3b3b3b;
}

.simulateur-form-holder {
    margin: 0 -15px;
}

.simulateur-form-holder h1 {
    color: #515151;
}

.simulateur-form {
    font-size: .875rem;
    background: #3a3a3a;
    padding: 88px 20px 35px;
}

.simulateur-form .custom-radio .custom-control-input:checked ~ .custom-control-label {
    color: #ffc72c;
}

.simulateur-form .custom-control-label {
    font-size: 1.125rem;
    line-height: 1;
    color: rgba(255, 255, 255, .3);
    font-weight: 700;
}

.simulateur-form .custom-control-label:before,
.simulateur-form .custom-control-label:after {
    content: none;
}

.simulateur-form .btn {
    font-size: 1.125rem;
    line-height: 1;
    min-width: 10.125rem;
    font-weight: 700;
}

.simulateur-form .alt-btn-holder {
    background-color: #747272;
    margin: 0 -20px;
}

.simulateur-form .alt-btn-holder li {
    width: 48%;
    padding: 0 10px;
}

.simulateur-form .alt-btn-holder .small-text {
    font-size: .6875rem;
    line-height: 1;
    font-weight: 300;
}

.simulateur-form .alt-btn-holder .btn {
    font-size: .875rem;
    padding: 7px 13px;
    min-width: auto;
}

.simulateur-form .form-close {
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
    top: 16px;
    left: 34px;
    font-size: 1.125rem;
    color: #999;
}

.simulateur-form .form-close:hover {
    color: #ffc72c;
}

.figure-holder {
    color: #fff;
}

.figure-holder .img-holder {
    width: 95px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.figure-holder .img-holder img {
    width: 100%;
    height: auto;
    max-width: none;
}

.figure-holder .img-holder:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 50%;
    bottom: 22px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 131px;
    background: #ffc72c;
    z-index: -1;
}

.figure-holder .alt-img-holder {
    width: 76px;
}

.figure-holder .thin-male {
    width: 65px;
}

.figure-holder .figure-title {
    color: #ffc72c;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1;
}

.figure-holder .figure-in-num {
    background: #ffc72c;
    color: #3b3b3b;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 -1.25rem;
    padding: .375rem 1.25rem;
}

.figure-holder .alt-text-wrap {
    line-height: 1.1667;
}

.figure-holder .alt-text-wrap .figure-title {
    font-size: 1.5rem;
}

.info-holder {
    text-align: center;
}

.info-holder .title-highlight {
    position: absolute;
    top: 16px;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 12px;
    max-width: 200px;
    margin: 0 auto;
    width: 100%;
}

.ranges-holder {
    margin: 0 -8px;
}

.ranges-holder .range-holder {
    width: 33.33%;
    padding: 0 8px 26px;
}

.ranges-holder label {
    color: #fff;
    font-size: .75rem;
    line-height: 1.1667;
}

.ranges-holder .form-control {
    font-weight: 700;
    background: transparent;
    height: 41px;
    border-radius: 32px;
    border-color: #ffc72c;
    color: #ffc72c;
}

.ranges-holder .form-control::-webkit-input-placeholder {
    color: #ffc72c;
}

.ranges-holder .form-control::-moz-placeholder {
    opacity: 1;
    color: #ffc72c;
}

.ranges-holder .form-control:-moz-placeholder {
    color: #ffc72c;
}

.ranges-holder .form-control:-ms-input-placeholder {
    color: #ffc72c;
}

.ranges-holder .form-control.placeholder {
    color: #ffc72c;
}

.ranges-holder .jcf-range .jcf-range-handle {
    background: #ffc72c;
    border: 2px solid whitesmoke;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .2);
    margin-left: 0;
}

.ranges-holder .jcf-range .jcf-range-wrapper {
    background: rgba(0, 0, 0, .2);
    position: relative;
}

.ranges-holder .jcf-range .jcf-range-display {
    position: absolute;
    left: 0;
    right: 0;
    background: #ffc72c;
    border-radius: 5px;
}

.ranges-holder .jcf-range .jcf-range-mark {
    margin-left: 0;
}

.ranges-holder .jcf-range.jcf-vertical {
    min-width: 0;
    width: 8px;
    margin: 0 auto;
}

.ranges-holder .jcf-range.jcf-vertical .jcf-range-track,
.ranges-holder .jcf-range.jcf-vertical .jcf-range-wrapper {
    width: 8px;
}

.ranges-holder .jcf-range.jcf-vertical .jcf-range-track {
    height: 46px;
}

.fees-structure .fee-holder {
    color: #212121;
}

.hide-sm-range .jcf-range-wrapper,
.hide-sm-range .jcf-range {
    display: none;
}

.hide-sm-range .jcf-vertical,
.hide-sm-range .jcf-vertical .jcf-range-wrapper {
    display: block;
}

.hide-sm-range .range-value-onmobile {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #f7d00a;
    color: #ffc72c;
    font-size: 1rem;
    margin: 0 auto;
    font-weight: 700;
}

.simulator-wrap {
    max-width: 712px;
}

.simulator-wrap .img-link-wrap {
    max-width: 420px;
}

.simulator-wrap .img-link-wrap a:hover {
    opacity: .8;
}

.simulator-wrap .img-link-wrap:after {
    content: "";
    position: absolute;
    left: -99999px;
    right: -99999px;
    bottom: 0;
    height: 6px;
    background: #767676;
}

.simulator-block {
    background: #3a3a3a;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
    border-radius: 16px;
}

.simulator-block .title-block {
    width: 250px;
    top: -34px;
    left: 0;
    right: 0;
    background: #262626;
    border-radius: 15px;
}

.simulator-block .btn-group .btn-outline-dark-yellow {
    background: #ffc72c;
    border-width: 2px;
    border-color: #e8e8e8;
    border-radius: 30px;
    color: #3a3a3a;
}

.simulator-block .btn-group .btn-outline-dark-yellow:hover,
.simulator-block .btn-group .btn-outline-dark-yellow:focus,
.simulator-block .btn-group .btn-outline-dark-yellow:active {
    background: #cfaf00;
}

.text-block-holder .h6 {
    line-height: 1.1667;
}

/** COOKIES **/
/* EU cookies bottom of page popup */
.cookie-consent {
    /*display: none;*/
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    z-index: 9999;
    height: auto;
    background-color: #3b3b3b;
    padding: 23px 2em;
    border-top: solid 1px #FFF;
}

.cookie-consent .eu-cookies-cntr {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    /*opacity: 0.71; //< does not look good over dark backgrounds, like the footer. */
}

.cookie-consent .narratives {
    flex: 1 1 calc(80% - 15px);
    margin: 0 15px 0 0;
}

.cookie-consent .aside {
    flex: 1 1 calc(20% - 15px);
    display: inline-block;
    margin: 0 0 0 15px;
    position: relative;
}

.cookie-consent a {
    color: white;
}

.cookie-consent p {
    display: inline;
    margin-right: 1ex;
}

.cookie-consent button {
    font-size: 1.1em;
    padding: 4px 20px;
}

/* .cookie-consent button {
    display: block;
    line-height: 30px;
    padding: 4px 45px;
    background-color: #aaceb6;
    border: 1px solid #262626;
    box-sizing: border-box;
    box-shadow: 0px 10px 30px rgba(8, 119, 48, 0.25);
    border-radius: 3px;
    margin: 5px auto;
    text-transform: uppercase;
}
.cookie-consent button:hover {
    cursor: pointer;
    background-color: #b4dcc4;
}
*/

@media (min-width: 576px) {
    .cookie-consent .eu-cookies-cntr {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .cookie-consent .eu-cookies-cntr {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .cookie-consent .eu-cookies-cntr {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .cookie-consent .eu-cookies-cntr {
        max-width: 1400px;
    }
}

@media (min-width: 1650px) {
    .cookie-consent .narratives {
        text-align: left;
    }

    .cookie-consent p {
        display: block;
        width: 100%;
    }
}

/** mautic **/
.mauticform_wrapper {
    max-width: 600px;
    margin: 10px auto;
}

.mauticform-innerform {
}

.mauticform-post-success {
}

.mauticform-name {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 3px;
}

.mauticform-description {
    margin-top: 2px;
    margin-bottom: 10px;
}

.mauticform-error {
    margin-bottom: 10px;
    color: red;
}

.mauticform-message {
    margin-bottom: 10px;
    color: green;
}

.mauticform-row {
    display: block;
    margin-bottom: 20px;
}

.mauticform-label {
    font-size: 1.1em;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.mauticform-row.mauticform-required .mauticform-label:after {
    color: #e32;
    content: " *";
    display: inline;
}

.mauticform-helpmessage {
    display: block;
    font-size: 0.9em;
    margin-bottom: 3px;
}

.mauticform-errormsg {
    display: block;
    color: red;
    margin-top: 2px;
}

.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    width: 100%;
    padding: 0.5em 0.5em;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 0px 0px 0px #fff inset;
    border-radius: 4px;
    box-sizing: border-box;
}

.mauticform-checkboxgrp-row {
}

.mauticform-checkboxgrp-label {
    font-weight: normal;
}

.mauticform-checkboxgrp-checkbox {
}

.mauticform-radiogrp-row {
}

.mauticform-radiogrp-label {
    font-weight: normal;
}

.mauticform-radiogrp-radio {
}

.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
    color: #5d6c7c;
    background-color: #ffffff;
    border-color: #dddddd;
}

.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.3856;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] {
    background-color: #ffffff;
    border-color: #dddddd;
    opacity: 0.75;
    cursor: not-allowed;
}

.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
    display: inline;
}

/** abonnements **/
.deep-link:hover {
    cursor: pointer;
}

/** panier **/
.yellow-sticker {
    color: #ffc72c !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background: #3b3b3b;
    padding: 1px 6px;
}

.summary-info-block {
    background: rgb(235, 235, 235);
}

.summary-colored {
    background: #c4c4c4;
}

.steps-contact-form.white-bg,
.summary-info-block.white-bg {
    background: rgba(255, 255, 255);
}

.arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 75px 0 75px;
    border-color: #c3c3c3 transparent transparent transparent;
    margin: 20px auto;
}

.text-s2 {
    font-size: 21px;
}

.text-m1 {
    font-size: 32px;
}

.text-m2 {
    font-size: 36px;
}

.fitlive-top-wrapper {
    background: #141719;
}

/* .fitlive-top {
    padding: 20px 47px;
} */

.fitlive-wrapper {
    background: #FFC72C;
    position: relative;
}
.fitlive-wrapper-black {
    background: #141719;
    position: relative;
}
.fitlive-wrapper #replay {
    color: #0b0b0b;
}

.fitlive-wrapper .zone {
    border: solid 15px #C4C4C4;
    background-color: #141719;
}

.fitlive-wrapper iframe {
}

.fitlive-bottom-wrapper {
    background: #141719;
    padding-top: 20px;
}

.fitlive-bottom-wrapper p {
    font-size: 20px;
}

.fitlive-bottom-wrapper .text-yellow {
    color: #FFC72C;
}

.fitlive-modal{
    border: solid 15px #C4C4C4;
    background-color: #141719;
}

.fitlive-modal-yellow{
    color: #FFC72C;
}

/* .fitlive-top-wrapper img {
    max-height: 120px;
} */

@media (min-width: 766px) {

    /* .fitlive-top-wrapper img {
        max-height: 100%;
        max-width: 1325px;
        margin: 0 auto;
        width: 100%;
    } */

    .fitlive-top {
        padding-top: 82px;
    }

    .fitlive-wrapper:before {
        content: '';
        background: #141719;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 38%;
    }

    .fitlive-wrapper:after {
        content: '';
        background: #141719;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 25%;
    }

    .fitlive-bottom-wrapper {
        padding-top: 0;
    }

    .fitlive-wrapper #replay {
        color: #FFC72C;
    }
}

/** CAROUSEL **/
body:has(.special-offer-banner) .btn-block-subscribe {
    margin-top: 0;
    .btn-subscribe {
        border-radius: 0 0 4px 4px;
    }
}
.btn-block-subscribe {
    position: relative;
    z-index: 1;
    margin-top: -28px;

    .btn-subscribe {
        font-size: 20px;
        border-radius: 4px;
        padding: 12px 74px;
        /*filter: drop-shadow(0px 0px 15px #FFC72C);*/
        width: 100%;
        max-width: 330px;
    }
}
.carousel{
    height:450px;
}
.carousel.home{
    height:513px;
    max-height: 577px;

    &:has(.special-offer-banner) {
        height: auto !important;
    }

    .carousel-inner, .carousel-item, .carousel-item > div {
        height: 100%;
    }

    .carousel-indicators {
        bottom: 17px;

        ol {
            margin: 0;
        }

        li {
            height: 14px;
            width: 14px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.4);
            opacity: 1;
            display: flex;
            justify-content: center;
        }

        .active:after {
            content: "";
            display: block;
            margin: auto;
            width: 50%;
            height: 50%;
            background-color: #fff;
            border-radius: inherit;
        }
    }

    .img-promo-gif {
        height: 124%; /* 185px */
        position: absolute;
        bottom: -12%; /* -20px */
        right: 0px;
    }
}
#carouselBanner, .carousel-generic {
    height:387px;

    .slick, .slick-list, .slick-track, .slick-slide img {
        height: 100%;
    }
}
#carouselBanner .slick, .carousel.home, .carousel-generic .slick {
    .slick-arrow::before {
        content: none;
    }
    .slick-arrow, .carousel-control-prev, .carousel-control-next {
        background-color: rgba(0, 0, 0, 0.2);
        width: 47px;
        height: 47px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 40px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }
    .slick-arrow:hover, .carousel-control-prev:hover, .carousel-control-next:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 100%;
        height: 35px;
    }
    .slick-next, .carousel-control-next-icon {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="36" viewBox="0 0 20 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0919 17.6777L1.41421 0L0 1.41421L16.2929 17.7072L0.0261219 33.974L1.44034 35.3882L19.1022 17.7263L19.0727 17.6968L19.0919 17.6777Z" fill="white" fill-opacity="0.8"/></svg>');
    }
    .slick-next:hover, .carousel-control-next-icon:hover {
        background-image: url('data:image/svg+xml,<svg width="20" height="36" viewBox="0 0 20 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.0919 17.6777L1.41421 0L0 1.41421L16.2929 17.7072L0.0261219 33.974L1.44034 35.3882L19.1022 17.7263L19.0727 17.6968L19.0919 17.6777Z" fill="black" fill-opacity="0.8"/></svg>');
    }
    .slick-prev, .carousel-control-prev-icon {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="36" viewBox="0 0 20 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.908121 18.3223L18.5858 36L20 34.5858L3.70706 18.2928L19.9739 2.02603L18.5597 0.611816L0.8978 18.2737L0.927284 18.3032L0.908121 18.3223Z" fill="white" fill-opacity="0.8"/></svg>');
    }
    .slick-prev:hover, .carousel-control-prev-icon:hover {
        background-image: url('data:image/svg+xml,<svg width="20" height="36" viewBox="0 0 20 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.90812 18.3223L18.5858 36L20 34.5858L3.70706 18.2928L19.9739 2.02603L18.5597 0.611816L0.8978 18.2737L0.927283 18.3032L0.90812 18.3223Z" fill="black" fill-opacity="0.8"/></svg>');
    }
}

.carousel-inner > .item > img {
    height:450px;
}

.carousel-image{
    height:450px;
    width: 100%;
    object-fit: cover;
    box-shadow:1px 1px 3px grey;
}

.mycarousel-indicators {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.mycarousel-indicators li {
    box-sizing: content-box;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    transition: opacity .6s ease;
}

.carousel-indicators--round li {
    border-radius: 100%;
    margin: 1px 4px;
    height: 15px;
    width: 15px;
    border: 1.5px solid black;
}
.carousel-indicators {
    z-index: 8;
}
.carousel-control-prev, .carousel-control-next {
    display: none;
}
.mycarousel-indicators .active{
    background-color: black;
}

.half-img-right,
.half-img-left{
    overflow:hidden;
    position: relative;
}

.half-img-left > img{
    position: absolute;
    left: 20%;
}

.half-img-right > img{
    position: absolute;
    right: 20%;
}

@media screen and (max-width: 1000px){
    .carousel-inner > .item > img {
        height:350px;
    }

    .carousel-image{
        height:350px;
    }

    .carousel{
        height:350px;
    }
}

@media screen and (max-width: 700px){
    .carousel-inner > .item > img {
        height:250px;
    }

    .carousel-image{
        height:250px;
    }

    .carousel{
        height:250px;
    }
}


@media screen and (max-width: 500px){
    .carousel-inner > .item > img {
        height:180px;
    }

    .carousel-image{
        height:180px;
    }

    .carousel{
        height:180px;
    }
}

.info-covid {
    position: relative;
}

.info-covid:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../images/bg-covid.jpg');
    background-size: cover;
}

a.club-item {
    width: 320px;
    margin: 0 auto;
    padding-left: 60px;
    display: block;
}

.club-item p {
    padding-bottom: 15px;
    width: 120px;
    text-align: center;
}

/* CUSTOMER PAGE */
.page-customer-login main {
    background: url('/images/step_bg_motif.webp');
}
.btn-outline-warning:hover,
.btn-outline-warning:active {
    color: #2b2b2b !important;
}

.page-customer-account .account-menu > .btn { min-width: 180px; }
.page-customer-account .dropdown-menu > .dropdown-item {
    color: #fff;
}
.page-customer-account .avatar {
    width:64px;
    height:100%;
}
.page-customer-account .block-title {
    font-size: 30px;
    line-height: 1.25em;
}
.page-customer-account .btn {
    font-size: 16px;
}
.page-customer-account .edit-btn:hover {
    text-decoration: underline;
}
.page-customer-account .page-payment-method .payment-method-list .payment-method:not(:last-child) {
    border-bottom: 1px solid #dee2e6 !important;
}

.balance-due {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

#presale-insert {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 20;
    background-color: white;
    color: black;
    padding: 16px 24px;
    border: 2px solid #ffc830;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

:root {
    --lightUltra-yellow: #fff6de;
    --light-yellow: #fee292;
    --dark-yellow: #ffc72c;
    --black: #000;
    --black-mg: #141719;
    --gray-light1: #f7f7f7;
    --gray-light2: #e2e2e2;
    --gray-light3: #f0f0f0;
    --gray-light4: #394348;
    --gray-light5: #939292;
    --gray-dark1: #3b3b3b;
    --mg-red: red;
    --mg-redDarker: #f22613;
    --breakpoint-xxl: 1400px;
    --mg-pink: #CE2D7C;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}
body {
    font-family: "Roboto", Arial, sans-serif;
    color: var(--black);
}
a { color: var(--dark-yellow); }
a:hover {
    color: var(--dark-yellow);
    text-decoration: none;
}

@font-face {
    font-family: "axiforma";
    src: url("../fonts/kastelov_-_axiforma_bold-webfont.eot");
    src: url("../fonts/kastelov_-_axiforma_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kastelov_-_axiforma_bold-webfont.woff2") format("woff2"), url("../fonts/kastelov_-_axiforma_bold-webfont.woff") format("woff"), url("../fonts/kastelov_-_axiforma_bold-webfont.ttf") format("truetype"), url("../fonts/kastelov_-_axiforma_bold-webfont.svg#axiformabold") format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "axiforma";
    src: url("../fonts/kastelov_-_axiforma_semibold-webfont.eot");
    src: url("../fonts/kastelov_-_axiforma_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kastelov_-_axiforma_semibold-webfont.woff2") format("woff2"), url("../fonts/kastelov_-_axiforma_semibold-webfont.woff") format("woff"), url("../fonts/kastelov_-_axiforma_semibold-webfont.ttf") format("truetype"), url("../fonts/kastelov_-_axiforma_semibold-webfont.svg#axiformasemibold") format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "axiforma";
    src: url("../fonts/kastelov-axiforma-regular-webfont.eot");
    src: url("../fonts/kastelov-axiforma-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kastelov-axiforma-regular-webfont.woff2") format("woff2"), url("../fonts/kastelov-axiforma-regular-webfont.woff") format("woff"), url("../fonts/kastelov-axiforma-regular-webfont.ttf") format("truetype"), url("../fonts/kastelov-axiforma-regular-webfont.svg#axiformaregular") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "axiforma";
    src: url("../fonts/kastelov_-_axiforma_black_1-webfont.eot");
    src: url("../fonts/kastelov_-_axiforma_black_1-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kastelov_-_axiforma_black_1-webfont.woff2") format("woff2"), url("../fonts/kastelov_-_axiforma_black_1-webfont.woff") format("woff"), url("../fonts/kastelov_-_axiforma_black_1-webfont.ttf") format("truetype"), url("../fonts/kastelov_-_axiforma_black_1-webfont.svg#axiformablack") format("svg");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "axiforma";
    src: url("../fonts/kastelov_-_axiforma_light-webfont.eot");
    src: url("../fonts/kastelov_-_axiforma_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kastelov_-_axiforma_light-webfont.woff2") format("woff2"), url("../fonts/kastelov_-_axiforma_light-webfont.woff") format("woff"), url("../fonts/kastelov_-_axiforma_light-webfont.ttf") format("truetype"), url("../fonts/kastelov_-_axiforma_light-webfont.svg#axiformalight") format("svg");
    font-weight: 300;
    font-style: normal;
}
/* Mont */
@font-face {
    font-family: "Mont";
    src: url("../fonts/Mont-Light.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Mont";
    src: url("../fonts/Mont-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Mont";
    src: url("../fonts/Mont-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "MontHeavy";
    src: url("../fonts/Mont-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Mont";
    src: url("../fonts/Mont-HeavyItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "Mont";
    src: url("../fonts/Mont-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
.font-base { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
.font-axiforma { font-family: "axiforma", Arial, sans-serif !important; }
.font-montserrat { font-family: 'Montserrat' !important; }
.font-bebas { font-family: 'bebas-neue-pro' !important; }
.font-mont { font-family: 'Mont' !important; }

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?2g38v");
    src: url("../fonts/icomoon.eot?2g38v#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?2g38v") format("truetype"), url("../fonts/icomoon.woff?2g38v") format("woff"), url("../fonts/icomoon.svg?2g38v#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"],
[class*=" icon-"],
[class*=" jcf-select-icon-"].jcf-select-form-control .jcf-select-text:before,
[class*=" jcf-select-icon-"].jcf-select-drop li:before,
.jcf-select .jcf-select-opener:after,
.promo-md-content-holder .shape-ico-wrap [class^="icon-"],
.promo-md-content-holder .shape-ico-wrap [class*=" icon-"],
.check-option-list .checkbox-wrap:before,
.coordinates-checkbox-list .custom-checkbox .custom-control-label:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-check:before { content: "\e900"; }
.icon-chevron-thin-left:before { content: "\e901"; }
.icon-caret-left:before { content: "\e902"; }
.icon-caret-left-1:before { content: "\e903"; }
.icon-chevron-thin-right:before { content: "\e904"; }
.icon-close:before { content: "\e905"; }
.icon-Polygon:before { content: "\e906"; }
.icon-download:before { content: "\e908"; }
.icon-checkmark:before { content: "\e909"; }
.icon-location:before { content: "\e90a"; }
.icon-chevron-thin-down:before { content: "\e90d"; }
.icon-thin-lady:before { content: "\e914"; }
.icon-tick1:before { content: "\e915"; }
.icon-xl-lady:before { content: "\e91b"; }
.icon-facebook:before { content: "\ea90"; }
.icon-instagram:before { content: "\ea92"; }
.icon-youtube:before { content: "\ea9d"; }
.icon-tiktok:before { content: "\ea9e"; }
.icon-credit-card:before, .jcf-select-icon-credit-card .jcf-select-text:before, .jcf-select-icon-credit-card .jcf-select-drop li:before { content: "\e907"; }
.icon-bank:before { content: "\e90b"; }
.icon-exit:before { content: "\e917"; }
.icon-eye-blocked:before { content: "\e912"; }
.icon-eye:before { content: "\e913"; }
.icon-account_circle:before { content: "\e916"; }

.jcf-select-icon-credit-card .jcf-select-text:before,
.jcf-select-icon-credit-card .jcf-select-drop li:before {
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px;
    font-size: 25px;
}

.text-red { color: var(--mg-red) !important; }
.text-black2 { color: #141719 !important; }
.bg-red { background-color: var(--mg-red) !important; }
.bg-black2 { background-color: #141719 !important; }
.bg-light-yellow { background-color: var(--light-yellow) !important; }
.bg-dark-yellow { background-color: var(--dark-yellow) !important; }

.border-nohoverfocus:hover, .border-nohoverfocus:focus { border-color: initial !important; outline: none !important; }
.border-dark-yellow { border-color: var(--dark-yellow); }
.border-black2 { border-color: #141719 !important; }
.border-red { border-color: var(--mg-red); }
.border-1 { border: 1px solid #000; }
.border-2 { border: 2px solid #000; }
.border-3 { border: 3px solid #000; }

a.bg-dark-yellow:hover,
a.bg-dark-yellow:focus,
button.bg-dark-yellow:hover,
button.bg-dark-yellow:focus { background-color: #cfaf00 !important; }

.btn {
    font-family: 'bebas-neue-pro';
    border-radius: 5px;
}

/* .display-2 { font-size: 3rem; }
.display-3 { font-size: 2.25rem; }
.display-4 { font-size: 1.38rem; } */

.text-black { color: #000 !important; }
.text-gray-900 { color: #161e2e; }
a.text-black:hover,
a.text-black:focus { color: black !important; }
.text-pretty, .text-wrap-pretty { text-wrap: pretty;}
.text-balance { text-wrap: balance;}

.flex-1 { flex: 1; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }

.opacity-0 {
    opacity: 0;
    transition: opacity .75s cubic-bezier(.34, 1, .34, 1) .5s;
}
.opacity-1 { opacity: 1 !important; }

.in-viewport .opacity-0 { opacity: 1; }
.cursor-pointer { cursor: pointer }

.bg-light-gray2 { background-color: var(--gray-light2); }

.sep-border {
    height: 2px;
    background: #FFC72C;
    box-shadow: 0px 0px 2.8px 0px #FFC72C;
}
.rotate-90 { transform: rotate(90deg); }
.-rotate-90 { transform: rotate(-90deg); }

@keyframes rotating {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
.slowRotating {
    animation: rotating 6s linear infinite;
}

.w-30px { width: 30px; }
.bg-none { background: none; }

.top-0 { top: 0; }
.top-50 { top: 50%; transform: translateY(-50%); }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.text-decoration-underline { text-decoration: underline !important; }

@media (min-width: 375px) {
    .header-holder .btn {
        line-height: 1.3333333333;
    }
    .promo-md-content-holder .btn-wrap {
        max-width: 296px;
    }
    .promo-md-content-holder .btn-text {
        font-size: 11px;
        line-height: 1;
    }
    .registration-fees .text-registration {
        font-size: 18px;
        line-height: 1.2222222222;
    }
    .ranges-holder {
        margin: 0 -26px;
    }
    .ranges-holder .range-holder {
        padding: 0 26px 26px;
    }
    /* .carousel.home .carousel-item.carousel-item-1 .bg-home {
        background-position: 60px;
    } */
    /*.promo-md-content-holder .promo-block {*/
    /*    !*padding: 162px 50px 20px 0;*!*/
    /*    !*padding: 110px 0px 20px 0;*!*/
    /*    !*margin: 0 0 0 300px;*!*/
    /*    padding: 200px 0px 20px 0;*/
    /*    margin: 0 0 0 120px;*/
    /*}*/
    /*.wrapper-fr .promo-md-content-holder .promo-block {*/
    /*    padding: 330px 0px 20px 0;*/
    /*    max-width: 60%;*/
    /*    margin: 0 0 0 auto;*/
    /*}*/
    .clubs-map {
        .interactive-map {
            width: 90%;

            .map-image {
                padding-top: 40px;
            }
        }

        .pins {
            .pin-item { height: 50px; }
        }
    }
}

/*@media (min-width: 466px) {*/
/*    .promo-md-content-holder .promo-block {*/
/*        padding: 110px 0px 20px 0;*/
/*        margin: 0 0 0 300px;*/
/*    }*/
/*}*/

@media (min-width: 576px) {
    .subscription-feature-col {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
    .simulateur-form-holder {
        margin: 0;
    }
    .simulateur-form {
        border-radius: 16px;
    }
    .carousel-control-prev, .carousel-control-next {
        display: flex;
    }
    .carousel.home .carousel-item.carousel-item-1 .bg-home,
    .carousel.home .carousel-item.carousel-item-special .bg-home {
        background-position: top center;
    }
    .carousel.home .carousel-indicators {
        bottom: 47px;
    }
    .carousel.home .carousel-indicators li {
        height: 25px;
        width: 25px;
    }
    .bg-home.bg-video {
        background-image: url('/images/crsel_3.webp?v2');
        background-size: cover !important;
    }
/* TODO ICI */
    /*#carouselHome .carousel-item {*/
    /*    height: 60vh;*/
    /*}*/
    /*#carouselHome .promo-wrap,*/
    /*#carouselHome .special-offer-banner {*/
    /*    height: 60vh;*/
    /*}*/
/* TODO ICI */
/*    .promo-md-content-holder .promo-block {*/
/*        max-width: 595px;*/
/*    }*/
/*    .wrapper-fr .promo-md-content-holder .promo-block {*/
/*        padding-top: 300px;*/
/*        max-width: 60%;*/
/*        margin: 0 0 0 auto;*/
/*    }*/
    .promo-md-content-holder .label-subscribe img {
        max-width: 565px;
    }
    #homeoffer, #promooffer {
        .btn-block {
            padding: 0 40px;
        }
    }
    .promo-block .prix-promo .img-promo {
        max-width: 190px;
    }
    .promo-block .prix-promo .img-promo-old {
        max-width: 140px;
    }
    .promo-block .prix-promo > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* .promo-block .prix-promo > .row > div {
        padding-left: initial;
        padding-right: initial;
    } */
    .promo-block .h6 {
        font-size: 16px;
    }
    .promo-block .prix-promo .small {
        font-size: 18px;
    }
    .gym-feature-holder {
        img {
            height: 100px;
        }
    }
    #homeoffer .arrow-block img, .meeting-wrap .arrow-block img,
    #promooffer .arrow-block img, .meeting-wrap .arrow-block img {
        width: 70px;
    }
    .marquee-banner {
        padding: 31px 0;
        font-size: 36px;
    }
    .steps-list {
        justify-content: center;
    }
    .step-offers .step-header .title-subscribe {
        font-size: 36px;
        letter-spacing: -0.72px;
    }
    .step-offers .step-header .btn-no-obligation img {
        max-width: 554px;
    }
    .step-offers .step-header .blazon-price img {
        max-width: 313px;
    }
    .step-offers .step-header .white-rectangle {
        width: auto;
        border-radius: 8px;
        border-left-width: initial;
        border-right-width: initial;
    }
    .step-offers .step-header .steps-list-wrap .steps-list .ico-wrap:before {
        font-size: 49px;
    }
    .step-offers .form-container-wrapper, .step-offers .step-summary-container, .step-offers .step-payment-container {
        width: 75%;
        padding-left: 0;
        padding-right: 0;
    }
    .step-offers .form-container {
        padding-bottom: 118px;
    }
    .step-offers .form-container form label {
        font-size: 22px;
    }
    .step-offers .btn {
        width: auto;
        font-size: 32px;
        padding: 20px 73px;
        letter-spacing: 0.96px;
    }
    .step-offers .step-summary .btn-actions, .step-offers .step-payment .btn-actions {
        top: 0;
        background: white;
    }
    .step-offers .step-summary .btn, .step-offers .step-payment .btn {
        padding: 15px 25px;
        border-width: 4px;
    }
    .step-offers .btn-wrap.btn-submit {
        bottom: -36px;
    }
    .step-offers .card-mygym, .step-offers .step-payment .card-mygym, .step-offers .step-summary .card-mygym {
        margin-top: -110px;
        padding: 170px 0 23px;
    }
    .step-offers .step-header .steps-list-wrap .gray-line {
        top: 67px;
    }
    .step-offers .step-summary .summary-info-block {
        padding: 22px 32px;
    }
    .step-offers .custom-checkbox .custom-control-label:after {
        left: -45px;
    }
    .step-offers .custom-checkbox .custom-control-label:before {
        left: -41px;
    }
    .subscription-feature-holder img {
        height: 100px;
    }
    .clubs-map {
        .map-title {
            font-size: 36px;
        }
    }
    .clubs-img {
        .slick {
            img { max-height: 537px; }
            p { font-size: 25px; }
        }
    }
    .carousel.home .carousel-item.carousel-item-special .image-special {
        width: 40%;
    }
}

@media (min-width: 768px) {
    .carousel.home .carousel-item.carousel-item-1 .bg-home,
    .carousel.home .carousel-item.carousel-item-special .bg-home {
        background-position: center left;
        background-image: url('/images/home_upper_bg.webp?20250916');
    }
    /*.carousel.home .carousel-item.carousel-item-2 .bg-home {
        background-image: url('/images/crsel_2.webp');
    }*/
    .carousel.home .carousel-item.carousel-item-special .image-special {
        width: 25%;
    }
    #carouselHome .special-offer-banner .bg-promo {
        background-image: var(--bg-desktop);
    }
    #carouselHome .carousel-item .promo-block-row {
        background-color: transparent !important;
        border-radius: 0;
    }
    body:has(.special-offer-banner) .btn-block-subscribe {
        margin-top: -30px;
        .btn-subscribe {
            border-radius: 4px;
        }
    }
    .btn-block-subscribe {
        margin-top: -30px;

        .btn-subscribe {
            filter: none;
            width: auto;
        }
    }
    .bg-abo-img {
        top: 0;
    }
    .commentlist-item .commentlist-item {
        padding: 0 0 0 2em;
    }
    .jcf-select .jcf-select-text {
        padding: 11px 60px 10px 14px;
    }
    .jcf-select .jcf-select-opener {
        right: 33px;
    }
    .post-block .ico-wrap {
        right: -12px;
    }
    #nav {
        width: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #nav ul {
        margin: 0;
    }
    #nav li {
        position: static;
    }
    #nav li:before {
        display: none;
    }
    .header-holder {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        position: static;
    }
    #header .header-holder.container {
        width: 100%;
        max-width: 100%;
    }
    .header-holder:before {
        display: none;
    }
    .header-holder .btn-group {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #header + main {
        margin-top: 81px;
    }
    /*.promo-md-content-holder .promo-block {*/
    /*    padding: 60px 80px 60px 0;*/
    /*    max-width: 330px;*/
    /*}*/
    /*.wrapper-fr .promo-md-content-holder .promo-block {*/
    /*    padding: 125px 0px;*/
    /*    margin: 0 auto 0 250px;*/
    /*    max-width: 100%;*/
    /*}*/
    .promo-block .prix-promo .img-promo-old {
        max-width: 225px;
    }
    .promo-block .prix-promo .img-promo {
        max-width: 280px;
    }
    .promo-block .prix-promo .img-promo-old {
        max-width: 200px;
    }
    .promo-md-content-holder .title-info {
        font-size: 18px;
        line-height: 1.2222222222;
    }
    .promo-md-content-holder .btn-wrap {
        max-width: none;
    }
    .promo-md-content-holder .shape-ico-wrap {
        top: -33px;
        left: 0;
        width: 125px;
        height: 125px;
    }
    .promo-md-content-holder .shape-ico-wrap [class^="icon-"],
    .promo-md-content-holder .shape-ico-wrap [class*=" icon-"] {
        font-size: 116px;
        line-height: 1;
    }
    .promo-md-content-holder .btn-text {
        font-size: 18px;
        line-height: 1;
        max-width: none;
    }
    .frame-list {
        margin-bottom: 20px;
    }
    .frame-list li {
        width: 58px;
        height: 58px;
    }
    .subscription-wrap:before {
        height: 30%;
    }
    .register-feature-list li {
        padding: 0 0 11px 68px;
    }
    .register-feature-list li span {
        top: -3px;
        left: 19px;
        font-size: 20px;
    }
    .subscription-feature-holder {
        margin: 0 -35px;
    }
    .subscription-feature-col {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .subscription-feature-col .img-title {
        font-size: 18px;
        line-height: 1.2777777778;
    }
    .meeting-wrap h2:after {
        margin: 0;
        left: auto;
    }
    .meeting-wrap .btn-warning {
        min-width: 260px;
    }
    .map-shadow-top:before,
    .map-shadow-bottom:before {
        width: 242px;
    }
    .contact-form textarea {
        height: 200px !important;
    }
    .contact-form .btn-warning {
        min-width: 387px;
    }
    .promo-lg-content-holder .btn-group {
        margin: 0;
    }
    .promo-lg-content-holder .btn-price-update {
        right: 0;
    }
    .address-info [class^="icon-"],
    .address-info [class*=" icon-"] {
        -ms-flex-preferred-size: 33px;
        flex-basis: 33px;
        font-size: 45px;
        max-width: 33px;
    }
    .address-info address {
        font-size: 20px;
        line-height: 1.45;
    }
    .fitness-two-col .img-wrap {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        max-width: 300px;
        margin: 0 0 0 30px;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .fitness-two-col .text-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .service-detail-row .ico-text {
        font-size: 20px;
        line-height: 1.2;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .subscription-inner-wrap .sub-info-text {
        font-size: 24px;
        line-height: 1.1666666667;
    }
    .promo-xl-content-holder {
        min-height: 450px;
    }
    .main-content {
        margin: 0;
    }
    .article-text-content p {
        margin-bottom: 25px;
    }
    .share-article:after {
        top: 55px;
    }
    .pagination-list {
        font-size: 17px;
        line-height: 1.2352941176;
    }
    .pagination-list li + li:before {
        top: -20px;
        bottom: -13px;
    }
    .newletter-wrap {
        border-radius: 0 5px 5px 0;
    }
    .newletter-wrap .img-wrap {
        position: absolute;
        width: 51%;
        top: -2px;
        bottom: -2px;
        left: -2px;
        padding-top: 0;
        border-radius: 0;
    }
    .newsletter-block {
        padding-left: 55% !important;
    }
    .newsletter-block .newsletter-title {
        font-size: 22px;
        line-height: 1;
    }
    .sort-nav-list .sort-nav-item {
        width: auto;
    }
    .sales-promo-content-holder {
        min-height: 475px;
    }
    .sales-promo-block .frame-list li {
        width: 92px;
        height: 92px;
    }
    .sales-promo-block .frame-list li + li {
        margin-top: 30px;
    }
    .contact-info-holder {
        min-height: 780px;
    }
    .step-offers .step-header .steps-list-wrap .gray-line {
        top: 73px;
    }
    .step-offers .step-header .steps-list-wrap .steps-list .ico-wrap:before {
        font-size: 65px;
    }
    .step-offers .form-container-wrapper, .step-offers .step-summary-container, .step-offers .step-payment-container {
        width: 50%;
    }
    .steps-list-wrap .gray-line {
        top: 35px;
        height: 5px;
    }
    .steps-list {
        margin: 0 -20px;
    }
    .steps-list li {
        padding: 0 20px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        max-width: 150px;
    }
    .steps-list li:before {
        top: 33px;
        height: 5px;
    }
    .steps-list li.active .ico-wrap:before {
        font-size: 40px;
        line-height: 1;
    }
    .steps-list .ico-wrap {
        width: 70px;
        height: 70px;
        border-width: 5px;
    }
    .steps-list .ico-wrap:before {
        font-size: 30px;
        line-height: 1;
    }
    .steps-list .ico-text {
        font-size: 18px;
        line-height: 1.2222222222;
    }
    .check-option-list .form-check-label {
        padding: 0 0 0 84px;
    }
    .check-option-list .checkbox-wrap {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border-width: 3px;
        left: 25px;
        top: 50%;
    }
    .check-option-list .checkbox-wrap:before {
        font-size: 35px;
        top: -13px;
    }
    .info-text {
        border-width: 0 3px;
        -ms-flex-preferred-size: 104px;
        flex-basis: 104px;
        max-width: 104px;
        border-radius: 0;
        margin: 0;
        width: auto;
    }
    .info-text .price-amount {
        font-size: 30px;
        line-height: 1;
    }
    .info-inner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
    }
    .info-inner .info-title {
        font-size: 30px;
        line-height: 1.1333333333;
    }
    .form-content label {
        font-size: 18px;
        line-height: 1.2222222222;
    }
    .form-content .text-confirm {
        max-width: 429px;
        bottom: -15px;
        left: 19px;
        position: absolute;
    }
    .confirmation-text {
        font-size: 18px;
        line-height: 1.2777777778;
    }
    .payment-wrap .popup {
        width: 456px;
    }
    .payment-wrap .popup .text-wrap {
        font-size: 18px;
        line-height: 1.1666666667;
    }
    .payment-wrap .btn-group a {
        min-width: 202px;
    }
    .summary-info-block {
        padding: 30px 0;
    }
    .summary-info-block .lt-block {
        width: 60%;
    }
    .simulateur-form {
        padding: 60px;
    }
    .simulateur-form .simulateur-title {
        font-size: 1rem;
        line-height: 1;
        color: #ffc72c;
    }
    .simulateur-form .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
        background: #ffc72c;
    }
    .simulateur-form .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
        content: "";
        background-image: none;
    }
    .simulateur-form .custom-control-label:before,
    .simulateur-form .custom-control-label:after {
        content: "";
        left: auto;
        right: 0;
    }
    .simulateur-form .custom-control-label:before {
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 0;
    }
    .simulateur-form .custom-control-label:after {
        content: none;
        font-family: icomoon;
        width: auto;
        height: auto;
        background: transparent;
        color: #fff;
        font-size: 1.125rem;
        right: -2px;
    }
    .simulateur-form .alt-btn-holder {
        background-color: transparent;
        margin: 0 -37px;
    }
    .simulateur-form .alt-btn-holder li {
        width: auto;
        padding: 0 37px;
    }
    .simulateur-form .alt-btn-holder .small-text {
        font-weight: 400;
    }
    .figure-holder {
        width: 26.45%;
    }
    .figure-holder .figure-title {
        font-weight: 400;
        color: #fff;
        text-transform: none;
    }
    .figure-holder .figure-in-num {
        margin: 0 auto;
        max-width: 151px;
        background-color: transparent;
        border: 1px solid #ffc72c;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 53px;
        color: #ffc72c;
        padding: 10px;
    }
    .info-holder {
        width: 73.55%;
        text-align: left;
    }
    .info-holder .title-highlight {
        background: #ffc72c;
        border-radius: 15px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        color: #3a3a3a;
        right: auto;
        padding: 16px 12px 13px;
        left: 32px;
        top: -26px;
        border: 2px solid #e8e8e8;
        max-width: 350px;
        width: auto;
    }
    .ranges-holder {
        margin: 0;
    }
    .ranges-holder .range-holder {
        padding: 0;
        width: 100%;
        position: relative;
    }
    .ranges-holder label {
        font-size: 1rem;
        padding: 0 175px 24px 0;
    }
    .ranges-holder .form-control {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 150px;
    }
    .ranges-holder .jcf-range {
        margin: 0;
        width: 100%;
    }
    .ranges-holder .jcf-range .jcf-range-mark {
        top: 10px;
        width: 2px;
        height: 13px;
        background: #262626;
        overflow: visible;
        text-indent: -101em;
    }
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(odd) {
        height: 8px;
    }
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(2),
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(12),
    .ranges-holder .jcf-range .jcf-range-mark:nth-last-of-type(1) {
        background: #ffc72c;
        height: 14px;
    }
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(2):after,
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(12):after,
    .ranges-holder .jcf-range .jcf-range-mark:nth-last-of-type(1):after {
        content: "0";
        display: inline-block;
        vertical-align: top;
        left: 0;
        position: absolute;
        top: 18px;
        text-indent: 0;
        font-size: .75rem;
        line-height: 1;
        color: #222;
        font-weight: 700;
    }
    .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(12):after {
        content: "50";
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .ranges-holder .jcf-range .jcf-range-mark:nth-last-of-type(1):after {
        content: "100";
        left: auto;
        right: 0;
    }
    .ranges-holder .jcf-range .jcf-range-track {
        margin-right: 3px;
    }
    .ranges-holder .jcf-range .jcf-range-handle {
        margin: -5px 0 0 -9px;
    }
    .ranges-holder .jcf-range .jcf-range-wrapper {
        border-radius: 0;
    }
    .ranges-holder .jcf-range .jcf-range-display {
        left: auto;
        right: auto;
        top: 0;
        bottom: 0;
        border-radius: 0;
    }
    .fees-structure {
        font-size: .75rem;
        line-height: 1.1667;
    }
    .fees-structure .fee-holder.active {
        color: #ffc72c;
    }
    .fees-structure .price {
        font-size: 1.125rem;
        font-weight: 900;
    }
    .hide-sm-range .jcf-range-wrapper,
    .hide-sm-range .jcf-range {
        display: block;
    }
    .hide-sm-range .jcf-vertical,
    .hide-sm-range .jcf-vertical .jcf-range-wrapper {
        display: none;
    }
    .simulator-block {
        width: 579px;
    }
    .simulator-block .title-block {
        width: 426px;
    }
    .simulator-block .btn-group .btn-outline-dark-yellow {
        font-size: 30px;
        line-height: 1;
        padding: 22px 26px;
        min-width: 357px;
    }
    .simulator-block .btn-group .btn-outline-dark-yellow span {
        font-size: 25px;
    }
    #homeoffer .arrow-block img, .meeting-wrap .arrow-block img,
    #promooffer .arrow-block img, .meeting-wrap .arrow-block img {
        width: 101px;
    }
    /* PAGE LES GYMS */
    .banner-wrap-club {
        height: calc( 1028px - 90px );

        h1 {
            font-size: 59px;
        }
        .sticker {
            width: 265px;
            height: 265px;
        }
    }

    .club-filter-list button, button.reset-club-filters {
        padding: 20px 15px;
        font-size: 32px;
    }

    .clubs-map {
        .interactive-map {
            width: 572px;

            .map-image {
                padding-top: 54px;
                padding-left: 10px;
            }
        }
        .pins {
            .pin-item { height: auto; }
        }
        .club-filter-content {
            .element-item { font-size: 28px; }
        }
    }

    .page-a-club {
        .back-to-gyms {
            top: 139px;
            left: 33px;

            img { height: 60px; }
        }

        .banner-wrap-club {
            h1 {
                font-size: 45px;
            }
        }

        .banner-content {
            .sticker {
                width: 152px;
                height: 152px;
            }
        }
        .frame-list {
            &.decor-xs-white:after {
                width: 271.5px;
            }

            li {
                width: 120px;
                height: 120px;

                &:not(:last-child) {
                    margin-right: 27px !important;
                }
            }
        }
        .address-info {
            font-size: 24px;

            .icon { height: 57px; }
        }
        .content-holder {
            .club-logo {
                width: 270px;
            }
            .btn-play {
                background-image: url('../images/icon_play.svg');
                width: 51px;
                height: 51px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                border-radius: 100%;
                backdrop-filter: blur(3px);
            }
            .text-wrap { font-size: 20px; }
        }
        .club-hours-wrapper {
            .hours-block {
                min-height: 241px;
                font-size: 24px;

                .block-title { font-size: 36px; }
                .instagram-link {
                    img {
                        width: 62px;
                        height: 62px;
                    }
                    u {
                        font-size: 20px;
                        padding-top: 2px;
                    }
                }
            }
        }
        .services-equipments-wrap {
            h2 { font-size: 36px; }
            .decor-lg-dark-yellow:after { width: 273px; }
        }
        .service-list {
            li { font-size: 25px; }
        }
        .service-detail-row .ico-wrap {
            width: 80px;
            height: 80px;
            max-width: 80px;
        }
        .carousel-generic {
            height: 519px;

            .slick-slide-img { width: 481px; }
        }
    }

    .page-a-club {
        .back-to-gyms {
            top: 139px;
            left: 33px;

            img { height: 60px; }
        }

        .banner-wrap-club {
            h1 {
                font-size: 45px;
            }
        }

        .banner-content {
            .sticker {
                width: 152px;
                height: 152px;
            }
        }
        .frame-list {
            &.decor-xs-white:after {
                width: 271.5px;
            }

            li {
                width: 120px;
                height: 120px;

                &:not(:last-child) {
                    margin-right: 27px !important;
                }
            }
        }
        .address-info {
            font-size: 24px;

            .icon { height: 57px; }
        }
        .content-holder {
            .club-logo {
                width: 270px;
            }
            .btn-play {
                background-image: url('../images/icon_play.svg');
                width: 51px;
                height: 51px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                border-radius: 100%;
                backdrop-filter: blur(3px);
            }
            .text-wrap { font-size: 20px; }
        }
        .club-hours-wrapper {
            .hours-block {
                min-height: 241px;
                font-size: 24px;

                .block-title { font-size: 36px; }
                .instagram-link {
                    img { width: 62px; }
                }
            }
        }
        .services-equipments-wrap {
            h2 { font-size: 36px; }
            .decor-lg-dark-yellow:after { width: 273px; }
        }
        .service-list {
            li { font-size: 25px; }
        }
        .service-detail-row .ico-wrap {
            width: 80px;
            height: 80px;
            max-width: 80px;
        }
        .carousel-generic {
            height: 519px;

            .slick-slide-img { width: 481px; }
        }
    }
}

@media (min-width: 992px) {
    #nav {
        font-size: 17px;
        line-height: 1.2352941176;
    }
    .btn {
        font-size: 22px;
        line-height: 26px;
    }
    .btn-fill-outline,
    .btn-fill-yellow-outline {
        border-width: 2px;
    }
    .btn-fill-outline [class^="icon-"],
    .btn-fill-outline [class*=" icon-"],
    .btn-fill-yellow-outline [class^="icon-"],
    .btn-fill-yellow-outline [class*=" icon-"] {
        font-size: 1.625rem;
    }
    .btn-fill-yellow-outline {
        border-width: 4px;
        padding: 7px 30px;
    }
    #header + main {
        margin-top: 78px;
    }
/* TODO ICI */
    /*#carouselHome .carousel-item {*/
    /*    height: 80vh;*/
    /*}*/
/* TODO ICI */
    .header-holder .btn {
        line-height: 1.2352941176;
    }
    #header .header-holder .navbar-collapse {
        margin: 0;
        .collapse-wrapper {
            height: auto !important;
            background-color: transparent;

            .navbar-nav li {
                border: none;
                width: auto;
                padding: 0;

                a {
                    color: white;
                }
            }
        }
    }
    .decor-lg-dark-yellow:after {
        height: 5px;
        width: 378px;
    }
    /*.promo-md-content-holder .promo-block {*/
    /*    max-width: 659px;*/
    /*    padding: 60px 144px 60px;*/
    /*}*/
    /*.wrapper-fr .promo-md-content-holder .promo-block {*/
    /*    padding: 155px 0px;*/
    /*    margin: 0 auto 0 370px;*/
    /*}*/
    .promo-block .prix-promo .img-promo {
        max-width: 400px;
/* TODO ICI */
        /*max-width: 273px;*/
/* TODO ICI */
    }
    .promo-block .prix-promo .img-promo-old {
        max-width: 255px;
    }
    #homeoffer, #promooffer {
        .arrow-block {
            margin-bottom: -37px;
        }

        .subscription-holder {
            padding: 68px 0;
        }
        .table-offer {
            padding: 89px 0 22px;
            .perks {
                margin-top: 33px;
                .perk-item {
                    height: 61px;
                }
                .perk-item:not(:last-child) {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                }
            }
        }
        .subscription-feature-wrap {
            padding-top: 499px;
            margin-top: -319px;
            background-color: #F1F1F1;

            .subscription-feature-container {
                padding: 115px 0 63px;
                background-color: #fff;
            }
        }
        .subscription-feature-holder {
            .flex-1 {
                flex-basis: auto;
                margin-bottom: 0;
            }
            img {
                height: 117px;
            }
        }
        .gym-feature-holder {
            img {
                height: 117px;
            }
        }
    }
    body:has(.special-offer-banner) .btn-block-subscribe {
        margin-top: -37px;
    }
    .btn-block-subscribe {
        margin-top: -37px;

        .btn-subscribe {
            font-size: 32px;
            padding-top: 21px;
            padding-bottom: 21px;
        }
    }
    .carousel.home {
        height: 595px;
        .carousel-indicators {
            bottom: 67px;
        }
    }
    #carouselBanner {
        height:519px;
    }
    .subscription-block {
        border-radius: 20px;
    }
    .price-title .price {
        font-size: 48px;
        line-height: 1;
    }
    .price-title .price i {
        font-size: 30px;
    }
    .price-info {
        max-width: none;
    }
    .registration-fees .text-registration {
        font-size: 20px;
        line-height: 1.2;
    }
    .subscription-feature-col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none;
    }
    .map-wrap {
        max-width: 367px;
    }
    .map-shadow-top:before,
    .map-shadow-bottom:before {
        width: 322px;
    }
    .map-list .location-pin.pin-7 .ico-text {
        top: 3px;
        font-size: 18px;
        line-height: 1;
    }
    .title-map {
        border-bottom: 2px solid var(--dark-yellow);
        padding-bottom: 20px;
    }
    .meeting-wrap {
        .arrow-block {
            background: transparent;
            padding: 0;
            margin: 0;
        }
        .meeting-text-block {
            .btn-subscribe {
                font-size: 32px;
                padding: 21px 40px;
            }
        }
    }
    .footer-logo {
        width: 195px;
    }
    .top-footer .h5 {
        font-size: 36px;
    }
    .partners-row {
        padding-bottom: 24px;
        margin-bottom: 0;
    }
    .partners-row .title {
        font-size: 10px;
    }
    .partners-list .partner-item {
        flex-basis: auto;
        margin-bottom: 0;
    }
    .fitness-two-col .img-wrap {
        border: 13px solid #000;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        max-width: 400px;
    }
    .fitness-two-col .btn-play {
        height: 0;
        width: 0;
        border-bottom: 57px solid transparent;
        border-left: 99px solid #fff;
        border-top: 57px solid transparent;
    }
    .service-list li {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
    .promo-xl-content-holder {
        min-height: 652px;
    }
    .main-content:before {
        right: 0;
        bottom: -9999px;
    }
    #sidebar {
        max-width: 320px;
        margin: 0;
    }
    .simulator-info-block .ico-wrap {
        left: -57px;
        top: -16px;
    }
    .simulator-info-block .img-wrap {
        max-width: 310px;
        margin: 0 auto;
    }
    .sorted-content .btn-warning {
        padding: 12px 10px 10px;
    }
    .contact-info-holder {
        min-height: 792px;
    }
    .step-offers .step-header .steps-list-wrap .gray-line {
        top: 90px;
    }
    .step-offers .step-header .steps-list-wrap .steps-list .ico-wrap:before {
        font-size: 95px;
    }
    .steps-list-wrap .gray-line {
        top: 50px;
    }
    .steps-list {
        margin: 0 -35px;
    }
    .steps-list li {
        padding: 0 35px;
        -ms-flex-preferred-size: 220px;
        flex-basis: 220px;
        max-width: 220px;
    }
    .steps-list li:before {
        top: 50px;
    }
    .steps-list li.active .ico-wrap:before {
        font-size: 68px;
        line-height: 1;
    }
    .steps-list .ico-wrap {
        width: 100px;
        height: 100px;
    }
    .steps-list .ico-wrap:before {
        font-size: 48px;
        line-height: 1;
    }
    .table-info-wrap {
        padding: 19px 0 22px;
    }
    .summary-info-block .lt-block {
        width: 64.2%;
        padding: 0 30px;
    }
    .summary-info-block .title {
        font-size: 28px;
        line-height: 1.1428571429;
    }
    .summary-info-block .rt-block {
        width: 35.8%;
        padding: 0 30px;
    }
    .summary-info-block .price-text {
        font-size: 28px;
        line-height: 1.1428571429;
        -ms-flex-preferred-size: 180px;
        flex-basis: 180px;
        max-width: 180px;
    }
    .summary-info-block .inner-info-block {
        font-size: 18px;
        line-height: 1;
    }
    .lt-inner-block {
        -ms-flex-preferred-size: 264px;
        flex-basis: 264px;
        max-width: 264px;
    }
    .basic-holder {
        padding: 16px 10px 26px 10px;
        border-width: 3px;
    }
    .basic-holder .text-basic {
        font-size: 36px;
        line-height: 1.1111111111;
    }
    .basic-holder .sub-text {
        font-size: 24px;
        line-height: 1.1666666667;
    }
    .code-promo {
        padding: 13px 0 13px 14px;
        margin: 0 0 35px 30px;
        width: 816px;
    }
    .code-promo .text-code {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
    }
    .code-promo .title {
        font-size: 28px;
        line-height: 1.1428571429;
    }
    .code-promo .title-code {
        font-size: 22px;
        line-height: 1.1818181818;
    }
    .code-promo .price-deduct {
        padding: 0 15px 0 0;
        -ms-flex-preferred-size: 25.9%;
        flex-basis: 25.9%;
        max-width: 25.9%;
        font-size: 28px;
        line-height: 1;
        width: auto;
    }
    .option-list li,
    .inner-info-list li {
        font-size: 20px;
        line-height: 1;
    }
    .option-list li.text-premium {
        font-size: 25px;
        line-height: 1;
    }
    .inner-info-list li.text-premium {
        font-size: 28px;
        line-height: 1;
    }
    .text-calculation {
        font-size: 18px;
        line-height: 1.2777777778;
    }
    .summary-btn-group {
        padding: 0 30px;
    }
    .simulateur-form {
        padding: 120px 60px 31px;
        font-size: 1.5rem;
    }
    .simulateur-form .simulateur-title {
        font-size: 1.5rem;
    }
    .simulateur-form .custom-control-label {
        font-size: 1.75rem;
    }
    .simulateur-form .custom-control-label:before {
        width: 27px;
        height: 27px;
    }
    .simulateur-form .custom-control-label:after {
        font-size: 1.375rem;
    }
    .simulateur-form .btn {
        font-size: 1.75rem;
        padding: 13px 25px;
    }
    .simulateur-form .alt-btn-holder .small-text {
        font-size: 1.375rem;
    }
    .simulateur-form .alt-btn-holder .large-text {
        font-size: 2.0625rem;
    }
    .simulateur-form .alt-btn-holder .btn {
        font-size: 1.75rem;
        line-height: 1;
        padding: 10px 30px;
    }
    .figure-holder .img-holder {
        width: 139px;
    }
    .figure-holder .img-holder:after {
        width: 223px;
        bottom: 35px;
    }
    .figure-holder .alt-img-holder {
        width: 163px;
    }
    .figure-holder .muscular-male {
        width: 158px;
    }
    .figure-holder .thin-male {
        width: 129px;
    }
    .figure-holder .figure-title {
        font-size: 1.5rem;
    }
    .figure-holder .figure-in-num {
        font-size: 2rem;
    }
    .info-holder .title-highlight {
        left: 114px;
        top: -41px;
        font-size: 2rem;
        padding: 26px 54px 21px;
        max-width: 450px;
    }
    .ranges-holder label {
        font-size: 1.5rem;
    }
    .ranges-holder .form-control {
        font-size: 1.75rem;
        line-height: 1.1429;
    }
    .ranges-holder .jcf-range .jcf-range-handle {
        width: 26px;
        height: 26px;
        margin: -8px 0 0 -12px;
    }
    .simulator-wrap .img-link-wrap {
        max-width: 614px;
    }
    .step-offers .step-summary .btn {
        padding: 20px 37px;
    }
    .clubs-map {
        .interactive-map {
            margin: 0;
        }
        .club-filter-content {
            max-height: 448px;
        }
    }
    .page-a-club {
        .banner-wrap-club {
            h1 {
                font-size: 59px;
            }
        }
    }
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.625rem;
    }
    h2, .h2 {
        font-size: 2.375rem;
    }
    h3, .h3 {
        font-size: 2.125rem;
    }
    h4, .h4 {
        font-size: 1.875rem;
    }
    h5, .h5 {
        font-size: 1.75rem;
    }
    h6, .h6 {
        font-size: 1.5rem;
    }
    .partners-row .container {
        padding: 0 24px;
    }
    .subscription-wrap:before {
        height: 40.3%;
    }
    .fitness-two-col .img-wrap {
        -ms-flex-preferred-size: 519px;
        flex-basis: 519px;
        max-width: 519px;
    }
    .service-detail-row .ico-text {
        font-size: 24px;
        line-height: 1.1666666667;
    }
    .pagination-list li a span {
        font-size: 30px;
    }
    .simulator-info-block .top-block h4 {
        font-size: 26px;
        line-height: 1.1538461538;
    }
    .sorted-content h3 {
        font-size: 23px;
        line-height: 1.2173913043;
    }
    .contact-info-holder {
        min-height: 924px;
    }
    .check-option-list .checkbox-wrap {
        left: 27px;
    }
    .summary-info-block .lt-block {
        padding: 0 47px 0 130px;
    }
    .summary-info-block .rt-block {
        padding: 0 50px 0 62px;
    }
    .code-promo {
        margin: 0 0 35px 130px;
    }
    .code-promo .price-deduct {
        padding-left: 39px;
    }
    .summary-btn-group {
        padding: 0 76px;
    }
    .figure-holder .muscular-male {
        width: 188px;
    }
    .carousel.home {
        .carousel-indicators {
            bottom: 23px !important;
        }
    }
    .step-offers .step-summary .btn {
        padding: 20px 73px;
    }
    /*.wrapper-fr .promo-md-content-holder .promo-block {*/
    /*    padding: 155px 0px;*/
    /*    margin: 0 auto;*/
    /*}*/
}

@media (min-width: 1400px) {
    #header + main {
        margin-top: 95px;
    }
    .carousel.home {
        height:752px !important;

        .carousel-indicators {
            bottom: 40px !important;
        }
    }
    /*.promo-md-content-holder .promo-block {*/
    /*    max-width: 659px;*/
    /*    !* padding: 113px 0 46px 0; *!*/
    /*    padding: 180px 0px 180px 100px;*/
    /*    margin: 0 auto;*/
    /*}*/
    /*.wrapper-fr .promo-md-content-holder .promo-block {*/
    /*    padding: 180px 0px;*/
    /*    margin: 0 auto;*/
    /*}*/
    .subscription-wrap:before {
        height: 64%;
    }
    .fitness-two-col .img-wrap {
        margin: 0 -32px 0 50px;
    }
    .pagination-list {
        font-size: 23px;
        line-height: 1.1739130435;
        margin: 0 -20px;
    }
    .pagination-list li a span {
        font-size: 38px;
    }
    .sort-nav-list {
        margin: 0 -27px;
        font-size: 19px;
        line-height: 1.2105263158;
    }
    .sort-nav-list .sort-nav-item {
        padding: 0 27px;
    }
    .simulateur-form {
        padding-left: 120px;
        padding-right: 120px;
    }
}

/*@media (min-width: 1680px) {*/
/*    .wrapper-fr .promo-md-content-holder .promo-block {*/
/*        padding: 180px 0px;*/
/*        margin: 0 auto 0 350px;*/
/*    }*/
/*}*/

@media (min-width: 1200px) and (max-width: 1399px) {
    .top-footer .h5 {
        font-size: 20px;
    }
}

/* MAX-WIDTH */
@media (max-width: 1399px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .steps-contact-form h1 {
        font-size: 24px;
        line-height: 1.4166666667;
    }

    .confirmation-wrap h1 {
        font-size: 30px;
        line-height: 1;
    }
}

@media (max-width: 767px) {
    .navigation .page-numbers,
    .navigation-comments .page-numbers {
        padding: 0;
    }

    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev {
        padding: .2em;
    }

    .navigation-single .next a,
    .navigation-single .prev a {
        padding: .2em;
    }

    #header .container {
        position: relative;
    }

    .promo-lg-content-holder h1 {
        font-size: 24px;
        line-height: 1.25;
    }

    .promo-inner-block h1 {
        word-break: break-word;
    }

    .figure-holder .alt-text-wrap {
        font-size: .75rem;
    }

    .alt-ranges-holder {
        background: #747272;
        border-radius: 16px 16px 0 0;
        margin: 0 -20px;
        padding: 10px 11px 12px;
    }
}

@media (max-width: 466px) {
    .bg-home {
        background-position: bottom right !important;
    }
    #carouselHome .carousel-item.carousel-item-2 .bg-home.bg-video {
        background-position: bottom center !important;
        background-size: cover !important;
    }
    .page-customer-account h1{
        font-size: 30px;
    }
    .page-customer-account .block-title{
        font-size: 20px;
    }
    .page-customer-account p {
        font-size: 12px;
    }
}

/* PINK OCTOBER THEME */
.pink-october {
    .comment-form input[type="submit"],
    .post-password-form input[type="submit"],
    .search-form input[type="submit"],
    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev,
    .navigation-single .next,
    .navigation-single .prev,
    #nav li:before,
    .social-networks a:hover,
    .decor-sm-warning:after,
    .decor-xs-warning:after,
    .decor-lg-dark-yellow:after,
    .price-title:before,
    .promo-lg-content-holder .btn-price-update .crossed-value:before,
    .sorted-content:before,
    .steps-list li:before,
    .check-option-list.checked-all:before,
    .figure-holder .img-holder:after,
    .figure-holder .figure-in-num,
    .ranges-holder .jcf-range .jcf-range-handle,
    .ranges-holder .jcf-range .jcf-range-display,
    .simulator-block .btn-group .btn-outline-dark-yellow,
    .fitlive-wrapper,
    .social-networks a {
        background: var(--mg-pink);
    }
    .post-block .img-wrap {
        border-bottom: 6px solid var(--mg-pink);
    }
    #nav a:hover,
    #header .header-holder .active a,
    #header .header-holder a:hover,
    .promo-md-content-holder .shape-ico-wrap [class^="icon-"].icon-thin-lady,
    .promo-md-content-holder .shape-ico-wrap [class*=" icon-"].icon-thin-lady,
    .pagination-list li a:hover,
    .check-option-list input[type="checkbox"]:checked ~ .form-check-label .price-amount,
    .check-option-list .checkbox-wrap:before,
    .simulateur-form .custom-radio .custom-control-input:checked ~ .custom-control-label,
    .simulateur-form .form-close:hover,
    .figure-holder .figure-title,
    .ranges-holder .form-control::-webkit-input-placeholder,
    .ranges-holder .form-control::-moz-placeholder,
    .ranges-holder .form-control:-moz-placeholder,
    .ranges-holder .form-control:-ms-input-placeholder,
    .ranges-holder .form-control.placeholder,
    .hide-sm-range .range-value-onmobile,
    .fitlive-bottom-wrapper .text-yellow,
    .fitlive-modal-yellow,
    .btn-link,
    .yellow-sticker {
        color: var(--mg-pink) !important;
    }
    a.text-black:hover, a.text-black:focus {
        color: #fff !important;
    }

    .footer-site-link a:hover,
    .add-nav ul li a:hover,
    .menu-footer-navigation-container ul li a:hover,
    .header-offers {
        color: var(--mg-pink) !important;
    }

    .btn-warning,
    .btn-warning.disabled,
    .btn-warning:disabled,
    .btn-dark-yellow,
    .btn-dark-yellow.disabled,
    .btn-dark-yellow:disabled {
        color: #fff !important;
        background-color: var(--mg-pink) !important;
        border-color: var(--mg-pink) !important;
    }
    .btn-outline-warning,
    .btn-outline-dark-yellow {
        color: var(--mg-pink);
        border-color: var(--mg-pink);
    }
    .btn-outline-warning:hover,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle,
    .btn-outline-dark-yellow:hover,
    .btn-outline-dark-yellow:not(:disabled):not(.disabled):active,
    .btn-outline-dark-yellow:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark-yellow.dropdown-toggle {
        color: #fff !important;
        background-color: var(--mg-pink) !important;
        border-color: var(--mg-pink) !important;
    }
    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled,
    .btn-outline-dark-yellow.disabled,
    .btn-outline-dark-yellow:disabled {
        color: var(--mg-pink) !important;
        background-color: transparent;
    }
    .btn-fill-outline,
    .btn-fill-yellow-outline,
    .promo-md-content-holder .shape-ico-wrap {
        border: 1px solid var(--mg-pink) !important;
    }
    .btn-fill-outline {
        background-color: transparent;
        color: var(--mg-pink) !important;
    }
    .btn-fill-outline:hover {
        color: #fff !important;
        background-color: var(--mg-pink) !important;
    }
    .btn-fill-yellow-outline {
        background-color: var(--mg-pink) !important;
        border-color: transparent;
    }
    .btn-fill-yellow-outline:hover {
        color: var(--mg-pink) !important;
        background-color: #fff !important;
    }
    .subscription-holder .title-block,
    .basic-holder {
        border: 2px solid var(--mg-pink) !important;
    }
    .steps-list li.active .ico-wrap,
    .steps-list a:hover .ico-wrap {
        background: var(--mg-pink) !important;
        border-color: var(--mg-pink) !important;
    }
    .steps-list li.completed a .ico-wrap {
        border-color: var(--mg-pink) !important;
        background: #f2f2f2;
    }
    .check-option-list .form-check.premium-form-check .form-check-label {
        border-color: var(--mg-pink) !important;
        background: #fff !important;
    }
    .check-option-list .form-check.premium-form-check .info-text,
    .check-option-list input[type="checkbox"]:checked ~ .form-check-label,
    .check-option-list input[type="checkbox"]:checked ~ .form-check-label .info-text,
    .border-warning {
        border-color: var(--mg-pink) !important;
    }
    #homeoffer, #cluboffer, #promooffer {
        .btn-subscribe {
            filter: drop-shadow(0px 0px 15px var(--mg-pink));
        }
        .right-rect {
            border: 3px solid var(--mg-pink);
        }
        .price {
            .fees {
                background-image: url('../images/blazon-white-empty-pink.webp');
                .text-dark-yellow {
                    color: var(--mg-pink) !important;
                }
            }
        }
    }
    #header .header-holder .navbar-collapse .collapse-wrapper .navbar-nav li {
        border-bottom: 2px solid var(--mg-pink) !important;
    }
    .presale-gym-holder {
        border-bottom: 3px solid var(--mg-pink) !important;
    }
    .step-offers {
        background-image: url('../images/step_bg_motif-pink-october.webp');

        .step-header .steps-list-wrap .steps-list li.completed .ico-wrap {
            background: var(--mg-pink) !important;
            border-color: var(--mg-pink) !important;
        }
        .step-header .steps-list-wrap .steps-list li.completed .ico-wrap:before,
        .step-summary .summary-info-block.bg-dark-yellow .small,
        .btn-submit .btn {
            color: #fff !important;
        }
        .step-header .steps-list-wrap .steps-list li.active .ico-wrap {
            background: #F1F1F1 !important;
            border-color: var(--mg-pink) !important;
        }
        .custom-checkbox .custom-control-label:before {
            background-color: var(--mg-pink) !important;
        }
        .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
            background-image: none;
            background-color: var(--mg-pink) !important;
        }
        .btn.btn-warning { border-color: var(--mg-pink) !important; }
    }
    .ranges-holder .form-control {
        border-color: var(--mg-pink);
        color: var(--mg-pink);
    }
    .yellow-blazon,
    .promo-yellow-blazon,
    .yellow-blazon-old,
    .presale-gym-holder-mobile .yellow-blazon-presale,
    .presale-gym-holder .yellow-blazon-presale {
        background-image: url('../images/blazon-pink-empty.webp');
        &.text-black {
            color: #fff !important;
        }
    }
    .bg-dark-yellow {
        background-color: var(--mg-pink) !important;
        color: #fff;
    }
    .sep-border {
        background: var(--mg-pink);
        box-shadow: 0px 0px 2.8px 0px var(--mg-pink);
    }
    .club-filter-list button, button.reset-club-filters {
        border-color: var(--mg-pink);

        &.is-active {
            background-color: var(--mg-pink);
            color: #fff !important;
        }
        &:hover {
            box-shadow: 0px 0px 10px 2px var(--mg-pink);
        }
    }
    .club-filter-content {
        & .element-item {
            &:hover {
                background-color: var(--mg-pink);
                .text-black {
                    color: #fff !important;
                }
            }
        }
    }
    .icon-instagram-svg-yellow {
        background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="%23CE2D7C"/><path d="M28.7988 8.95117H15.1884C11.4283 8.95117 8.36938 12.011 8.36938 15.7722V28.2274C8.36938 31.9886 11.4283 35.0484 15.1884 35.0484H28.7988C32.5589 35.0484 35.6178 31.9886 35.6178 28.2274V15.7722C35.6178 12.011 32.5589 8.95117 28.7988 8.95117ZM10.7749 15.7722C10.7749 13.3382 12.7551 11.3574 15.1884 11.3574H28.7988C31.232 11.3574 33.2123 13.3382 33.2123 15.7722V28.2274C33.2123 30.6614 31.232 32.6422 28.7988 32.6422H15.1884C12.7551 32.6422 10.7749 30.6614 10.7749 28.2274V15.7722Z" fill="white"/><path d="M21.9936 28.3428C25.4902 28.3428 28.3365 25.4972 28.3365 21.998C28.3365 18.4989 25.4918 15.6533 21.9936 15.6533C18.4955 15.6533 15.6508 18.4989 15.6508 21.998C15.6508 25.4972 18.4955 28.3428 21.9936 28.3428ZM21.9936 18.0611C24.1649 18.0611 25.9309 19.8276 25.9309 21.9996C25.9309 24.1715 24.1649 25.9381 21.9936 25.9381C19.8223 25.9381 18.0563 24.1715 18.0563 21.9996C18.0563 19.8276 19.8223 18.0611 21.9936 18.0611Z" fill="white"/><path d="M28.9236 16.6788C29.8652 16.6788 30.6326 15.9127 30.6326 14.9693C30.6326 14.0259 29.8667 13.2598 28.9236 13.2598C27.9805 13.2598 27.2146 14.0259 27.2146 14.9693C27.2146 15.9127 27.9805 16.6788 28.9236 16.6788Z" fill="white"/></svg>');
    }
    .icon-facebook-svg-yellow {
        background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.984 22C43.984 33.111 35.7503 42.2967 25.054 43.7873C24.0539 43.926 23.0306 43.9985 21.992 43.9985C20.7931 43.9985 19.6157 43.9029 18.4692 43.7179C7.99792 42.0315 0 32.9491 0 22C0 9.85005 9.84715 0 21.9935 0C34.1399 0 43.987 9.85005 43.987 22H43.984Z" fill="%23CE2D7C"/><path d="M25.054 17.6655V22.4579H30.9808L30.0423 28.9137H25.054V43.7874C24.0539 43.9261 23.0306 43.9986 21.992 43.9986C20.7931 43.9986 19.6157 43.903 18.4692 43.718V28.9137H13.0032V22.4579H18.4692V16.5942C18.4692 12.9563 21.4172 10.0059 25.0555 10.0059V10.0089C25.0663 10.0089 25.0756 10.0059 25.0864 10.0059H30.9823V15.5891H27.1298C25.9848 15.5891 25.0555 16.5186 25.0555 17.6639L25.054 17.6655Z" fill="white"/></svg>');
    }
    .icon-youtube-svg-yellow {
        background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.8606 21.9368C43.8606 9.82144 34.0421 0 21.9303 0C9.81855 0 0 9.82144 0 21.9368C0 34.0522 9.81855 43.8736 21.9303 43.8736C34.0421 43.8736 43.8606 34.0522 43.8606 21.9368Z" fill="%23CE2D7C"/><path d="M35.7394 17.3911C35.5668 15.7248 35.1955 13.8827 33.8286 12.9147C32.7699 12.164 31.3783 12.1362 30.0793 12.1377C27.3331 12.1377 24.5855 12.1424 21.8394 12.1439C19.1981 12.147 16.5568 12.1485 13.9154 12.1516C12.8121 12.1516 11.7395 12.0668 10.7147 12.5447C9.83479 12.9547 9.14596 13.7347 8.73142 14.6026C8.15662 15.8096 8.03642 17.1768 7.96708 18.5118C7.83917 20.9427 7.85304 23.3798 8.0056 25.8091C8.1181 27.5818 8.40318 29.5411 9.77316 30.671C10.9875 31.6714 12.7011 31.7207 14.276 31.7223C19.2751 31.7269 24.2758 31.7315 29.2764 31.7346C29.9175 31.7361 30.5863 31.7238 31.2397 31.6529C32.5249 31.5142 33.75 31.1457 34.576 30.1931C35.4097 29.2328 35.6239 27.8963 35.7502 26.6307C36.0584 23.5601 36.0553 20.4602 35.7394 17.3911ZM18.9484 26.2408V17.6316L26.4008 21.9354L18.9484 26.2408Z" fill="white"/></svg>');
    }
    .icon-tiktok-svg-yellow {
        background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0428 0H21.9427C9.82407 0 0 9.82696 0 21.9491V22.0493C0 34.1715 9.82407 43.9985 21.9427 43.9985H22.0428C34.1614 43.9985 43.9855 34.1715 43.9855 22.0493V21.9491C43.9855 9.82696 34.1614 0 22.0428 0Z" fill="%23CE2D7C"/><path d="M32.6251 15.9171V20.0714C31.8992 20.0005 30.9561 19.8355 29.9128 19.4533C28.5506 18.9538 27.5366 18.2709 26.8724 17.7422V26.1387L26.8555 26.1124C26.8662 26.2789 26.8724 26.4485 26.8724 26.6196C26.8724 30.7893 23.4806 34.1836 19.3106 34.1836C15.1406 34.1836 11.7488 30.7893 11.7488 26.6196C11.7488 22.4499 15.1406 19.054 19.3106 19.054C19.719 19.054 20.1196 19.0864 20.5111 19.1496V23.2438C20.135 23.1096 19.7313 23.0372 19.3106 23.0372C17.3365 23.0372 15.7293 24.6434 15.7293 26.6196C15.7293 28.5958 17.3365 30.202 19.3106 30.202C21.2846 30.202 22.8919 28.5942 22.8919 26.6196C22.8919 26.5456 22.8904 26.4716 22.8858 26.3976V10.0811H27.0358C27.0512 10.4325 27.065 10.7871 27.0804 11.1385C27.1082 11.8306 27.3547 12.495 27.7847 13.0392C28.2886 13.6789 29.0329 14.4219 30.0777 15.0153C31.0563 15.5687 31.9747 15.8077 32.6251 15.9202V15.9171Z" fill="white"/></svg>');
    }
    .page-a-club .club-hours-wrapper {
        background-image: url('../images/step_bg_motif-pink-october.webp');
    }
    .carousel.home .carousel-item.carousel-item-1 .bg-home {
        background-image: url('/images/home_upper_bg_mob-pink-october.webp?20250916');
    }
    .carousel.home .carousel-item.carousel-item-special .bg-home {
        background-image: url('/images/home_upper_bg_special_mob-pink-october.webp?20250916');
    }

    /* MQ */
    @media (min-width: 766px) {
        .fitlive-wrapper #replay {
            color: var(--mg-pink);
        }
    }
    @media (min-width: 768px) {
        .carousel.home .carousel-item.carousel-item-1 .bg-home {
            background-image: url('/images/home_upper_bg-pink-october.webp?20250916');
        }
        .carousel.home .carousel-item.carousel-item-special .bg-home {
            background-image: url('/images/home_upper_bg_special-pink-october.webp?20250916');
        }
        .simulateur-form .simulateur-title {
            color: var(--mg-pink);
        }
        .simulateur-form .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
            background: var(--mg-pink);
        }
        .figure-holder .figure-in-num {
            border: 1px solid var(--mg-pink);
            color: var(--mg-pink);
        }
        .info-holder .title-highlight {
            background: var(--mg-pink);
        }
        .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(2),
        .ranges-holder .jcf-range .jcf-range-mark:nth-of-type(12),
        .ranges-holder .jcf-range .jcf-range-mark:nth-last-of-type(1) {
            background: var(--mg-pink);
        }
        .fees-structure .fee-holder.active {
            color: var(--mg-pink);
        }
    }
    @media (min-width: 992px) {
        #header .header-holder .navbar-collapse .collapse-wrapper .navbar-nav li {
            border-bottom: none !important;
        }
    }
}
/* END PINK OCTOBER */