.main-title {
    font-weight: 800;
    font-size: 55px;
    line-height: 65px;
    color: #32373c
}

@media (max-width: 1239.98px) {
    .main-title {
        font-size: 45px
    }
}

@media (max-width: 719.98px) {
    .main-title {
        font-size: 35px
    }
}

@media (max-width: 1239.98px) {
    .main-title {
        line-height: 55px
    }
}

@media (max-width: 719.98px) {
    .main-title {
        line-height: 45px
    }
}

.section-title {
    font-size: 45px;
    font-weight: 800;
    color: #32373c;
    line-height: 130%
}

@media (max-width: 1239.98px) {
    .section-title {
        font-size: 35px
    }
}

@media (max-width: 719.98px) {
    .section-title {
        font-size: 30px
    }
}

.section-title--medium {
    font-weight: 500
}

.section-title--white {
    color: #fff
}

.section-subtitle {
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 30px;
    line-height: 131%;
    color: #32373c
}

@media (max-width: 1239.98px) {
    .section-subtitle {
        font-size: 25px
    }
}

@media (max-width: 719.98px) {
    .section-subtitle {
        font-size: 20px
    }
}

.section-subsubtitle {
    font-weight: 700;
    font-size: 25px;
    color: #32373c
}

@media (max-width: 1239.98px) {
    .section-subsubtitle {
        font-size: 20px
    }
}

@media (max-width: 719.98px) {
    .section-subsubtitle {
        font-size: 18px
    }
}

.section-subsubtitle--font20 {
    font-size: 20px
}

@media (max-width: 1239.98px) {
    .section-subsubtitle--font20 {
        font-size: 20px
    }
}

@media (max-width: 719.98px) {
    .section-subsubtitle--font20 {
        font-size: 18px
    }
}

.section-subsubtitle--medium {
    font-weight: 500
}

.section-subsubtitle--uppercase {
    text-transform: uppercase
}

.section-subsubtitle--red {
    color: #CD0F2D
}

body,
html {
    font-size: 1em;
    overflow-x: hidden;
    color: #32373c;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    background-color: #F9F9FA;
    letter-spacing: 0.05em;
    padding-right: 0 !important;
    scroll-behavior: smooth
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

button {
    cursor: pointer;
    padding: 0
}

strong {
    font-weight: 700
}

a {
    color: #32373c;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    outline: none
}

a:hover {
    color: #CD0F2D;
    text-decoration: none
}

:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    line-height: 30px
}

.h100 {
    height: 100%
}

img {
    max-width: 100%
}

.video-control {
    position: absolute;
    bottom: 200px;
    right: 200px;
    background-color: transparent;
    color: white;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
    outline: none;
    padding: 0
}

@media only screen and (max-width: 1500px) {
    .video-control {
        right: 100px
    }
}

.video-control img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.video-control:focus,
.video-control:hover {
    outline: none
}

@media (max-width: 1239.98px) {
    .video-control {
        bottom: 60px;
        right: 60px
    }
}

.hidden {
    display: none
}

.disable-overflow {
    overflow: hidden
}

@media (max-width: 719.98px) {
    .disable-overflow .logo {
        z-index: 102
    }

    .disable-overflow .logo img {
        filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(412%) hue-rotate(169deg) brightness(94%) contrast(84%)
    }
}

.fancybox-thumbs__list a {
    max-width: 100%;
    height: 150px;
    display: block;
    float: initial;
    width: 100%
}

.fancybox-thumbs__list a:before {
    border: 0
}

.compensate-for-scrollbar {
    margin-right: 0 !important
}

.icon_hover {
    transition: 0.6s fill
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.tab-content .section-title {
    text-align: center
}

@media (min-width: 1240px) {
    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
        transform: scale(0);
        opacity: 0;
        transition: 0.6s opacity;
        z-index: 20
    }

    .overlay.active {
        transform: scale(1);
        opacity: 1
    }
}

@media (min-width: 1240px) {
    .md-none {
        display: none
    }
}

@media (max-width: 1239.98px) {
    .sm-none {
        display: none
    }
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-thumbs {
    flex-direction: row !important;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: auto !important;
    background-color: transparent
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-stage,
.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-inner {
    width: 100vw
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-thumbs__list {
    flex-direction: row !important;
    display: flex;
    justify-content: center
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-thumbs__list a {
    aspect-ratio: 4 / 4;
    height: auto;
    min-width: 150px
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-thumbs__item {
    margin: 0 5px
}

.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-image,
.car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-spaceball {
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 4 / 4
}

@media (min-width: 1240px) {

    .car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-image,
    .car-detail-page .fancybox-show-thumbs:not(.hightlights-slider) .fancybox-spaceball {
        height: calc(100% - 100px)
    }
}

.anchor {
    display: block;
    position: absolute;
    top: -100px;
    visibility: hidden;
    height: 5px;
    width: 5px
}

@media screen and (min-width: 960px) {
    html {
        margin-right: calc(-100vw + 100%)
    }
}

.header-wrap {
    position: fixed;
    width: 100%;
    margin: auto;
    z-index: 20;
    transition: 0.6s transform, 0.6s background-color
}

.header-wrap.scrollUp {
    transform: translateY(-100px)
}

@media (max-width: 1239.98px) {
    .header-wrap.scrollUp {
        transform: translateY(-80px)
    }
}

.header-wrap.scrollDown {
    transform: translateY(0);
    box-shadow: 0px -5px 33px -9px rgba(0, 0, 0, 0.25)
}

.header-wrap.fix .header {
    background-color: #fff
}

.header-wrap.fix .menu__social.main .icon_hover {
    fill: #32373c
}

.header-wrap.fix .logo a img {
    top: 0;
    height: 100px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(412%) hue-rotate(169deg) brightness(94%) contrast(84%)
}

@media (max-width: 1239.98px) {
    .header-wrap.fix .logo a img {
        height: 60px
    }
}

@media (max-width: 719.98px) {
    .header-wrap.fix .logo a img {
        height: 100%
    }
}

.header-wrap.fix .hamburger-sidemenu span {
    color: #32373c
}

.header-wrap.fix .hamburger-sidemenu__icon {
    background-color: #32373c
}

.header-wrap.fix .hamburger-sidemenu__icon:after,
.header-wrap.fix .hamburger-sidemenu__icon:before {
    background-color: #32373c
}

.header {
    height: 100px;
    padding: 0 35px;
    transition: 0.6s transform, 0.6s background-color
}

@media (max-width: 1239.98px) {
    .header {
        height: 80px;
        padding: 0 30px
    }
}

.header--sidemenu-menu-primary-connect .hamburger-sidemenu+.hamburger {
    display: none !important
}

@media (max-width: 719.98px) {
    .header:has(.animate):after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-color: #F9F9FA;
        z-index: 101;
        width: 100%;
        height: 100%
    }
}

.header:has(.animate) .logo a img {
    top: 0;
    height: 100px
}

@media (max-width: 1239.98px) {
    .header:has(.animate) .logo a img {
        height: 60px
    }
}

@media (max-width: 719.98px) {
    .header:has(.animate) .logo a img {
        height: 100%
    }
}

@media (max-width: 1239.98px) {
    .header--sidemenu-menu-primary-connect .menu {
        height: 100vh;
        height: var(--app-height)
    }

    .header--sidemenu-menu-primary-connect .menu>*:first-child {
        height: 100%;
        width: 100%;
        flex-direction: column
    }

    .header--sidemenu-menu-primary-connect .menu .menu-primary {
        width: 100%
    }

    .header--sidemenu-menu-primary-connect .menu .menu-sidemenu {
        position: initial;
        transform: translateX(0);
        padding-top: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%
    }

    .header--sidemenu-menu-primary-connect .menu .menu-sidemenu__list {
        padding: 0 20px
    }

    .header--sidemenu-menu-primary-connect .menu .menu-layout__wrapper {
        display: block
    }
}

.header__wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .menu-layout {
    display: flex;
    margin: 0 -20px;
    height: 100%;
    align-items: center;
    flex: 1 0 100%;
    max-width: 100%
}

@media (max-width: 1239.98px) {
    .header .menu-layout {
        flex: 1 0 calc(100% - 30px);
        max-width: calc(100% - 30px)
    }
}

@media (min-width: 1240px) {
    .header .menu-layout__wrapper {
        display: flex;
        width: 100%;
        justify-content: flex-end
    }
}

.menu {
    flex: 1 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width: 1239.98px) {
    .menu>*:first-child {
        padding-top: 80px;
        height: 100vh
    }

    .menu.showmenu {
        max-height: calc(100vh)
    }

    .menu.showmenu:before {
        content: "";
        height: 80px;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: 1
    }

    .menu__overlay {
        position: relative;
        overflow-y: auto
    }
}

.menu__overlay {
    display: flex
}

@media (min-width: 1240px) {
    .menu__social {
        display: flex
    }
}

@media (max-width: 719.98px) {
    .menu {
        flex: 1 0 100%;
        max-width: 100%;
        width: 100%
    }
}

.footer {
    margin-top: 150px;
    padding: 0 50px;
    margin-bottom: 50px
}

@media (max-width: 1239.98px) {
    .footer {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .footer {
        margin-top: 40px
    }
}

@media (max-width: 1239.98px) {
    .footer {
        padding: 0
    }
}

.footer * {
    color: #F9F9FA
}

.footer__menu-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.footer__menu-box {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .footer__menu-box {
        flex: 1 0 50%;
        max-width: 50%;
        margin-top: 40px
    }

    .footer__menu-box:nth-child(-n+2) {
        margin-top: 0
    }
}

@media (max-width: 719.98px) {
    .footer__menu-box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .footer__menu-box:nth-child(-n+2) {
        margin-top: 40px
    }

    .footer__menu-box:first-child {
        margin-top: 0
    }
}

.footer__menu-box .social img {
    filter: brightness(0) invert(1)
}

.footer__address-box {
    padding-left: 20px;
    border-left: 1px solid #F9F9FA;
    margin-top: 35px
}

.footer__menu-box-list {
    margin-top: 35px
}

.footer__menu-box-list ul li {
    margin-top: 15px
}

@media (min-width: 1240px) {
    .footer__menu-box-list ul li a:hover {
        text-decoration: underline
    }
}

.footer__address-title p {
    font-weight: 700;
    text-transform: uppercase
}

.footer__wrapper {
    max-width: calc(100vw - 100px);
    margin: auto;
    background-color: #32373c;
    border-radius: 5px;
    padding: 140px;
    padding-bottom: 70px
}

@media only screen and (max-width: 1500px) {
    .footer__wrapper {
        padding: 70px
    }
}

@media (max-width: 1239.98px) {
    .footer__wrapper {
        padding: 50px 0;
        border-radius: 0;
        max-width: 100%
    }
}

.footer__copy {
    margin-top: 140px
}

@media (max-width: 1239.98px) {
    .footer__copy {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .footer__copy {
        margin-top: 50px
    }
}

.footer__copy-boxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.footer__copy-box {
    flex: 1 0 25%;
    max-width: 25%;
    font-size: 12px
}

@media (max-width: 1239.98px) {
    .footer__copy-box {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width: 719.98px) {
    .footer__copy-box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.footer__copy-box--fifty {
    flex: 1 0 50%;
    max-width: 50%
}

@media (max-width: 1239.98px) {
    .footer__copy-box--fifty {
        max-width: 100%;
        flex: 1 0 100%;
        order: -1;
        margin-bottom: 40px
    }
}

.footer__copy-box--fifty ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media (max-width: 719.98px) {
    .footer__copy-box--fifty ul {
        flex-direction: column
    }
}

.footer__copy-box--fifty ul li {
    padding: 0 20px;
    font-size: 14px
}

@media (max-width: 719.98px) {
    .footer__copy-box--fifty ul li {
        margin-top: 20px
    }

    .footer__copy-box--fifty ul li:first-child {
        margin-top: 0
    }
}

.footer__copy-box--ler {
    position: relative
}

@media (max-width: 1239.98px) {
    .footer__copy-box--ler {
        margin-left: auto;
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width: 719.98px) {
    .footer__copy-box--ler {
        justify-content: flex-start
    }
}

.footer__menu-form {
    margin-top: 47px
}

.footer__menu-form input {
    background-color: rgba(255, 255, 255, 0.1)
}

.footer__menu-form input::-moz-placeholder {
    color: #F9F9FA
}

.footer__menu-form input::placeholder {
    color: #F9F9FA
}

.footer__menu-form input:-ms-input-placeholder {
    color: #F9F9FA
}

.footer__menu-form input::-ms-input-placeholder {
    color: #F9F9FA
}

.footer__menu-form form label>p {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
}

.footer__menu-form-label {
    position: relative
}

.footer__menu-form-label button {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 5px;
    background-color: #F9F9FA;
    outline: none;
    border: 0;
    border-radius: 2.5px;
    transition: 0.6s background-color
}

.footer__menu-form-label button img,
.footer__menu-form-label button svg {
    transition: 0.6s filter
}

@media (min-width: 1240px) {
    .footer__menu-form-label button:hover {
        background-color: #CD0F2D
    }

    .footer__menu-form-label button:hover img,
    .footer__menu-form-label button:hover svg {
        filter: brightness(0) invert(1)
    }
}

.footer__menu-form-agree {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px
}

.footer__menu-form-agree a {
    display: block;
    text-decoration: underline
}

.footer .social {
    margin-top: 47px
}

.footer .ler {
    max-width: 18px;
    overflow: hidden;
    margin-left: auto;
    transition: 0.6s all;
    position: absolute;
    right: 0;
    top: -10px
}

@media (max-width: 1239.98px) {
    .footer .ler {
        order: 3;
        margin: 0;
        margin-left: initial;
        text-align: right;
        margin-top: 0px;
        bottom: 0;
        top: inherit;
        position: relative;
        text-align: center
    }
}

@media (max-width: 719.98px) {
    .footer .ler {
        text-align: center;
        position: initial;
        margin-top: 40px
    }
}

@media (min-width: 1240px) {
    .footer .ler:hover {
        max-width: 110px
    }
}

.footer .ler img,
.footer .ler svg {
    max-width: none
}

.footer .ler a {
    padding-left: 0
}

.footer .ler+ul li {
    margin-bottom: 0;
    margin-top: 20px
}

.logo {
    flex: 1 0 200px;
    max-width: 200px;
    padding: 0 20px;
    z-index: 11;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto
}

@media (max-width: 719.98px) {
    .logo {
        flex: 1 0 150px;
        max-width: 150px
    }
}

.logo a {
    display: inline-flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.logo a img {
    height: 50px;
    position: relative;
    top: 0;
    transition: 0.6s height, 0.6s top
}

@media (max-width: 1239.98px) {
    .logo a img {
        height: 37px;
        top: 0
    }
}

@media (max-width: 719.98px) {
    .logo a img {
        height: 100%;
        top: 0
    }
}

.menu-primary {
    display: flex
}

@media (max-width: 1239.98px) {
    .menu-primary {
        flex-direction: column;
        padding-top: 50px
    }
}

@media (max-width: 719.98px) {
    .menu-primary {
        padding-top: 20px
    }
}

@media (max-width: 1239.98px) {
    .menu-primary+.menu-sidemenu .menu-sidemenu__item {
        margin-top: 40px
    }
}

@media (max-width: 719.98px) {
    .menu-primary+.menu-sidemenu .menu-sidemenu__item {
        margin-top: 20px
    }
}

.menu-primary__item {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 1240px) {
    .menu-primary__item--signin {
        padding-left: 50px;
        margin-left: 30px
    }
}

@media (min-width: 1240px) {
    .menu-primary__item--signin:before {
        content: "";
        height: 30px;
        width: 2px;
        background-color: #C8AF7D;
        position: absolute;
        left: 0
    }
}

@media (max-width: 1239.98px) {
    .menu-primary__item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 40px
    }

    .menu-primary__item:first-child {
        margin-top: 0
    }
}

@media (max-width: 719.98px) {
    .menu-primary__item {
        margin-top: 20px;
        padding: 0 6.25%
    }
}

.menu-primary__item--has-submenu>.menu-primary__item-link {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.menu-primary__item--has-submenu>.menu-primary__item-link:before {
    display: none
}

.menu-primary__item--has-submenu>.menu-primary__item-link:after {
    content: "";
    width: 10px;
    height: 5px;
    background-image: url("https://advantage-cars.cz/images/svg/arrow-down-yellow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0);
    transition: 0.6s transform;
    position: absolute;
    right: 0px;
    left: 0;
    bottom: -20px;
    margin: auto
}

@media (max-width: 1239.98px) {
    .menu-primary__item--has-submenu>.menu-primary__item-link:after {
        bottom: 0;
        top: 0;
        right: -35px;
        left: inherit
    }
}

@media (min-width: 1240px) {
    .menu-primary__item--has-submenu:hover>.menu-primary__item-link {
        color: #C8AF7D
    }

    .menu-primary__item--has-submenu:hover>.menu-primary__item-link:after {
        transform: rotate(-180deg)
    }

    .menu-primary__item--has-submenu:hover .menu-submenu {
        opacity: 1;
        transform: scale(1) translateX(-20px);
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content
    }
}

@media (max-width: 1239.98px) {
    .menu-primary__item--has-submenu.active>.menu-primary__item-link:after {
        transform: rotate(-180deg)
    }

    .menu-primary__item--has-submenu.active .menu-submenu {
        opacity: 1;
        transform: scale(1);
        max-height: inherit;
        padding: 10px 20px;
        max-height: 600px;
        padding-bottom: 0
    }
}

.menu-primary__item-link {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    color: #000
}

@media only screen and (max-width: 1500px) {
    .menu-primary__item-link {
        font-size: 16px
    }
}

@media (max-width: 1239.98px) {
    .menu-primary__item-link {
        font-size: 16px
    }
}

.menu-primary__item-link:before {
    content: "";
    width: 0;
    position: absolute;
    bottom: -5px;
    height: 2px;
    background-color: #C8AF7D;
    left: 50%;
    transition: all 500ms;
    transform: translate(-50%, 0) translateZ(0);
    opacity: 0
}

.menu-primary__item-link:hover {
    text-decoration: none
}

@media (min-width: 1240px) {
    .menu-primary__item-link:hover {
        color: #32373c
    }

    .menu-primary__item-link:hover:before {
        width: 100%;
        opacity: 1
    }
}

.menu-primary__item-link.active {
    color: #C8AF7D
}

.menu-primary__item-link.active:before {
    width: 100%;
    opacity: 1
}

.menu-language {
    display: flex;
    padding: 0 40px;
    padding-right: 65px
}

@media only screen and (max-width: 1500px) {
    .menu-language {
        padding: 0 20px;
        padding-right: 50px
    }
}

@media (max-width: 1239.98px) {
    .menu-language {
        padding: 0 40px
    }
}

.menu-language--has-submenu {
    padding: 0
}

.menu-language--has-submenu .menu-language__item {
    padding: 0 40px
}

@media only screen and (max-width: 1500px) {
    .menu-language--has-submenu .menu-language__item {
        font-size: 16px;
        padding: 0 20px
    }
}

.menu-language--has-submenu .menu-language__item:after {
    content: "";
    width: 10px;
    height: 5px;
    background-image: url("https://advantage-cars.cz/images/svg/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0);
    transition: 0.6s transform
}

@media (min-width: 1240px) {
    .menu-language--has-submenu .menu-language__item:hover:after {
        transform: rotate(-180deg)
    }

    .menu-language--has-submenu .menu-language__item:hover .menu-language__others {
        opacity: 1;
        transform: scale(1)
    }
}

.menu-language--has-submenu .menu-language__others {
    position: absolute;
    top: 100%;
    padding: 20px;
    background-color: pink;
    left: 0;
    right: 0;
    justify-content: center;
    transform: scale(0);
    opacity: 0;
    transition: 0.6s opacity
}

.menu-language__item {
    display: flex;
    align-items: center;
    line-height: 100%;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu-language__others {
    display: flex
}

.menu-language__others-item-link {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    opacity: 0.2
}

@media only screen and (max-width: 1500px) {
    .menu-language__others-item-link {
        font-size: 16px
    }
}

@media (min-width: 1240px) {
    .menu-language__others-item-link:hover {
        opacity: 1
    }
}

.menu-language__others-item-link.active {
    opacity: 1
}

.menu-language__item-link {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
    opacity: 0.2;
    color: #000;
    position: relative
}

@media only screen and (max-width: 1500px) {
    .menu-language__item-link {
        font-size: 16px
    }
}

@media (min-width: 1240px) {
    .menu-language__item-link:hover {
        opacity: 1
    }
}

.menu-language__item-link.active {
    opacity: 1
}

.menu-language__others-item {
    padding: 0 10px;
    position: relative
}

.menu-submenu {
    transform: scale(0);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s opacity, 0.6s padding;
    position: absolute;
    bottom: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    background-color: #fff;
    top: 100%;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 20px
}

@media (min-width: 1240px) {
    .menu-submenu {
        box-shadow: 10px 30px 40px 0px rgba(0, 25, 75, 0.2)
    }
}

@media (max-width: 1239.98px) {
    .menu-submenu {
        position: initial;
        padding: 0 20px;
        font-size: 16px
    }
}

.menu-submenu__item {
    margin-top: 10px;
    position: relative;
    padding: 10px 0
}

@media (min-width: 1240px) {
    .menu-submenu__item {
        max-width: 400px
    }
}

@media (max-width: 1239.98px) {
    .menu-submenu__item {
        padding: 0
    }
}

.menu-submenu__item:last-child:after {
    display: none
}

.menu-submenu__item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 100%;
    background-color: #F2F6F7;
    bottom: -7px
}

.menu-submenu__item:first-child {
    margin-top: 0
}

.menu-submenu__item-link {
    color: #e83e8c
}

@media (min-width: 1240px) {
    .menu-submenu__item-link:hover {
        color: #ffc107
    }
}

.menu-submenu__item-link.active {
    color: #ffc107
}

.hamburger,
.hamburger-sidemenu {
    width: 120px;
    float: right;
    height: 50px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 9;
    position: absolute
}

@media (max-width: 1239.98px) {

    .hamburger,
    .hamburger-sidemenu {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
        width: auto;
        right: 25px;
        top: 9px;
        z-index: 102
    }
}

@media (max-width: 719.98px) {

    .hamburger,
    .hamburger-sidemenu {
        margin-right: 0
    }
}

.hamburger.animate .hamburger-sidemenu__icon,
.hamburger-sidemenu.animate .hamburger-sidemenu__icon {
    background: rgba(255, 255, 255, 0);
    width: 30px
}

.hamburger.animate .hamburger-sidemenu__icon:after,
.hamburger-sidemenu.animate .hamburger-sidemenu__icon:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 30px
}

@media (max-width: 719.98px) {

    .hamburger.animate .hamburger-sidemenu__icon:after,
    .hamburger-sidemenu.animate .hamburger-sidemenu__icon:after {
        background-color: #32373c
    }
}

.hamburger.animate .hamburger-sidemenu__icon:before,
.hamburger-sidemenu.animate .hamburger-sidemenu__icon:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 30px
}

@media (max-width: 719.98px) {

    .hamburger.animate .hamburger-sidemenu__icon:before,
    .hamburger-sidemenu.animate .hamburger-sidemenu__icon:before {
        background-color: #32373c
    }
}

.hamburger.animate .menuhamburger .menuicotop,
.hamburger-sidemenu.animate .menuhamburger .menuicotop {
    transform: translateY(12px)
}

.hamburger.animate .menuhamburger .menuicoleft,
.hamburger-sidemenu.animate .menuhamburger .menuicoleft {
    transform: translateX(12px)
}

.hamburger.animate .menuhamburger .menuicoright,
.hamburger-sidemenu.animate .menuhamburger .menuicoright {
    transform: translateX(-12px)
}

.hamburger.animate .menuhamburger .menuicobottom,
.hamburger-sidemenu.animate .menuhamburger .menuicobottom {
    transform: translateY(-12px)
}

.hamburger span,
.hamburger-sidemenu span {
    order: 2;
    color: #32373c;
    transform: translateY(4px) translateX(31px);
    font-size: 20px;
    transition: 0.3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1239.98px) {

    .hamburger span,
    .hamburger-sidemenu span {
        display: none
    }
}

.hamburger .hamburger__icon.animate,
.hamburger-sidemenu .hamburger__icon.animate {
    background: rgba(255, 255, 255, 0);
    width: 30px
}

.hamburger .hamburger__icon.animate:after,
.hamburger-sidemenu .hamburger__icon.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 30px
}

.hamburger .hamburger__icon.animate:before,
.hamburger-sidemenu .hamburger__icon.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 30px
}

.hamburger__icon,
.hamburger-sidemenu__icon {
    width: 30px;
    height: 3px;
    border-radius: 0px;
    transition: 0.3s all !important;
    position: relative;
    background: #32373c;
    transition: all 0ms 300ms;
    color: #F9F9FA
}

.hamburger__icon:after,
.hamburger__icon:before,
.hamburger-sidemenu__icon:after,
.hamburger-sidemenu__icon:before {
    width: 30px;
    height: 3px;
    transition: 0.3s all;
    border-radius: 0px
}

.hamburger__icon:before,
.hamburger-sidemenu__icon:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    background: #32373c;
    transition: 0.3s background-color, bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 30px;
    transform: translateX(10px)
}

@media (max-width: 1239.98px) {

    .hamburger__icon:before,
    .hamburger-sidemenu__icon:before {
        transform: translateX(0)
    }
}

.hamburger__icon:after,
.hamburger-sidemenu__icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: #32373c;
    transition: 0.3s background-color, top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateX(-10px)
}

@media (max-width: 1239.98px) {

    .hamburger__icon:after,
    .hamburger-sidemenu__icon:after {
        transform: translateX(0)
    }
}

.hamburger .menuico,
.hamburger-sidemenu .menuico {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #e83e8c;
    border-radius: 4px
}

.hamburger .menuhamburger .menuicotop,
.hamburger-sidemenu .menuhamburger .menuicotop {
    transform: translateY(0);
    transition: 0.6s all;
    border-radius: 4px
}

.hamburger .menuhamburger .menuicoleft,
.hamburger-sidemenu .menuhamburger .menuicoleft {
    transform: translateX(0);
    transition: 0.6s all;
    border-radius: 4px
}

.hamburger .menuhamburger .menuicoright,
.hamburger-sidemenu .menuhamburger .menuicoright {
    transform: translateX(0);
    transition: 0.6s all;
    border-radius: 4px
}

.hamburger .menuhamburger .menuicobottom,
.hamburger-sidemenu .menuhamburger .menuicobottom {
    transform: translateY(0);
    transition: 0.6s all;
    border-radius: 4px
}

.hamburger {
    display: none
}

@media (max-width: 1239.98px) {
    .hamburger {
        display: flex
    }
}

@media (min-width: 1240px) {
    .hamburger-sidemenu:hover .hamburger-sidemenu__icon:before {
        transform: translateX(0)
    }

    .hamburger-sidemenu:hover .hamburger-sidemenu__icon:after {
        transform: translateX(0)
    }
}

.menu-sidemenu {
    background-color: #fff;
    width: 300px;
    position: fixed;
    height: 100vh;
    top: 0;
    max-height: 100vh;
    left: 0;
    z-index: 100;
    padding-top: 150px;
    transform: translateX(-100%);
    transition: 0.6s transform;
    flex-direction: column;
    justify-content: space-between;
    display: flex
}

@media (max-width: 1239.98px) {
    .menu-sidemenu {
        padding-top: 80px
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu {
        width: 100%;
        padding-top: 80px
    }
}

.menu-sidemenu .close-button {
    position: absolute;
    transform: translateX(100%);
    transition: 0.6s transform;
    display: none;
    z-index: 1;
    top: 20px;
    right: -20px
}

@media (max-width: 719.98px) {
    .menu-sidemenu .close-button {
        display: none
    }
}

@media (min-width: 720px) {
    .menu-sidemenu .close-button.active {
        transform: translateX(calc(100% + 300px));
        transition: 0.6s transform
    }
}

.menu-sidemenu .close-button button {
    background-color: transparent;
    outline: none;
    border: none;
    width: 40px;
    height: 40px;
    background-color: #363739;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s background-color
}

.menu-sidemenu .close-button button:focus {
    outline: none
}

@media (min-width: 1240px) {
    .menu-sidemenu .close-button button:hover {
        background-color: #F9F9FA
    }

    .menu-sidemenu .close-button button:hover img {
        filter: invert(1)
    }
}

.menu-sidemenu .close-button button img {
    height: 10px;
    width: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: 0.3s filter
}

.menu-sidemenu.showmenu {
    transform: translateX(0)
}

.menu-sidemenu.showmenu .close-button {
    display: block
}

.menu-sidemenu__logo {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 1
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__logo {
        top: 10px;
        left: 30px
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__logo {
        top: 17px;
        left: 17px;
        display: none
    }
}

.menu-sidemenu__list {
    padding: 50px 0px;
    padding-top: 0;
    background-color: #fff;
    overflow-y: auto
}

.menu-sidemenu__list:before {
    content: "";
    height: 100%;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.menu-sidemenu__item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 0px;
    position: relative;
    padding: 0 35px
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__item {
        margin-top: 20px
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__item {
        margin-top: 0px
    }

    .menu-sidemenu__item:first-child {
        margin-top: 20px
    }
}

@media (min-width: 720px) {
    .menu-sidemenu__item--back {
        display: none
    }
}

.menu-sidemenu__item--back img {
    transform: rotate(180deg);
    margin-right: 10px
}

.menu-sidemenu__item .menu-social {
    margin-top: 20px
}

.menu-sidemenu__item .menu-social__item-link img .icon_hover,
.menu-sidemenu__item .menu-social__item-link svg .icon_hover {
    fill: #32373c !important
}

@media (min-width: 1240px) {

    .menu-sidemenu__item .menu-social__item-link:hover img .icon_hover,
    .menu-sidemenu__item .menu-social__item-link:hover svg .icon_hover {
        fill: #CD0F2D !important
    }
}

.menu-sidemenu__item--has-submenu .menu-submenu {
    position: inherit;
    background-color: transparent;
    opacity: 1;
    transform: scale(0)
}

.menu-sidemenu__item--has-submenu.active>.menu-sidemenu__item-link {
    color: #CD0F2D
}

.menu-sidemenu__item--has-submenu.active .menu-submenu {
    opacity: 1;
    transform: scale(1);
    max-height: 100%
}

@media (min-width: 720px) {
    .menu-sidemenu__item--has-submenu.active .menu-sidemenu__list {
        transform: translateX(100%);
        opacity: 1
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__item--has-submenu.active .menu-sidemenu__list {
        transform: translateX(0)
    }
}

.menu-sidemenu__item--has-submenu>.menu-sidemenu__item-link {
    position: relative;
    padding-right: 33px
}

.menu-sidemenu__item--has-submenu>.menu-sidemenu__item-link:after {
    content: "";
    right: 15px;
    top: 0;
    bottom: 0;
    width: 8px;
    background-image: url("https://advantage-cars.cz/images/svg/menu-arrow.svg");
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    margin: auto
}

.menu-sidemenu__item--has-submenu .menu-sidemenu__list {
    width: 300px;
    position: fixed;
    height: 100vh;
    top: 0;
    max-height: 100vh;
    left: 0;
    z-index: -22;
    padding-top: 150px;
    transform: translateX(0%);
    transition: 0.6s transform, 0.2s opacity;
    flex-direction: column;
    display: flex;
    opacity: 1
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__item--has-submenu .menu-sidemenu__list {
        padding-top: 80px
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__item--has-submenu .menu-sidemenu__list {
        padding-top: 50px
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__item--has-submenu .menu-sidemenu__list {
        z-index: 2;
        width: 100%;
        transform: translateX(-100%);
        padding-top: 80px
    }
}

.menu-sidemenu__item--has-submenu .menu-sidemenu__list:before {
    display: none
}

.menu-sidemenu__item--has-submenu .menu-sidemenu__list .menu-sidemenu__item:before {
    content: "";
    position: fixed;
    background-color: #F9F9FA;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1240px) {
    .menu-sidemenu__item--has-submenu .menu-sidemenu__list .menu-sidemenu__item:nth-child(2) {
        margin-top: 0
    }
}

.menu-sidemenu__item--has-submenu .menu-sidemenu__list .menu-sidemenu__item-link {
    text-transform: none;
    font-weight: 400
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__item {
        margin-bottom: 0px
    }
}

.menu-sidemenu__item-link {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #32373c;
    padding: 10px 15px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 1
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__item-link {
        font-size: 16px
    }
}

@media (min-width: 1240px) {
    .menu-sidemenu__item-link:hover {
        color: #CD0F2D;
        background-color: #F9F9FA
    }
}

.menu-sidemenu__optional-elements {
    padding: 60px 0;
    z-index: 1
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__optional-elements {
        padding: 30px 0;
        position: relative;
        width: 100%
    }
}

@media (max-width: 719.98px) {
    .menu-sidemenu__optional-elements {
        padding: 20px 0
    }
}

.menu-sidemenu__optional-elements .menu-social {
    padding: 0 50px;
    margin: 0 -10px
}

@media (max-width: 1239.98px) {
    .menu-sidemenu__optional-elements .menu-social {
        justify-content: center
    }
}

.menu-sidemenu__optional-elements .menu-social__item {
    padding: 0 10px
}

.menu-sidemenu__optional-elements .menu-social__item-link img,
.menu-sidemenu__optional-elements .menu-social__item-link svg {
    height: 18px;
    width: 18px;
    -o-object-fit: contain;
    object-fit: contain
}

.menu-sidemenu .menu-submenu {
    box-shadow: none
}

.menu-social {
    display: flex;
    align-items: center
}

@media (max-width: 1239.98px) {
    .menu-social {
        margin-top: 40px
    }
}

.menu-social__item {
    padding: 0 15px;
    line-height: 100%
}

.menu-social__item-link {
    display: block
}

.menu-social__item-link img,
.menu-social__item-link svg {
    height: 20px;
    width: auto
}

.menu-social__item-link img .icon_hover,
.menu-social__item-link svg .icon_hover {
    transition: 0.6s fill
}

.menu-social__item-link:hover .hover {
    fill: #ffc107
}

.menu__social.main .menu-social__item a img,
.menu__social.main .menu-social__item a svg {
    height: 20px;
    width: auto
}

.menu__social.main .menu-social__item a img .icon_hover,
.menu__social.main .menu-social__item a svg .icon_hover {
    fill: #32373c;
    transition: 0.6s fill
}

.menu__social.main .menu-social__item a:hover .icon_hover {
    fill: #CD0F2D
}

.btn-style1 {
    display: inline-flex;
    font-size: 16px;
    padding: 10px 32px 9px 32px;
    position: relative;
    font-weight: 700 !important;
    text-align: center;
    background-color: #F9F9FA;
    border: 1px solid #F9F9FA;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    color: #32373c !important;
    font-style: normal;
    transition: all 300ms;
    line-height: 30px;
    text-decoration: none !important;
    overflow: hidden;
    letter-spacing: 0.05em;
    box-shadow: none
}

@media (max-width: 719.98px) {
    .btn-style1 {
        padding: 8px 20px 8px 20px;
        min-width: 110px
    }
}

.btn-style1--black {
    background-color: #32373c;
    color: #F9F9FA !important;
    border: 1px solid #32373c
}

.btn-style1--red {
    background-color: #CD0F2D;
    color: #F9F9FA !important;
    border: 1px solid #CD0F2D
}

.btn-style1--red:hover,
.btn-style1--red:focus {
    background-color: #900 !important;
    border-color: #900 !important
}

.btn-style1--white-border {
    background-color: transparent;
    color: #F9F9FA !important;
    border: 1px solid #F9F9FA
}

.btn-style1--uppercase {
    text-transform: uppercase
}

.btn-style1--smaller {
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    text-align: center;
    min-width: auto
}

@media (min-width: 1240px) {

    .btn-style1:hover,
    .btn-style1:focus {
        outline: none;
        text-decoration: none;
        color: #F9F9FA !important;
        background-color: #CD0F2D;
        box-shadow: none;
        border: 1px solid #CD0F2D
    }

    .btn-style1:hover img,
    .btn-style1:focus img {
        transform: translateX(0);
        opacity: 1
    }
}

.btn-style2 {
    display: inline-block;
    font-size: 16px;
    padding: 10px 32px 9px 32px;
    position: relative;
    background-color: transparent;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center;
    color: #F9F9FA !important;
    border: 1px solid #F9F9FA;
    transition: all 300ms;
    line-height: 30px;
    letter-spacing: 0.05em;
    z-index: 1;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .btn-style2 {
        min-width: 125px
    }
}

@media (max-width: 719.98px) {
    .btn-style2 {
        padding: 8px 20px 8px 20px;
        min-width: 110px
    }
}

@media (min-width: 1240px) {

    .btn-style2:hover,
    .btn-style2:focus {
        outline: none;
        text-decoration: none;
        color: #fff !important;
        background-color: #CD0F2D;
        border: 1px solid #CD0F2D;
        box-shadow: none
    }
}

.btn-style2--uppercase {
    text-transform: uppercase
}

.btn-style2--black {
    border-color: #32373c;
    color: #32373c !important
}

.btn-style2--smaller {
    font-size: 12px;
    line-height: 20px;
    font-weight: 800;
    text-align: center;
    min-width: auto
}

.mac-os .btn-style1,
.mac-os .btn-style2 {
    padding: 11px 32px 8px 32px
}

@media (max-width: 719.98px) {

    .mac-os .btn-style1,
    .mac-os .btn-style2 {
        padding: 8px 20px 5px 20px
    }
}

.pagination {
    height: 36px;
    margin: 0;
    padding: 0;
    display: flex;
    margin-top: 90px;
    align-items: center;
    justify-content: center
}

@media (max-width: 1239.98px) {
    .pagination {
        margin-top: 40px;
        justify-content: center
    }
}

.pager,
.pagination ul {
    margin-left: 0;
    *zoom: 1
}

.pagination ul {
    padding: 0;
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

.pagination li {
    display: flex
}

.pagination li:first-child {
    padding-left: 0
}

@media (max-width: 1239.98px) {
    .pagination li:first-child {
        display: none
    }
}

.pagination li:last-child {
    padding-right: 0
}

@media (max-width: 1239.98px) {
    .pagination li:last-child {
        display: none
    }
}

.pagination a {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 0px solid #ddd;
    color: #E7E8E9;
    font-weight: 700;
    font-size: 16px
}

.pagination .active a,
.pagination a:hover {
    background-color: transparent;
    color: #32373c
}

.pagination .active a {
    color: #94999e;
    cursor: default
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled span {
    color: #32373c;
    background-color: transparent;
    cursor: default;
    opacity: 0.9;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    border: 1px solid #a0a2a4;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    width: 50px;
    height: 50px;
    border-radius: 5px
}

.pagination li:first-child a,
.pagination li:first-child span {
    font-weight: 700;
    font-size: 16px
}

.pagination li:last-child a {
    font-weight: 700;
    font-size: 16px
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin-bottom: 18px;
    text-align: center
}

.pager:after,
.pager:before {
    display: table;
    content: ""
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 12px;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a,
.pager .disabled a:hover {
    color: #999;
    background-color: #fff;
    cursor: default
}

.pagination .prev.disabled span {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 0px solid #ddd
}

.pagination .next.disabled span {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 0px solid #ddd
}

.pagination li.active,
.pagination li.disabled {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 0px solid #ddd;
    font-weight: 700;
    color: #32373c
}

.pagination .page-item.disabled img {
    opacity: 0.5
}

.pagination li.active {
    background: transparent;
    color: #32373c
}

.pagination .page-item:last-child {
    margin-left: 25px;
    padding-right: 0;
    margin-left: auto
}

.pagination .page-item:last-child a {
    margin-right: 0;
    padding-right: 0;
    display: flex;
    border: 1px solid #32373c;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    width: 50px;
    height: 50px;
    border-radius: 5px
}

.pagination .page-item:last-child img {
    transform: translateX(0);
    transition: 0.6s transform
}

.pagination .page-item:last-child:hover img {
    transform: translateX(5px)
}

.pagination .page-item:first-child {
    margin-right: 25px;
    padding-left: 0;
    margin-right: auto
}

.pagination .page-item:first-child a {
    margin-right: 0;
    padding-right: 0;
    display: flex;
    border: 1px solid #32373c;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    width: 50px;
    height: 50px;
    border-radius: 5px
}

.pagination .page-item:first-child img {
    transform: translateX(0) rotate(180deg);
    transition: 0.6s transform
}

.pagination .page-item:first-child:hover img {
    transform: translateX(-5px) rotate(180deg)
}

.align-center {
    text-align: center !important
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

.align-justify {
    text-align: justify !important;
    text-justify: inter-word !important
}

.article-content {
    padding-top: 50px;
    position: relative
}

@media (max-width: 1239.98px) {
    .article-content {
        padding-top: 50px
    }
}

.article-content__wrap>.ac-price-list1:first-child {
    margin-top: 0 !important
}

.article-content__wrap>*:first-child {
    margin-top: 0 !important
}

@media (max-width: 719.98px) {
    .article-content .col-md-16.offset-md-0>.ac-info-outgrid-left-image:first-child .ac-info-outgrid-left-image__box--content {
        padding-top: 0
    }
}

@media (max-width: 719.98px) {
    .article-content .col-md-16.offset-md-0>.ac-info-outgrid-left-text:first-child .ac-info-outgrid-left-text__box--content {
        padding-top: 0
    }
}

.article-content p {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #32373c;
    font-weight: 400;
    margin-top: 35px
}

.article-content p:empty {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    height: 30px;
    width: 100%
}

@media (max-width: 719.98px) {
    .article-content p:empty {
        height: 20px
    }
}

.article-content figure {
    margin-bottom: 0
}

.article-content figure:empty {
    display: none
}

.article-content a,
.article-content u,
.article-content i,
.article-content strong,
.article-content em {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.article-content strong,
.article-content b {
    font-weight: 700
}

.article-content table {
    width: 100%;
    margin-top: 25px
}

.article-content td,
.article-content th {
    border: 2px solid #e8e3da;
    text-align: left;
    padding: 8px
}

.article-content th {
    background-color: #09f;
    color: #fff;
    font-weight: 700
}

.article-content td {
    color: #32373c;
    padding: 10px 20px
}

.article-content td:empty {
    display: none
}

.article-content a {
    color: #32373c;
    text-decoration: underline;
    font-weight: 400
}

.article-content a:hover {
    color: #09f
}

.article-content a:empty {
    display: none
}

.article-content a:hover {
    color: #09f
}

.article-content h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #32373c
}

@media (max-width: 1239.98px) {
    .article-content h1 {
        font-size: 35px
    }
}

@media (max-width: 719.98px) {
    .article-content h1 {
        font-size: 25px
    }
}

@media (max-width: 1239.98px) {
    .article-content h1 {
        line-height: 35px
    }
}

@media (max-width: 719.98px) {
    .article-content h1 {
        line-height: 25px
    }
}

.article-content h1:empty {
    display: none
}

.article-content h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #32373c;
    margin-top: 70px
}

@media (max-width: 1239.98px) {
    .article-content h2 {
        font-size: 35px
    }
}

@media (max-width: 719.98px) {
    .article-content h2 {
        font-size: 25px
    }
}

@media (max-width: 1239.98px) {
    .article-content h2 {
        line-height: 35px
    }
}

@media (max-width: 719.98px) {
    .article-content h2 {
        line-height: 25px
    }
}

@media (max-width: 719.98px) {
    .article-content h2 {
        margin-top: 40px
    }
}

.article-content h2:empty {
    display: none
}

.article-content h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #32373c;
    margin-top: 50px
}

@media (max-width: 1239.98px) {
    .article-content h3 {
        font-size: 32px
    }
}

@media (max-width: 719.98px) {
    .article-content h3 {
        font-size: 23px
    }
}

@media (max-width: 1239.98px) {
    .article-content h3 {
        line-height: 42px
    }
}

@media (max-width: 719.98px) {
    .article-content h3 {
        line-height: 33px
    }
}

@media (max-width: 719.98px) {
    .article-content h3 {
        margin-top: 30px
    }
}

.article-content h3:empty {
    display: none
}

.article-content h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #32373c;
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .article-content h4 {
        font-size: 28px
    }
}

@media (max-width: 719.98px) {
    .article-content h4 {
        font-size: 22px
    }
}

@media (max-width: 1239.98px) {
    .article-content h4 {
        line-height: 38px
    }
}

@media (max-width: 719.98px) {
    .article-content h4 {
        line-height: 32px
    }
}

@media (max-width: 719.98px) {
    .article-content h4 {
        margin-top: 20px
    }
}

.article-content h4:empty {
    display: none
}

.article-content h5 {
    font-size: 25px;
    line-height: 35px;
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .article-content h5 {
        font-size: 20px
    }
}

@media (max-width: 719.98px) {
    .article-content h5 {
        font-size: 20px
    }
}

@media (max-width: 1239.98px) {
    .article-content h5 {
        line-height: 30px
    }
}

@media (max-width: 719.98px) {
    .article-content h5 {
        line-height: 30px
    }
}

@media (max-width: 719.98px) {
    .article-content h5 {
        margin-top: 20px
    }
}

.article-content h5:empty {
    display: none
}

.article-content .embed-responsive {
    margin-top: 25px
}

.article-content iframe {
    width: 100%;
    height: 100%
}

.article-content ol {
    color: #32373c;
    margin-top: 30px;
    padding-left: 15px
}

.article-content ol li {
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    margin-top: 8px
}

.article-content ul {
    padding-left: 18px;
    list-style-type: disc;
    color: #32373c;
    padding-left: 0;
    list-style-type: none;
    border-radius: 10px;
    margin-top: 30px
}

.article-content ul li {
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    margin-top: 8px
}

.article-content ul li:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background: #CD0F2D;
    border-radius: 10px;
    top: 10px;
    margin: auto;
    left: 0
}

.article-content ul li:first-child {
    margin-top: 0
}

.article-content hr {
    border-color: #32373c;
    margin-top: 100px;
    border-width: 2px
}

@media (max-width: 1239.98px) {
    .article-content hr {
        margin-top: 70px
    }
}

.article-content img {
    max-width: 100%;
    position: relative;
    left: 0%;
    transform: translateX(0%);
    display: block;
    margin-top: 60px;
    margin-left: 0;
    height: auto;
    border-radius: 5px
}

@media (max-width: 719.98px) {
    .article-content img {
        margin-top: 40px
    }
}

.article-content .short-message {
    margin-top: 0
}

.article-content .short-message__perex * {
    font-weight: 500
}

.article-content .ac-info-outgrid-left-text {
    width: 100vw;
    max-width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-text {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-text {
        margin-top: 60px
    }
}

@media (min-width: 720px) {

    .article-content .ac-info-outgrid-left-text+.ac-info-outgrid-left-image,
    .article-content .ac-info-outgrid-left-text+.ac-info-outgrid-left-text {
        margin-top: 0
    }
}

.article-content .ac-info-outgrid-left-text__boxes {
    display: flex;
    flex-wrap: wrap
}

.article-content .ac-info-outgrid-left-text__box {
    flex: 1 0 50%;
    max-width: 50%
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-text__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-info-outgrid-left-text__box--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-text__box--content {
        padding: 50px 30px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-text__box--content {
        padding: 30px 15px;
        margin-top: 0
    }
}

.article-content .ac-info-outgrid-left-text__box--content p {
    margin-top: 10px
}

.article-content .ac-info-outgrid-left-text__box--image figure {
    height: 100%
}

.article-content .ac-info-outgrid-left-text__box--image img {
    height: 675px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 0;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-text__box--image img {
        height: 100%
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-text__box--image img {
        border-radius: 0px
    }
}

.article-content .ac-info-outgrid-left-text__title * {
    margin-top: 0
}

@media (min-width: 720px) {
    .article-content .ac-info-outgrid-left-text+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--image img {
        border-top-right-radius: 0px
    }
}

@media (min-width: 720px) {
    .article-content .ac-info-outgrid-left-text:has(+.ac-info-outgrid-left-image) .ac-info-outgrid-left-text__box--image img {
        border-bottom-left-radius: 0px
    }
}

.article-content .ac-info-outgrid-left-image {
    width: 100vw;
    max-width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-image {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-image {
        margin-top: 60px
    }
}

@media (min-width: 720px) {

    .article-content .ac-info-outgrid-left-image+.ac-info-outgrid-left-image,
    .article-content .ac-info-outgrid-left-image+.ac-info-outgrid-left-text {
        margin-top: 0
    }
}

.article-content .ac-info-outgrid-left-image__boxes {
    display: flex;
    flex-wrap: wrap
}

.article-content .ac-info-outgrid-left-image__box {
    flex: 1 0 50%;
    max-width: 50%
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-image__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-info-outgrid-left-image__box--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-image__box--content {
        padding: 50px 30px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-image__box--content {
        margin-top: 0
    }
}

.article-content .ac-info-outgrid-left-image__box--content p {
    margin-top: 10px
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-image__box--image {
        order: 2
    }
}

.article-content .ac-info-outgrid-left-image__box--image figure {
    height: 100%
}

.article-content .ac-info-outgrid-left-image__box--image img {
    height: 675px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 0;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .article-content .ac-info-outgrid-left-image__box--image img {
        height: 100%
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-info-outgrid-left-image__box--image img {
        border-radius: 0px
    }
}

.article-content .ac-info-outgrid-left-image__title * {
    margin-top: 0
}

@media (min-width: 720px) {
    .article-content .ac-info-outgrid-left-image+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--image img {
        border-top-left-radius: 0px
    }
}

@media (min-width: 720px) {
    .article-content .ac-info-outgrid-left-image:has(+.ac-info-outgrid-left-text) .ac-info-outgrid-left-image__box--image img {
        border-bottom-right-radius: 0px
    }
}

.article-content .ac-text-with-bg {
    margin-top: 100px;
    position: relative;
    z-index: 1;
    padding: 95px 0
}

@media (max-width: 719.98px) {
    .article-content .ac-text-with-bg {
        margin-top: 40px
    }
}

.article-content .ac-text-with-bg * {
    color: #F9F9FA
}

.article-content .ac-text-with-bg:after {
    content: "";
    position: absolute;
    width: 200vw;
    left: -100vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #32373c;
    height: 100%;
    z-index: -1
}

.article-content .ac-text-with-bg:empty:before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-text-with-bg__title * {
    margin-top: 0;
    color: #F9F9FA;
    font-size: 30px
}

.article-content .ac-box-bg-title-text {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .article-content .ac-box-bg-title-text {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-box-bg-title-text {
        margin-top: 30px
    }
}

.article-content .ac-box-bg-title-text__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media (max-width: 719.98px) {
    .article-content .ac-box-bg-title-text__boxes {
        margin: 0
    }
}

.article-content .ac-box-bg-title-text__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 20px;
    margin-top: 20px
}

@media (max-width: 719.98px) {
    .article-content .ac-box-bg-title-text__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.article-content .ac-box-bg-title-text__wrap {
    background-color: #F9F9FA;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    box-shadow: 10px 10px 20px 0px rgba(53, 57, 60, 0.05)
}

@media (max-width: 719.98px) {
    .article-content .ac-box-bg-title-text__wrap {
        padding: 20px
    }
}

.article-content .ac-box-bg-title-text__box-title * {
    color: #32373c;
    margin-top: 0
}

.article-content .ac-box-bg-title-text__box-content {
    margin-top: 20px
}

.article-content .ac-box-bg-title-text__box-content p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0
}

.article-content .ac-short-perex {
    text-align: center;
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .article-content .ac-short-perex {
        margin-top: 70px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-short-perex {
        margin-top: 50px
    }
}

.article-content .ac-short-perex__text p {
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    color: #32373c;
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .article-content .ac-short-perex__text p {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-short-perex__text p {
        font-size: 20px;
        line-height: 30px
    }
}

.article-content .ac-short-perex__button {
    margin-top: 40px
}

@media (max-width: 1239.98px) {
    .article-content .ac-short-perex__button {
        margin-top: 20px
    }
}

.article-content .ac-title-text-with-image {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .article-content .ac-title-text-with-image {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-title-text-with-image {
        margin-top: 30px
    }
}

.article-content .ac-title-text-with-image__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-title-text-with-image__box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-title-text-with-image__box {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-title-text-with-image__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-title-text-with-image__wrap {
    box-shadow: 10px 10px 20px 0px rgba(53, 57, 60, 0.05)
}

.article-content .ac-title-text-with-image__image {
    height: 210px
}

@media (max-width: 1239.98px) {
    .article-content .ac-title-text-with-image__image {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.article-content .ac-title-text-with-image__image figure {
    height: 100%
}

.article-content .ac-title-text-with-image__image figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0
}

.article-content .ac-title-text-with-image__content {
    padding: 20px
}

.article-content .ac-title-text-with-image__content p {
    margin-top: 0
}

.article-content .ac-title-text-with-image__title * {
    margin-top: 0
}

.article-content .ac-title-text-with-image__text {
    margin-top: 10px
}

.article-content .ac-services {
    width: 1690px;
    position: relative;
    left: -245px;
    margin-top: 130px
}

@media only screen and (max-width: 1750px) {
    .article-content .ac-services {
        width: 100%;
        left: 0
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-services {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-services {
        margin-top: 30px
    }
}

.article-content .ac-services__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-services__box {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-services__box {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-services__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.article-content .ac-services__image {
    position: relative;
    height: 300px
}

@media (max-width: 1239.98px) {
    .article-content .ac-services__image {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.article-content .ac-services__image figure {
    height: 100%
}

.article-content .ac-services__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 0
}

.article-content .ac-services__text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    z-index: 1
}

.article-content .ac-services__text:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(145deg, #000 0%, rgba(1, 1, 1, 0) 100%)
}

.article-content .ac-services__text p {
    color: #F9F9FA;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800;
    margin-top: 0
}

.article-content .ac-two-column-photos {
    margin-top: 60px;
    position: relative
}

@media (max-width: 719.98px) {
    .article-content .ac-two-column-photos {
        margin-top: 40px
    }
}

.article-content .ac-two-column-photos:has(.ac-two-column-photos__boxes span:empty):before,
.article-content .ac-two-column-photos:has(>span:first-child:empty):before,
.article-content .ac-two-column-photos:empty:before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-two-column-photos img {
    height: 536px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    transition: 0.6s transform;
    margin-left: 0;
    max-width: 100% !important
}

@media (min-width: 1240px) {
    .article-content .ac-two-column-photos img {
        max-width: 100%
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-two-column-photos img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.article-content .ac-two-column-photos h1,
.article-content .ac-two-column-photos h2,
.article-content .ac-two-column-photos h3,
.article-content .ac-two-column-photos h4,
.article-content .ac-two-column-photos h5,
.article-content .ac-two-column-photos h6,
.article-content .ac-two-column-photos ul,
.article-content .ac-two-column-photos table,
.article-content .ac-two-column-photos strong,
.article-content .ac-two-column-photos img,
.article-content .ac-two-column-photos iframe,
.article-content .ac-two-column-photos ol,
.article-content .ac-two-column-photos p {
    margin-top: 0
}

.article-content .ac-two-column-photos__boxes {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -10px
}

@media (max-width: 719.98px) {
    .article-content .ac-two-column-photos__boxes {
        margin: 0
    }
}

.article-content .ac-two-column-photos__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 719.98px) {
    .article-content .ac-two-column-photos__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.article-content .ac-two-column-photos__box a {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.article-content .ac-two-column-photos__box a:hover img {
    transform: scale(1.1)
}

.article-content .ac-two-column-photos__box figcaption {
    font-size: 14px;
    font-style: italic;
    color: #4c5455;
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: left;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0;
    width: 100%
}

.article-content .ac-text-left-image-right {
    margin-top: 60px;
    position: relative
}

@media (max-width: 719.98px) {
    .article-content .ac-text-left-image-right {
        margin-top: 40px;
        padding: 0
    }
}

.article-content .ac-text-left-image-right:empty:before,
.article-content .ac-text-left-image-right:has(.ac-text-left-image-right__box span:empty):before,
.article-content .ac-text-left-image-right:has(.ac-text-left-image-right__content>*:first-child:empty):before,
.article-content .ac-text-left-image-right:has(.ac-text-left-image-right__boxes>span:empty):before,
.article-content .ac-text-left-image-right:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-text-left-image-right:has(.ac-text-left-image-right__content>*:first-child:empty+*:not(:empty)):before {
    display: none
}

.article-content .ac-text-left-image-right p:empty,
.article-content .ac-text-left-image-right h1:empty,
.article-content .ac-text-left-image-right h2:empty,
.article-content .ac-text-left-image-right h3:empty,
.article-content .ac-text-left-image-right h4:empty,
.article-content .ac-text-left-image-right h5:empty,
.article-content .ac-text-left-image-right ul:empty {
    display: block;
    min-width: 30px
}

.article-content .ac-text-left-image-right__button {
    margin-top: 40px
}

.article-content .ac-text-left-image-right__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-text-left-image-right__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 1239.98px) {
    .article-content .ac-text-left-image-right__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-text-left-image-right__box img {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .article-content .ac-text-left-image-right__box img {
        aspect-ratio: 4 / 3;
        min-height: auto
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-text-left-image-right__box--image {
        margin-top: 30px
    }
}

@media (min-width: 1240px) {
    .article-content .ac-text-left-image-right__box--text {
        padding: 0 6.25%
    }
}

.article-content .ac-text-left-image-right__content {
    padding: 0 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-text-left-image-right__content {
        padding: 0
    }
}

.article-content .ac-text-left-image-right h1,
.article-content .ac-text-left-image-right h2,
.article-content .ac-text-left-image-right h3,
.article-content .ac-text-left-image-right h4,
.article-content .ac-text-left-image-right h5,
.article-content .ac-text-left-image-right ul {
    margin-top: 0 !important
}

.article-content .ac-text-left-image-right h1,
.article-content .ac-text-left-image-right h2,
.article-content .ac-text-left-image-right h3,
.article-content .ac-text-left-image-right h4,
.article-content .ac-text-left-image-right h5,
.article-content .ac-text-left-image-right h6,
.article-content .ac-text-left-image-right ul,
.article-content .ac-text-left-image-right table,
.article-content .ac-text-left-image-right strong,
.article-content .ac-text-left-image-right img,
.article-content .ac-text-left-image-right iframe,
.article-content .ac-text-left-image-right ol {
    margin-top: 0
}

.article-content .ac-text-left-image-right figure {
    margin-bottom: 0
}

.article-content .ac-image-left-text-right {
    margin-top: 60px;
    position: relative
}

@media (max-width: 719.98px) {
    .article-content .ac-image-left-text-right {
        margin-top: 40px;
        padding: 0
    }
}

.article-content .ac-image-left-text-right:empty:before,
.article-content .ac-image-left-text-right:has(.ac-image-left-text-right__box span:empty):before,
.article-content .ac-image-left-text-right:has(.ac-image-left-text-right__content>*:first-child:empty):before,
.article-content .ac-image-left-text-right:has(.ac-image-left-text-right__boxes>span:empty):before,
.article-content .ac-image-left-text-right:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-image-left-text-right:has(.ac-image-left-text-right__content>*:first-child:empty+*:not(:empty)):before {
    display: none
}

.article-content .ac-image-left-text-right p:empty,
.article-content .ac-image-left-text-right h1:empty,
.article-content .ac-image-left-text-right h2:empty,
.article-content .ac-image-left-text-right h3:empty,
.article-content .ac-image-left-text-right h4:empty,
.article-content .ac-image-left-text-right h5:empty,
.article-content .ac-image-left-text-right ul:empty {
    display: block;
    min-width: 30px
}

.article-content .ac-image-left-text-right__button {
    margin-top: 40px
}

.article-content .ac-image-left-text-right__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-image-left-text-right__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 1239.98px) {
    .article-content .ac-image-left-text-right__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-image-left-text-right__box img {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .article-content .ac-image-left-text-right__box img {
        aspect-ratio: 4 / 3;
        min-height: auto
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-image-left-text-right__box--image {
        order: 2;
        margin-top: 30px
    }
}

@media (min-width: 1240px) {
    .article-content .ac-image-left-text-right__box--text {
        padding: 0 6.25%
    }
}

.article-content .ac-image-left-text-right__content {
    padding: 0 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-image-left-text-right__content {
        padding: 0
    }
}

.article-content .ac-image-left-text-right h1,
.article-content .ac-image-left-text-right h2,
.article-content .ac-image-left-text-right h3,
.article-content .ac-image-left-text-right h4,
.article-content .ac-image-left-text-right h5,
.article-content .ac-image-left-text-right ul {
    margin-top: 0 !important
}

.article-content .ac-image-left-text-right h1,
.article-content .ac-image-left-text-right h2,
.article-content .ac-image-left-text-right h3,
.article-content .ac-image-left-text-right h4,
.article-content .ac-image-left-text-right h5,
.article-content .ac-image-left-text-right h6,
.article-content .ac-image-left-text-right ul,
.article-content .ac-image-left-text-right table,
.article-content .ac-image-left-text-right strong,
.article-content .ac-image-left-text-right img,
.article-content .ac-image-left-text-right iframe,
.article-content .ac-image-left-text-right ol {
    margin-top: 0
}

.article-content .ac-image-left-text-right figure {
    margin-bottom: 0
}

.article-content .ac-quotation {
    position: relative;
    text-align: center;
    padding: 0 35px;
    z-index: 1;
    margin-top: 60px
}

@media (max-width: 719.98px) {
    .article-content .ac-quotation {
        margin-top: 40px;
        padding: 0
    }
}

.article-content .ac-quotation:has(>*:first-child:empty):after {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-quotation h1,
.article-content .ac-quotation h2,
.article-content .ac-quotation h3,
.article-content .ac-quotation h4,
.article-content .ac-quotation h5,
.article-content .ac-quotation h6,
.article-content .ac-quotation ul,
.article-content .ac-quotation table,
.article-content .ac-quotation strong,
.article-content .ac-quotation img,
.article-content .ac-quotation iframe,
.article-content .ac-quotation ol,
.article-content .ac-quotation p {
    margin-top: 0
}

.article-content .ac-quotation:before {
    content: "";
    background-image: url("https://advantage-cars.cz/images/svg/quotation.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 68px;
    width: 91px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1
}

.article-content .ac-quotation * {
    font-size: 25px;
    font-style: italic;
    line-height: 40px
}

@media (max-width: 719.98px) {
    .article-content .ac-quotation * {
        font-size: 20px;
        line-height: 30px
    }
}

.article-content .ac-quotation+* {
    margin-top: 110px
}

@media (max-width: 1239.98px) {
    .article-content .ac-quotation+* {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-quotation+* {
        margin-top: 60px
    }
}

.article-content .ac-cta {
    margin-top: 105px;
    position: relative
}

@media (max-width: 719.98px) {
    .article-content .ac-cta {
        margin-top: 40px
    }
}

.article-content .ac-cta:has(.ac-cta__box h1:empty):before,
.article-content .ac-cta:has(.ac-cta__box h2:empty):before,
.article-content .ac-cta:has(.ac-cta__box h3:empty):before,
.article-content .ac-cta:has(.ac-cta__box h4:empty):before,
.article-content .ac-cta:has(.ac-cta__box h5:empty):before,
.article-content .ac-cta:has(.ac-cta__box h6:empty):before,
.article-content .ac-cta:has(.ac-cta__box p:empty):before,
.article-content .ac-cta:has(.ac-cta__box ul:empty):before,
.article-content .ac-cta:has(.ac-cta__box a:empty):before,
.article-content .ac-cta:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-cta h1,
.article-content .ac-cta h2,
.article-content .ac-cta h3,
.article-content .ac-cta h4,
.article-content .ac-cta h5,
.article-content .ac-cta h6,
.article-content .ac-cta ul,
.article-content .ac-cta table,
.article-content .ac-cta strong,
.article-content .ac-cta img,
.article-content .ac-cta iframe,
.article-content .ac-cta ol,
.article-content .ac-cta p {
    margin-top: 0
}

.article-content .ac-cta__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-cta__box {
    flex: 1 0 270px;
    max-width: 270px;
    padding: 0 10px;
    display: flex;
    align-items: center
}

@media (max-width: 719.98px) {
    .article-content .ac-cta__box {
        flex: 1 0 100%;
        max-width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center
    }
}

.article-content .ac-cta__box:last-child {
    margin-left: auto;
    justify-content: flex-end
}

@media (max-width: 719.98px) {
    .article-content .ac-cta__box:last-child {
        justify-content: center;
        margin-top: 30px
    }
}

.article-content .ac-cta__box--content {
    flex: 1 0 calc(100% - 270px);
    max-width: calc(100% - 270px)
}

@media (max-width: 719.98px) {
    .article-content .ac-cta__box--content {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-cta__box p,
.article-content .ac-cta__box h1,
.article-content .ac-cta__box h2,
.article-content .ac-cta__box h3,
.article-content .ac-cta__box h4,
.article-content .ac-cta__box h5,
.article-content .ac-cta__box ul {
    margin-top: 0 !important
}

.article-content .ac-cta__box p:empty,
.article-content .ac-cta__box h1:empty,
.article-content .ac-cta__box h2:empty,
.article-content .ac-cta__box h3:empty,
.article-content .ac-cta__box h4:empty,
.article-content .ac-cta__box h5:empty,
.article-content .ac-cta__box ul:empty {
    display: block;
    min-width: 30px
}

.article-content .ac-cta__box a.btn-style1:empty {
    display: block
}

.article-content .ac-cta__wrap {
    border: 1px solid #32373c;
    border-radius: 5px;
    padding: 75px 40px;
    margin-top: 89px
}

@media (max-width: 719.98px) {
    .article-content .ac-cta__wrap {
        padding: 40px 30px;
        margin-top: 40px
    }
}

.article-content .ac-client-review {
    position: relative;
    padding: 100px 0;
    margin-top: 50px;
    color: #32373c
}

@media (max-width: 719.98px) {
    .article-content .ac-client-review {
        padding: 50px 0;
        margin-top: 25px
    }
}

.article-content .ac-client-review+* {
    margin-top: 80px
}

@media (max-width: 1239.98px) {
    .article-content .ac-client-review+* {
        margin-top: 60px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-client-review+* {
        margin-top: 40px
    }
}

.article-content .ac-client-review:has(.col-sm-12>.ac-client-review__reference-client:first-child:empty):before,
.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty):before,
.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p:empty+p:empty):before,
.article-content .ac-client-review:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p+p:empty):before,
.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p:not(:empty)):before,
.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p:not(:empty)+p:not(:empty)):before,
.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p:empty+p:not(:empty)):before {
    display: none !important
}

.article-content .ac-client-review:has(.col-sm-12>.section-title:first-child:empty+p:not(:empty)):before {
    display: none !important
}

.article-content .ac-client-review p {
    color: #32373c
}

.article-content .ac-client-review i {
    color: #32373c
}

.article-content .ac-client-review p:empty,
.article-content .ac-client-review h1:empty,
.article-content .ac-client-review h2:empty,
.article-content .ac-client-review h3:empty,
.article-content .ac-client-review h4:empty,
.article-content .ac-client-review h5:empty,
.article-content .ac-client-review ul:empty {
    display: block;
    min-width: 30px
}

.article-content .ac-client-review:before {
    content: "";
    left: -2500px;
    top: 0;
    background-color: #fafafd;
    position: absolute;
    width: 5000px;
    height: 100%
}

.article-content .ac-client-review .section-title {
    position: relative;
    padding-bottom: 30px;
    color: #32373c;
    margin-top: 0
}

.article-content .ac-client-review .section-title:after {
    content: "";
    right: 0;
    margin: auto;
    background-color: #a5a9aa;
    height: 2px;
    width: 50px;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-content .ac-client-review__reference-client {
    margin-top: 50px;
    margin-bottom: 0
}

.article-content .ac-button {
    position: relative
}

.article-content .ac-button:empty:before,
.article-content .ac-button:has(>p:first-child:empty):before,
.article-content .ac-button:has(a:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-button a:empty {
    display: block;
    min-width: 70px
}

.article-content .ac-statistic-full {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-size: cover
}

.article-content .ac-statistic-full:has(.ac-statistic-full__boxes span:empty):before,
.article-content .ac-statistic-full:has(.ac-statistic-full__wrap span:empty):before,
.article-content .ac-statistic-full:has(.ac-statistic-full__number:empty):before,
.article-content .ac-statistic-full:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-statistic-full:has(.ac-statistic-full__box:has(p:not(:empty))+.ac-statistic-full__box p:empty):before {
    display: none !important
}

.article-content .ac-statistic-full__wrap {
    position: relative;
    margin-top: 50px;
    padding: 0 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-statistic-full__wrap {
        padding: 0 15px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-statistic-full__wrap {
        margin-top: 25px
    }
}

.article-content .ac-statistic-full__wrap+p {
    margin-top: 50px
}

@media (max-width: 719.98px) {
    .article-content .ac-statistic-full__wrap+p {
        margin-top: 25px
    }
}

.article-content .ac-statistic-full__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 85px 0;
    justify-content: space-between;
    margin: auto
}

@media (max-width: 719.98px) {
    .article-content .ac-statistic-full__boxes {
        padding: 50px 0
    }
}

.article-content .ac-statistic-full__box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 5px 15px;
    padding-top: 12px;
    position: relative;
    border-left: 2px solid #c8c8c8
}

@media only screen and (max-width: 1000px) {
    .article-content .ac-statistic-full__box {
        flex: 1 0 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .article-content .ac-statistic-full__box:first-child {
        margin-top: 0
    }
}

.article-content .ac-statistic-full__box h1,
.article-content .ac-statistic-full__box h2,
.article-content .ac-statistic-full__box h3,
.article-content .ac-statistic-full__box h4,
.article-content .ac-statistic-full__box h5,
.article-content .ac-statistic-full__box p,
.article-content .ac-statistic-full__box li,
.article-content .ac-statistic-full__box a,
.article-content .ac-statistic-full__box span,
.article-content .ac-statistic-full__box strong {
    color: #fff
}

.article-content .ac-statistic-full__box p:empty,
.article-content .ac-statistic-full__box h1:empty,
.article-content .ac-statistic-full__box h2:empty,
.article-content .ac-statistic-full__box h3:empty,
.article-content .ac-statistic-full__box h4:empty,
.article-content .ac-statistic-full__box h5:empty,
.article-content .ac-statistic-full__box ul:empty {
    display: block;
    min-width: 30px
}

.article-content .ac-statistic-full__number {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
    white-space: nowrap;
    margin-top: 0
}

@media (max-width: 719.98px) {
    .article-content .ac-statistic-full__number {
        font-size: 30px
    }
}

.article-content .ac-statistic-full__description {
    margin-bottom: 0;
    margin-top: 10px
}

.article-content .ac-one-column-photos {
    margin-top: 60px;
    position: relative
}

@media (max-width: 1239.98px) {
    .article-content .ac-one-column-photos {
        padding: 0 10px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-one-column-photos {
        margin-top: 40px;
        padding: 0
    }
}

.article-content .ac-one-column-photos:has(.ac-one-column-photos__boxes span:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-one-column-photos h1,
.article-content .ac-one-column-photos h2,
.article-content .ac-one-column-photos h3,
.article-content .ac-one-column-photos h4,
.article-content .ac-one-column-photos h5,
.article-content .ac-one-column-photos h6,
.article-content .ac-one-column-photos ul,
.article-content .ac-one-column-photos table,
.article-content .ac-one-column-photos strong,
.article-content .ac-one-column-photos img,
.article-content .ac-one-column-photos iframe,
.article-content .ac-one-column-photos ol,
.article-content .ac-one-column-photos p {
    margin-top: 0
}

.article-content .ac-one-column-photos__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (max-width: 719.98px) {
    .article-content .ac-one-column-photos__boxes {
        margin: 0
    }
}

.article-content .ac-one-column-photos__boxes figure {
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .article-content .ac-one-column-photos__boxes figure {
        padding: 0
    }
}

.article-content .ac-one-column-photos__boxes figure img {
    border-radius: 5px
}

.article-content .ac-one-column-photos__box {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 10px
}

@media (max-width: 719.98px) {
    .article-content .ac-one-column-photos__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.article-content .ac-one-column-photos__box img {
    height: 600px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    transition: 0.6s transform;
    margin-left: 0
}

@media (min-width: 1240px) {
    .article-content .ac-one-column-photos__box img {
        max-width: 100%
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-one-column-photos__box img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.article-content .ac-one-column-photos__box a {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.article-content .ac-one-column-photos__box a:hover img {
    transform: scale(1.1)
}

.article-content .ac-one-column-photos__box figcaption {
    font-size: 14px;
    font-style: italic;
    color: #4c5455;
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: left;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0;
    width: 100%
}

.article-content .ac-one-column-photos--custom .ac-two-column-photos__box img {
    -o-object-fit: contain;
    object-fit: contain
}

.article-content .ac-one-column-photos+.ac-two-column-photos {
    margin-top: 20px
}

@media (max-width: 719.98px) {
    .article-content .ac-one-column-photos+.ac-two-column-photos {
        margin-top: 0
    }
}

.article-content .ac-img-short-left-text-right-boxes {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .article-content .ac-img-short-left-text-right-boxes {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-img-short-left-text-right-boxes {
        margin-top: 70px
    }
}

.article-content .ac-img-short-left-text-right-boxes__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-img-short-left-text-right-boxes__box {
    padding: 0 10px
}

.article-content .ac-img-short-left-text-right-boxes__box--img {
    flex: 1 0 37.5%;
    max-width: 37.5%
}

@media only screen and (max-width: 1000px) {
    .article-content .ac-img-short-left-text-right-boxes__box--img {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-img-short-left-text-right-boxes__box--img img {
    margin-top: 0;
    height: 575px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1000px) {
    .article-content .ac-img-short-left-text-right-boxes__box--img img {
        aspect-ratio: 4 / 3;
        height: auto
    }
}

.article-content .ac-img-short-left-text-right-boxes__box--content {
    flex: 1 0 62.5%;
    max-width: 62.5%;
    padding: 0 70px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width: 1000px) {
    .article-content .ac-img-short-left-text-right-boxes__box--content {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 40px
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-img-short-left-text-right-boxes__box--content {
        padding: 0 30px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-img-short-left-text-right-boxes__box--content {
        padding: 0 10px
    }
}

.article-content .ac-img-short-left-text-right-boxes__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 80px
}

@media (max-width: 1239.98px) {
    .article-content .ac-img-short-left-text-right-boxes__content {
        gap: 20px 30px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-img-short-left-text-right-boxes__content {
        grid-template-columns: 1fr
    }
}

.article-content .ac-img-short-left-text-right-boxes__title * {
    margin-top: 0
}

.article-content .ac-img-short-left-text-right-boxes__text p {
    margin-top: 12px
}

.article-content .ac-cta1 {
    background-color: #32373c;
    padding: 120px 0;
    margin-top: 140px;
    position: relative;
    text-align: left
}

.article-content .ac-cta1:before {
    content: "";
    background-color: #32373c;
    width: 200vw;
    height: 100%;
    position: absolute;
    left: -100vw;
    top: 0
}

@media (max-width: 1239.98px) {
    .article-content .ac-cta1 {
        margin-top: 70px;
        padding: 80px 0
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-cta1 {
        margin-top: 40px;
        padding: 40px 0
    }
}

.article-content .ac-cta1__decoration-right {
    position: absolute;
    right: -20vw;
    bottom: -50px
}

@media only screen and (max-width: 1800px) {
    .article-content .ac-cta1__decoration-right {
        right: -10vw
    }
}

@media only screen and (max-width: 1600px) {
    .article-content .ac-cta1__decoration-right {
        display: none
    }
}

.article-content .ac-cta1__decoration-right img {
    height: 330px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 1900px) {
    .article-content .ac-cta1__decoration-right img {
        height: 200px
    }
}

.article-content .ac-cta1__decoration-left {
    position: absolute;
    left: -20vw;
    top: -90px
}

@media only screen and (max-width: 1800px) {
    .article-content .ac-cta1__decoration-left {
        left: -10vw
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-cta1__decoration-left {
        display: none
    }
}

.article-content .ac-cta1__decoration-left img {
    height: 230px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 1900px) {
    .article-content .ac-cta1__decoration-left img {
        height: 130px
    }
}

.article-content .ac-cta1__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    align-items: center
}

@media (max-width: 719.98px) {
    .article-content .ac-cta1__boxes {
        text-align: center
    }
}

.article-content .ac-cta1__box {
    flex: 1 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding: 0 20px
}

@media (max-width: 719.98px) {
    .article-content .ac-cta1__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-cta1__box--button {
    flex: 1 0 250px;
    max-width: 250px
}

@media (max-width: 719.98px) {
    .article-content .ac-cta1__box--button {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px
    }
}

.article-content .ac-cta1__box--button img {
    height: 10px;
    margin-top: 0;
    position: absolute;
    left: inherit;
    margin: auto;
    transform: translateX(-10px)
}

.article-content .ac-cta1__box--button a {
    line-height: 30px;
    font-weight: 700
}

@media (min-width: 1240px) {
    .article-content .ac-cta1__box--button a:hover img {
        transform: translateX(0px)
    }
}

.article-content .ac-cta1__box--text {
    position: relative;
    color: #F9F9FA
}

.article-content .ac-cta1__box--text * {
    margin-top: 0 !important;
    color: #F9F9FA
}

.article-content .ac-price-list1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    align-items: center;
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .article-content .ac-price-list1 {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-price-list1 {
        margin-top: 20px
    }
}

@media (min-width: 1240px) {
    .article-content .ac-price-list1--reverse .ac-price-list1__box--content {
        order: -1
    }
}

.article-content .ac-price-list1__box {
    flex: 1 0 50%;
    max-width: 50%
}

@media (max-width: 1239.98px) {
    .article-content .ac-price-list1__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-price-list1__box--content {
    padding: 0 50px
}

@media (max-width: 1239.98px) {
    .article-content .ac-price-list1__box--content {
        order: 2;
        margin-top: 40px
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-price-list1__box--content {
        padding: 0;
        margin-top: 20px
    }
}

.article-content .ac-price-list1__box--content h1,
.article-content .ac-price-list1__box--content h2,
.article-content .ac-price-list1__box--content h3,
.article-content .ac-price-list1__box--content h4,
.article-content .ac-price-list1__box--content h5 {
    margin-top: 0
}

.article-content .ac-price-list1__box--image img {
    border-radius: 5px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 0 !important
}

.article-content .ac-price-list1__list {
    margin-top: 32px
}

@media (max-width: 719.98px) {
    .article-content .ac-price-list1__list {
        margin-top: 15px
    }
}

.article-content .ac-price-list1__list li {
    list-style-type: none;
    position: relative;
    padding-left: 15px
}

.article-content .ac-price-list1__list li:before {
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 4px;
    background-color: #32373c;
    position: absolute;
    left: 0;
    top: 10px
}

.article-content .ac-price-list1__price {
    margin-top: 32px
}

.article-content .ac-price-list1__price p {
    font-size: 30px;
    font-weight: 700
}

@media (max-width: 719.98px) {
    .article-content .ac-price-list1__price p {
        font-size: 20px
    }
}

.article-content .ac-gallery {
    margin-top: 50px;
    position: relative
}

.article-content .ac-gallery:has(.ac-gallery__boxes span:empty):before,
.article-content .ac-gallery:has(>span:first-child:empty):before {
    content: "Neuplně smazaný blok! Klikněte sem pro jeho úplné smazání a stiskněte Delete na klávesnici.";
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    display: block;
    background-color: red;
    color: white;
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    bottom: 0;
    border-radius: 20px;
    margin: auto;
    margin-top: 0;
    font-size: 14px;
    cursor: pointer
}

.article-content .ac-gallery__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.article-content .ac-gallery__box {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-top: 20px
}

.article-content .ac-gallery__box:nth-child(-n+4) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .article-content .ac-gallery__box {
        flex: 1 0 50%;
        max-width: 50%;
        margin-top: 20px
    }

    .article-content .ac-gallery__box:nth-child(-n+4) {
        margin-top: 20px
    }

    .article-content .ac-gallery__box:nth-child(-n+2) {
        margin-top: 0
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-gallery__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .article-content .ac-gallery__box:nth-child(-n+2) {
        margin-top: 20px
    }

    .article-content .ac-gallery__box:first-child {
        margin-top: 0
    }
}

.article-content .ac-gallery__box a {
    overflow: hidden;
    display: block;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.article-content .ac-gallery__box a:hover img {
    transform: scale(1.1)
}

.article-content .ac-gallery__box a img {
    transform: scale(1);
    height: 210px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 0;
    border-radius: 5px;
    transition: 0.6s transform
}

@media (max-width: 1239.98px) {
    .article-content .ac-gallery__box a img {
        height: auto;
        aspect-ratio: 55 / 42
    }
}

.article-content .ac-quot {
    margin-top: 50px
}

.article-content .ac-quot__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: center
}

.article-content .ac-quot__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .article-content .ac-quot__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-quot__box img {
    margin-top: 0;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1239.98px) {
    .article-content .ac-quot__box img {
        height: auto;
        aspect-ratio: 29 / 20
    }
}

.article-content .ac-quot__box--text {
    padding: 0 45px
}

@media (max-width: 719.98px) {
    .article-content .ac-quot__box--text {
        padding: 0 10px
    }
}

.article-content .ac-quot__box--text p {
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .article-content .ac-quot__box--text p {
        font-size: 20px;
        line-height: 35px
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-quot__box--image {
        margin-top: 40px
    }
}

.article-content .ac-quot__button {
    margin-top: 42px
}

@media (max-width: 1239.98px) {
    .article-content .ac-quot__button {
        margin-top: 25px
    }
}

.article-content .ac-cta-with-decoration {
    background-color: #32373c;
    padding: 120px 0;
    margin-top: 140px;
    position: relative;
    width: 100dvw;
    margin-top: 50px;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 1239.98px) {
    .article-content .ac-cta-with-decoration {
        margin-top: 70px;
        padding: 80px 0
    }
}

@media (max-width: 719.98px) {
    .article-content .ac-cta-with-decoration {
        margin-top: 40px;
        padding: 40px 0
    }
}

.article-content .ac-cta-with-decoration img {
    margin-top: 0
}

.article-content .ac-cta-with-decoration__decoration-right {
    position: absolute;
    right: 65px;
    bottom: -50px
}

@media only screen and (max-width: 1800px) {
    .article-content .ac-cta-with-decoration__decoration-right {
        right: 20px
    }
}

@media only screen and (max-width: 1600px) {
    .article-content .ac-cta-with-decoration__decoration-right {
        display: none
    }
}

.article-content .ac-cta-with-decoration__decoration-right img {
    height: 330px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 1900px) {
    .article-content .ac-cta-with-decoration__decoration-right img {
        height: 200px
    }
}

.article-content .ac-cta-with-decoration__decoration-left {
    position: absolute;
    left: 65px;
    top: -30px
}

@media only screen and (max-width: 1800px) {
    .article-content .ac-cta-with-decoration__decoration-left {
        left: 20px
    }
}

@media (max-width: 1239.98px) {
    .article-content .ac-cta-with-decoration__decoration-left {
        display: none
    }
}

.article-content .ac-cta-with-decoration__decoration-left img {
    height: 230px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 1900px) {
    .article-content .ac-cta-with-decoration__decoration-left img {
        height: 130px
    }
}

.article-content .ac-cta-with-decoration__boxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1290px;
    margin: auto;
    padding: 0 20px
}

@media (max-width: 1239.98px) {
    .article-content .ac-cta-with-decoration__boxes {
        text-align: center
    }
}

.article-content .ac-cta-with-decoration__box {
    flex: 1 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding: 0 20px
}

.article-content .ac-cta-with-decoration__box h1,
.article-content .ac-cta-with-decoration__box h2,
.article-content .ac-cta-with-decoration__box h3,
.article-content .ac-cta-with-decoration__box h4,
.article-content .ac-cta-with-decoration__box h5 {
    color: #fff;
    margin-top: 0
}

@media (max-width: 719.98px) {
    .article-content .ac-cta-with-decoration__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.article-content .ac-cta-with-decoration__box--button {
    flex: 1 0 250px;
    max-width: 250px
}

@media (max-width: 719.98px) {
    .article-content .ac-cta-with-decoration__box--button {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px
    }
}

.article-content .ac-cta-with-decoration__box--button img {
    margin-top: 0;
    position: absolute;
    height: 10px;
    transform: translateX(-10px);
    left: inherit;
    bottom: 0;
    margin: auto
}

.article-content .ac-cta-with-decoration__box--button a:hover img,
.article-content .ac-cta-with-decoration__box--button a:focus img {
    transform: translateX(0)
}

@media (min-width: 1240px) {

    .article-content--wider .ac-gallery,
    .article-content--wider .ac-image-left-text-right,
    .article-content--wider .ac-text-left-image-right,
    .article-content--wider .ac-two-column-photos,
    .article-content--wider .ac-cta,
    .article-content--wider .ac-one-column-photos,
    .article-content--wider .ac-price-list1 {
        width: calc(112.5% + 10px);
        margin-left: calc(-6.25% - 10px)
    }
}

.ac-short-perex+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-title-text-with-image+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-image-left-text-right+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-text-left-image-right+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-cta+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-cta1+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-cta-with-decoration+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-two-column-photos+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-statistic-full+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-gallery+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-one-column-photos+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-price-list1+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-quot+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-client-review+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-button+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-quotation+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-box-bg-title-text+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-img-short-left-text-right-boxes+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-services+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-info-outgrid-left-text+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-info-outgrid-left-image+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content,
.ac-text-with-bg+.ac-info-outgrid-left-text .ac-info-outgrid-left-text__box--content {
    padding-top: 0
}

.ac-short-perex+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-title-text-with-image+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-image-left-text-right+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-text-left-image-right+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-cta+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-cta1+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-cta-with-decoration+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-two-column-photos+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-statistic-full+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-gallery+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-one-column-photos+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-price-list1+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-quot+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-client-review+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-button+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-quotation+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-box-bg-title-text+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-img-short-left-text-right-boxes+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-services+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-info-outgrid-left-text+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-info-outgrid-left-image+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content,
.ac-text-with-bg+.ac-info-outgrid-left-image .ac-info-outgrid-left-image__box--content {
    padding-top: 0
}

.article-content .col-md-16>*:first-child {
    margin-top: 0 !important
}

.arx-editor-container .ac-services {
    width: 100% !important;
    left: 0 !important
}

:root {
    --cc-bg: #fff;
    --cc-text: #2d4156;
    --cc-btn-primary-bg: #2d4156;
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: #1d2e38;
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0
}

.c_darkmode {
    --cc-bg: #181b1d;
    --cc-text: #d8e5ea;
    --cc-btn-primary-bg: #a6c4dd;
    --cc-btn-primary-text: #000;
    --cc-btn-primary-hover-bg: #c2dff7;
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-toggle-bg-off: #667481;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #454c54;
    --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
    --cc-toggle-knob-icon-color: var(--cc-bg);
    --cc-block-text: #b3bfc5;
    --cc-cookie-category-block-bg: #23272a;
    --cc-cookie-category-block-bg-hover: #2b3035;
    --cc-section-border: #292d31;
    --cc-cookie-table-border: #2b3035;
    --cc-webkit-scrollbar-bg: #667481;
    --cc-webkit-scrollbar-bg-hover: #9199a0
}

.cc_div *,
.cc_div :after,
.cc_div :before {
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.2;
    font-size: 1em;
    transition: none;
    -webkit-animation: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: 0 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    visibility: unset
}

.cc_div {
    font-size: 16px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #2d4156;
    color: var(--cc-text)
}

#c-ttl,
#s-bl td:before,
#s-ttl,
.cc_div .b-tl,
.cc_div .c-bn {
    font-weight: 600
}

#cm,
#s-bl .act .b-acc,
#s-inr,
.cc_div .b-tl,
.cc_div .c-bl {
    border-radius: .35em
}

#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cc_div a,
.cc_div button,
.cc_div input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cc_div a {
    border-bottom: 1px solid
}

.cc_div a:hover {
    text-decoration: none;
    border-color: transparent
}

#cm-ov,
#cs-ov,
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr {
    transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important
}

.c--anim .c-bn {
    transition: background-color 0.25s ease !important
}

.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
    transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important
}

.c--anim #cm.bar.slide+#cm-ov,
.c--anim .bar.slide+#cs-ov {
    transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
    transform: translateX(100%);
    opacity: 1
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
    transform: translateX(-100%);
    opacity: 1
}

#cm.slide,
.cc_div .slide #s-inr {
    transform: translateY(1.6em)
}

#cm.top.slide {
    transform: translateY(-1.6em)
}

#cm.bar.slide {
    transform: translateY(100%)
}

#cm.bar.top.slide {
    transform: translateY(-100%)
}

.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible !important
}

.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
    transform: scale(1) translateY(-50%)
}

.show--settings .c--anim #s-cnt {
    visibility: visible !important
}

.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
    visibility: visible !important;
    opacity: 1 !important
}

#cm {
    font-family: inherit;
    padding: 1.1em 1.8em 1.4em 1.8em;
    position: fixed;
    z-index: 1;
    background: #fff;
    background: var(--cc-bg);
    max-width: 24.2em;
    width: 100%;
    bottom: 1.25em;
    right: 1.25em;
    box-shadow: 0 .625em 1.875em #000;
    box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95);
    line-height: initial
}

#cc_div #cm {
    display: block !important
}

#c-ttl {
    margin-bottom: .7em;
    font-size: 1.05em
}

.cloud #c-ttl {
    margin-top: -.15em
}

#c-txt {
    font-size: .9em;
    line-height: 1.5em
}

.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em
}

.cc_div .c-bn {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg);
    padding: 1em 1.7em;
    display: inline-block;
    cursor: pointer;
    font-size: .82em;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    flex: 1
}

#c-bns button+button,
#s-c-bn,
#s-cnt button+button {
    float: right;
    margin-left: 1em
}

#s-cnt #s-rall-bn {
    float: none
}

#cm .c_link:active,
#cm .c_link:hover,
#s-c-bn:active,
#s-c-bn:hover,
#s-cnt button+button:active,
#s-cnt button+button:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg)
}

#s-cnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden
}

#s-bl {
    outline: 0
}

#s-bl .title {
    margin-top: 1.4em
}

#s-bl .title:first-child {
    margin-top: 0
}

#s-bl .b-bn {
    margin-top: 0
}

#s-bl .b-acc .p {
    margin-top: 0;
    padding: 1em
}

#s-cnt .b-bn .b-tl {
    display: block;
    font-family: inherit;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 2.7em;
    background: 0 0;
    transition: background-color .25s ease
}

#s-cnt .b-bn .b-tl.exp {
    cursor: pointer
}

#s-cnt .act .b-bn .b-tl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl .b-bn {
    position: relative
}

#s-bl .c-bl {
    padding: 1em;
    margin-bottom: .5em;
    border: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    transition: background-color .25s ease
}

#s-bl .c-bl:hover {
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg)
}

#s-bl .c-bl:last-child {
    margin-bottom: .5em
}

#s-bl .c-bl:first-child {
    transition: none;
    padding: 0;
    margin-top: 0;
    border: none;
    margin-bottom: 2em
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
    background: 0 0;
    background: unset
}

#s-bl .c-bl.b-ex {
    padding: 0;
    border: none;
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
    transition: none
}

#s-bl .c-bl.b-ex+.c-bl {
    margin-top: 2em
}

#s-bl .c-bl.b-ex+.c-bl.b-ex {
    margin-top: 0
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: 1em
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: .5em
}

#s-bl .b-acc {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
    display: none
}

#s-bl .act .b-acc {
    max-height: 100%;
    display: block;
    overflow: hidden
}

#s-cnt .p {
    font-size: .9em;
    line-height: 1.5em;
    margin-top: .85em;
    color: #2d4156;
    color: var(--cc-block-text)
}

.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed
}

#c-vln {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

#cs {
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

#s-inr {
    height: 100%;
    position: relative;
    max-width: 45em;
    margin: 0 auto;
    transform: scale(0.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgba(3, 6, 9, 0.26) 0 13px 27px -5px
}

#s-bns,
#s-hdr,
#s-inr {
    background: #fff;
    background: var(--cc-bg)
}

#s-bl {
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 2.1em;
    display: block;
    width: 100%
}

#s-bns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 2.1em;
    border-top: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    height: 4.75em
}

.cc_div .cc-link {
    color: #253b48;
    color: var(--cc-btn-primary-bg);
    border-bottom: 1px solid #253b48;
    border-color: var(--cc-btn-primary-bg);
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600
}

.cc_div .cc-link:active,
.cc_div .cc-link:focus,
.cc_div .cc-link:hover {
    outline: none;
    border-color: transparent
}

#c-bns button:first-child,
#s-bns button:first-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg)
}

#c-bns.swap button:first-child {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg)
}

#c-bns.swap button:last-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg {
    background: #253b48;
    background: var(--cc-toggle-bg-on)
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover {
    background: #1d2e38;
    background: var(--cc-btn-primary-hover-bg)
}

#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg)
}

#s-hdr {
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 2.1em;
    height: 4.75em;
    vertical-align: middle;
    z-index: 2;
    border-bottom: 1px solid #f1f3f5;
    border-color: var(--cc-section-border)
}

#s-ttl {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em
}

#s-c-bn {
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative
}

#s-c-bnc {
    display: table-cell;
    vertical-align: middle
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

#c_policy__text {
    height: 31.25em;
    overflow-y: auto;
    margin-top: 1.25em
}

#c-s-in {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em
}

@media screen and (min-width: 688px) {
    #s-bl::-webkit-scrollbar {
        width: .9em;
        height: 100%;
        background: 0 0;
        border-radius: 0 .25em .25em 0
    }

    #s-bl::-webkit-scrollbar-thumb {
        border: 0.25em solid var(--cc-bg);
        background: #cfd5db;
        background: var(--cc-webkit-scrollbar-bg);
        border-radius: 100em
    }

    #s-bl::-webkit-scrollbar-thumb:hover {
        background: #9199a0;
        background: var(--cc-webkit-scrollbar-bg-hover)
    }

    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px
    }
}

.cc_div .b-tg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

.cc_div .b-tg .c-tgl {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    border: 0
}

.cc_div .b-tg .c-tg {
    position: absolute;
    background: #919ea6;
    background: var(--cc-toggle-bg-off);
    transition: background-color .25s ease, box-shadow .25s ease;
    pointer-events: none
}

.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl,
.cc_div span.t-lb {
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em
}

.cc_div .b-tg .c-tg.c-ro {
    cursor: not-allowed
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro {
    background: #d5dee2;
    background: var(--cc-toggle-bg-readonly)
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro:after {
    box-shadow: none
}

.cc_div .b-tg .c-tg:after {
    content: "";
    position: relative;
    display: block;
    left: .125em;
    top: .125em;
    width: 1.25em;
    height: 1.25em;
    border: none;
    box-sizing: content-box;
    background: #fff;
    background: var(--cc-toggle-knob-bg);
    box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
    transition: transform .25s ease;
    border-radius: 100%
}

.cc_div .b-tg .c-tgl:checked~.c-tg:after {
    transform: translateX(1.9em)
}

#s-bl table,
#s-bl td,
#s-bl th {
    border: none
}

#s-bl tbody tr {
    transition: background-color .25s ease
}

#s-bl tbody tr:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#s-bl td,
#s-bl th {
    padding: .8em .625em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
    padding-left: 1.2em
}

#s-bl th {
    font-family: inherit;
    padding: 1.2em 1.2em
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2;
    border-color: var(--cc-cookie-table-border)
}

.force--consent #cs,
.force--consent #s-cnt {
    width: 100vw
}

#cm-ov,
#cs-ov {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: #070707;
    background: rgba(4, 6, 8, 0.85);
    background: var(--cc-overlay-bg);
    display: none;
    transition: none
}

.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov,
.show--settings #cs-ov {
    display: block
}

#cs-ov {
    z-index: 2
}

.force--consent .cc_div {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 100vw;
    visibility: hidden;
    transition: visibility .25s linear
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
    visibility: visible
}

.force--consent #cm {
    position: absolute
}

.force--consent #cm.bar {
    width: 100vw;
    max-width: 100vw
}

html.force--consent.show--consent {
    overflow-y: hidden !important
}

html.force--consent.show--consent,
html.force--consent.show--consent body {
    height: auto !important;
    overflow-x: hidden !important
}

.cc_div .act .b-bn .exp::before,
.cc_div .b-bn .exp::before {
    border: solid #2d4156;
    border-color: var(--cc-btn-secondary-text);
    border-width: 0 2px 2px 0;
    padding: .2em;
    display: inline-block;
    position: absolute;
    content: '';
    margin-right: 15px;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    left: 1.2em;
    top: 50%
}

.cc_div .act .b-bn .b-tl::before {
    transform: translateY(-20%) rotate(225deg)
}

.cc_div .on-i::before {
    border: solid #fff;
    border-color: var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute
}

#s-c-bn::after,
#s-c-bn::before {
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: #444d53;
    background: var(--cc-btn-secondary-text);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto
}

#s-c-bn::after {
    transform: rotate(-45deg)
}

.cc_div .off-i,
.cc_div .on-i {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease
}

.cc_div .on-i {
    left: 0;
    opacity: 0
}

.cc_div .off-i::after,
.cc_div .off-i::before {
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: #cdd6dc;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center
}

.cc_div .off-i::before {
    transform: rotate(45deg)
}

.cc_div .off-i::after {
    transform: rotate(-45deg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg .on-i {
    opacity: 1
}

.cc_div .b-tg .c-tgl:checked~.c-tg .off-i {
    opacity: 0
}

#cm.box.middle,
#cm.cloud.middle {
    top: 50%;
    transform: translateY(-37%);
    bottom: auto
}

#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
    transform: scale(0.95) translateY(-50%)
}

#cm.box.center {
    left: 1em;
    right: 1em;
    margin: 0 auto
}

#cm.cloud {
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    left: 1em;
    right: 1em;
    overflow: hidden;
    padding: 1.3em 2em;
    width: unset
}

.cc_div .cloud #c-inr {
    display: table;
    width: 100%
}

.cc_div .cloud #c-inr-i {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding-right: 2.4em
}

.cc_div .cloud #c-txt {
    font-size: .85em
}

.cc_div .cloud #c-bns {
    min-width: 170px;
    display: table-cell;
    vertical-align: middle
}

#cm.cloud .c-bn {
    margin: .625em 0 0 0;
    width: 100%
}

#cm.cloud .c-bn:first-child {
    margin: 0
}

#cm.cloud.left {
    margin-right: 1.25em
}

#cm.cloud.right {
    margin-left: 1.25em
}

#cm.bar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    position: fixed;
    padding: 2em
}

#cm.bar #c-inr {
    max-width: 32em;
    margin: 0 auto
}

#cm.bar #c-bns {
    max-width: 33.75em
}

#cm.bar #cs {
    padding: 0
}

.cc_div .bar #c-s-in {
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%
}

.cc_div .bar #s-bl,
.cc_div .bar #s-bns,
.cc_div .bar #s-hdr {
    padding-left: 1.6em;
    padding-right: 1.6em
}

.cc_div .bar #cs {
    padding: 0
}

.cc_div .bar #s-inr {
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    max-width: 32em
}

.cc_div .bar.left #s-inr {
    margin-left: 0;
    margin-right: auto
}

.cc_div .bar #s-bl table,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
    display: block
}

.cc_div .bar #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.cc_div .bar #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border)
}

.cc_div .bar #s-bl td {
    border: none;
    position: relative;
    padding-left: 35%
}

.cc_div .bar #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: .625em;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis
}

#cm.top {
    bottom: auto;
    top: 1.25em
}

#cm.left {
    right: auto;
    left: 1.25em
}

#cm.right {
    left: auto;
    right: 1.25em
}

#cm.bar.left,
#cm.bar.right {
    left: 0;
    right: 0
}

#cm.bar.top {
    top: 0
}

@media screen and (max-width: 688px) {

    #cm,
    #cm.cloud,
    #cm.left,
    #cm.right {
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 1.4em !important;
        right: 1em;
        left: 1em;
        bottom: 1em;
        display: block
    }

    .force--consent #cm,
    .force--consent #cm.cloud {
        width: auto;
        max-width: 100vw
    }

    #cm.top {
        top: 1em;
        bottom: auto
    }

    #cm.bottom {
        bottom: 1em;
        top: auto
    }

    #cm.bar.bottom {
        bottom: 0
    }

    #cm.cloud .c-bn {
        font-size: .85em
    }

    #s-bns,
    .cc_div .bar #s-bns {
        padding: 1em 1.3em
    }

    .cc_div .bar #s-inr {
        max-width: 100%;
        width: 100%
    }

    .cc_div .cloud #c-inr-i {
        padding-right: 0
    }

    #cs {
        border-radius: 0;
        padding: 0
    }

    #c-s-in {
        max-height: 100%;
        height: 100%;
        top: 0;
        transform: none
    }

    .cc_div .b-tg {
        transform: scale(1.1);
        right: 1.1em
    }

    #s-inr {
        margin: 0;
        padding-bottom: 7.9em;
        border-radius: 0
    }

    #s-bns {
        height: 7.9em
    }

    #s-bl,
    .cc_div .bar #s-bl {
        padding: 1.3em
    }

    #s-hdr,
    .cc_div .bar #s-hdr {
        padding: 0 1.3em
    }

    #s-bl table {
        width: 100%
    }

    #s-inr.bns-t {
        padding-bottom: 10.5em
    }

    .bns-t #s-bns {
        height: 10.5em
    }

    .cc_div .bns-t .c-bn {
        font-size: .83em;
        padding: .9em 1.6em
    }

    #s-cnt .b-bn .b-tl {
        padding-top: 1.2em;
        padding-bottom: 1.2em
    }

    #s-bl table,
    #s-bl tbody,
    #s-bl td,
    #s-bl th,
    #s-bl thead,
    #s-bl tr,
    #s-cnt {
        display: block
    }

    #s-bl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #s-bl tr {
        border-top: 1px solid #e3e7ed;
        border-color: var(--cc-cookie-table-border)
    }

    #s-bl td {
        border: none;
        position: relative;
        padding-left: 35%
    }

    #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: .625em;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        color: var(--cc-text);
        overflow: hidden;
        text-overflow: ellipsis
    }

    #cm .c-bn,
    .cc_div .c-bn {
        width: 100%;
        margin-right: 0
    }

    #s-cnt #s-rall-bn {
        margin-left: 0
    }

    .cc_div #c-bns {
        flex-direction: column
    }

    #c-bns button+button,
    #s-cnt button+button {
        margin-top: .625em;
        margin-left: 0;
        float: unset
    }

    #cm.box,
    #cm.cloud {
        left: 1em;
        right: 1em;
        width: auto
    }

    #cm.cloud.left,
    #cm.cloud.right {
        margin: 0
    }

    .cc_div .cloud #c-bns,
    .cc_div .cloud #c-inr,
    .cc_div .cloud #c-inr-i {
        display: block;
        width: auto;
        min-width: unset
    }

    .cc_div .cloud #c-txt {
        font-size: .9em
    }

    .cc_div .cloud #c-bns {
        margin-top: 1.625em
    }
}

.cc_div.ie #c-vln {
    height: 100%;
    padding-top: 5.62em
}

.cc_div.ie .bar #c-vln {
    padding-top: 0
}

.cc_div.ie #cs {
    max-height: 37.5em;
    position: relative;
    top: 0;
    margin-top: -5.625em
}

.cc_div.ie .bar #cs {
    margin-top: 0;
    max-height: 100%
}

.cc_div.ie #cm {
    border: 1px solid #dee6e9
}

.cc_div.ie #c-s-in {
    top: 0
}

.cc_div.ie .b-tg {
    padding-left: 1em;
    margin-bottom: .7em
}

.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after {
    left: 1.95em
}

.cc_div.ie #s-bl table {
    overflow: auto
}

.cc_div.ie .b-tg .c-tg {
    display: none
}

.cc_div.ie .b-tg .c-tgl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .2em;
    height: auto
}

.cc_div.ie #s-cnt .b-bn .b-tl {
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie .bar #s-bl td:before {
    display: none
}

.cc_div.ie .bar #s-bl td {
    padding: .8em .625em .8em 1.2em
}

.cc_div.ie .bar #s-bl thead tr {
    position: relative
}

.cc_div.ie .b-tg .t-lb {
    filter: alpha(opacity=0)
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
    filter: alpha(opacity=80)
}

:root {
    --cc-btn-secondary-bg: #f7f7f7 !important;
    --cc-btn-primary-bg: #CD0F2D !important
}

#s-cnt #c-s-in #s-bns {
    display: flex
}

#s-cnt #c-s-in #s-bns button {
    flex: inherit
}

#s-cnt #c-s-in #s-bns button:nth-child(3) {
    order: -1
}

#s-cnt #c-s-in #s-bns button:nth-child(1) {
    order: 3;
    margin-left: auto
}

.cc-link {
    border-bottom: none !important
}

.cc-link:hover {
    border-bottom: 1px solid #253b48 !important
}

.c_banner_close {
    position: absolute;
    top: -4px;
    right: 10px;
    text-align: right !important;
    background-color: transparent !important;
    padding: 0 !important;
    width: 7px !important;
    height: 7px !important
}

.c_banner_close:hover img {
    transform: rotate(180deg);
    opacity: 1
}

.c_banner_close img {
    width: 7px;
    height: 7px;
    transform: rotate(0);
    opacity: 0.5;
    transition: 0.6s transform, 0.6s opacity
}

.headbar {
    width: 100%;
    max-width: 3500px;
    margin: auto;
    position: relative;
    flex-direction: column;
    color: #fff;
    height: 100vh;
    width: 100%;
    z-index: 1;
    min-height: 650px;
    max-height: 1400px
}

@media (min-width: 1240px) {
    .headbar {
        min-height: 950px
    }
}

@media (max-width: 1239.98px) {
    .headbar {
        height: 100svh
    }
}

.headbar+.article-content {
    padding-top: 150px
}

@media (max-width: 1239.98px) {
    .headbar+.article-content {
        padding-top: 80px
    }
}

@media (min-width: 1240px) {
    .headbar .container {
        position: absolute;
        left: 200px
    }
}

@media only screen and (max-width: 1500px) {
    .headbar .container {
        left: 50px
    }
}

.headbar .slick-track {
    height: 100%
}

.headbar__image {
    height: 100%
}

.headbar__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.headbar__poster {
    opacity: 1;
    transition: opacity 0.8s ease-out;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.headbar__poster:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.headbar__poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.02);
    transition: filter 0.4s ease-out
}

.headbar__poster.active {
    opacity: 0
}

.headbar__poster.active img {
    filter: blur(0)
}

.headbar__wrap {
    height: 100%
}

.headbar__slider {
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-out;
    will-change: opacity
}

.headbar__slider.active {
    opacity: 1
}

.headbar__slider .slick-list {
    height: 100%
}

.headbar__slider-item {
    height: 100%
}

.headbar__smalltitle * {
    font-weight: 400 !important
}

.headbar__perex {
    width: 50%;
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .headbar__perex {
        width: 100%
    }
}

@media (max-width: 719.98px) {
    .headbar__perex {
        margin-top: 15px
    }
}

.headbar__perex p {
    font-size: 20px;
    color: #F9F9FA;
    line-height: 35px
}

@media (max-width: 1239.98px) {
    .headbar__perex p {
        font-size: 20px;
        line-height: 35px
    }
}

@media (max-width: 719.98px) {
    .headbar__perex p {
        font-size: 18px;
        line-height: 33px
    }
}

.headbar video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.headbar__text-slider {
    opacity: 0;
    transition: 0.6s opacity;
    height: 100%;
    display: flex
}

@media (min-width: 1240px) {
    .headbar__text-slider {
        align-items: center
    }
}

.headbar__text-slider.active {
    opacity: 1
}

.headbar__main-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-top: 80px
}

.headbar__main-wrapper>.container {
    height: 100%
}

.headbar__main-wrapper>.container .row {
    height: 100%
}

@media (min-width: 1240px) {
    .headbar__text-slider .slick-track {
        display: flex;
        align-items: center
    }
}

@media (min-width: 1240px) {
    .headbar__text-slider-item {
        display: flex !important;
        flex-direction: column;
        justify-content: center
    }
}

.headbar__content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    padding: 120px 0;
    justify-content: center;
    z-index: 1
}

@media (min-width: 1240px) {
    .headbar__content {
        height: calc(100% - 190px);
        padding-top: 0
    }
}

@media only screen and (max-width: 1500px) {
    .headbar__content {
        padding-top: 0px !important
    }
}

@media (max-width: 1239.98px) {
    .headbar__content {
        padding: 60px 0
    }
}

@media (max-width: 719.98px) {
    .headbar__content {
        padding-top: 0
    }
}

.headbar__content * {
    color: #F9F9FA
}

.headbar__buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 15px
}

@media (max-width: 719.98px) {
    .headbar__buttons {
        margin-top: 0
    }
}

.headbar__button {
    padding: 0 10px;
    margin-top: 20px
}

.headbar__titles {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 70%
}

@media (max-width: 1239.98px) {
    .headbar__titles {
        width: 100%
    }
}

.headbar__maintitle {
    order: 2;
    margin-top: 20px
}

.headbar__slick-dots {
    margin-top: auto
}

@media (min-width: 1240px) {
    .headbar__slick-dots {
        transform: translateY(57px)
    }
}

.headbar__scroll-down .scroll__background {
    fill: rgba(255, 255, 255, 0);
    transition: 0.6s fill
}

.headbar__scroll-down:hover .scroll__background {
    fill: rgba(255, 255, 255, 0.25)
}

.headbar .slick-dots {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none
}

.headbar .slick-dots li {
    margin: 0 8px
}

.headbar .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #F9F9FA;
    text-indent: -9999px
}

.headbar .slick-dots li.slick-active button {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background-color: #F9F9FA;
    color: #F9F9FA;
    font-size: 18px;
    text-align: center;
    line-height: 100px;
    box-shadow: 0 0 0 2px #F9F9FA;
    cursor: pointer;
    border: #32373c 7px solid;
    outline: none
}

.headbar__overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media (max-width: 1239.98px) {
    .headbar__overlay {
        background-color: rgba(0, 0, 0, 0.4)
    }
}

.headbar__overlay img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.75
}

@media (max-width: 1239.98px) {
    .headbar__overlay img {
        opacity: 0.5
    }
}

.headbar+.articles {
    margin-top: 80px
}

label {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0
}

input {
    background-color: transparent;
    border: 1px solid #fff
}

.clear-model-btn {
    background-color: #F9F9FA;
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    width: 23px
}

.clear-model-btn:hover,
.clear-model-btn:focus {
    outline: none
}

.clear-model-btn img {
    position: relative;
    top: -1px;
    filter: brightness(0%)
}

textarea::-moz-placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea::placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea:-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea::-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    font-weight: 300;
    outline: none;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #32373c;
    padding: 0 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #32373c
}

input::-moz-placeholder {
    color: #32373c;
    opacity: 0.5
}

input::placeholder {
    color: #32373c;
    opacity: 0.5
}

input:-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

input::-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

@media (max-width: 719.98px) {
    input {
        height: 48px
    }
}

input:focus {
    border: 1px solid #CD0F2D
}

select {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    font-weight: 300;
    border: 1px solid #32373c;
    font-size: 16px;
    background-image: url("https://advantage-cars.cz/images/svg/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    outline: none;
    padding: 0 20px;
    background-color: transparent;
    padding-right: 40px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #09f;
    font-weight: 400;
    color: #32373c
}

@media (max-width: 719.98px) {
    select {
        height: 48px
    }
}

select::-moz-placeholder {
    color: #32373c;
    font-weight: 300;
    opacity: 0.5
}

select::placeholder {
    color: #32373c;
    font-weight: 300;
    opacity: 0.5
}

select:-ms-input-placeholder {
    color: #32373c;
    font-weight: 300;
    opacity: 0.5
}

select::-ms-input-placeholder {
    color: #32373c;
    font-weight: 300;
    opacity: 0.5
}

select:focus {
    border: 1px solid #CD0F2D
}

textarea {
    width: 100%;
    height: 140px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 29px;
    font-weight: 300;
    outline: none;
    padding: 10px 20px;
    resize: none;
    -moz-appearance: none;
    color: #fff;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #32373c;
    color: #32373c
}

textarea::-moz-placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea::placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea:-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

textarea::-ms-input-placeholder {
    color: #32373c;
    opacity: 0.5
}

@media (max-width: 719.98px) {
    textarea {
        height: 120px
    }
}

textarea:focus {
    border: 1px solid #CD0F2D
}

.checkbox-input-style {
    position: relative;
    display: block
}

.checkbox-input-style .contact-form__check {
    display: block;
    align-items: center;
    position: relative;
    font-size: 12px;
    color: #32373c;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-left: 30px;
    min-height: 20px;
    margin-top: 0
}

.checkbox-input-style .contact-form__check a {
    color: #32373c;
    text-decoration: underline;
    display: inline-block
}

.checkbox-input-style .contact-form__check a:hover {
    text-decoration: none
}

.checkbox-input-style .contact-form__check:before {
    display: none !important
}

.checkbox-input-style .contact-form__check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-input-style .contact-form__check input:checked~.checkmark {
    background-color: #FBFBFD
}

.checkbox-input-style .contact-form__check input:checked~.checkmark:after {
    display: block
}

@media (min-width: 1240px) {
    .checkbox-input-style .contact-form__check:hover input~.checkmark {
        background-color: #FBFBFD
    }
}

.checkbox-input-style .contact-form__check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #32373c;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.checkmark {
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: solid 1px #32373c
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.mac-os input {
    padding-top: 13px;
    padding-bottom: 10px
}

.mac-os select {
    padding-top: 4px
}

.range_container {
    margin-top: 25px
}

.sliders_control {
    position: relative
}

.slider-tooltip {
    position: absolute;
    bottom: -3.5rem;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #32373c;
    font-size: 0.8rem;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    text-align: center;
    translate: -50% 0;
    font-size: 12px;
    font-weight: 700;
    width: 100%
}

.slider-tooltip::before {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 50%;
    translate: -50% 0;
    rotate: 45deg;
    z-index: -1;
    background-color: inherit
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #F9F9FA;
    border: 1px solid #CD0F2D;
    -webkit-transition: 0.3s background-color;
    transition: 0.3s background-color;
    margin-top: 0px;
    border-radius: 100%;
    cursor: pointer
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 25px;
    height: 15px;
    border-radius: 5px;
    background-color: #F9F9FA;
    border: 1px solid #CD0F2D;
    -moz-transition: 0.3s background-color;
    transition: 0.3s background-color;
    cursor: pointer;
    margin-top: 0px
}

input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 10px;
    width: 100%;
    position: absolute;
    background-color: #CD0F2D;
    pointer-events: none;
    padding: 0;
    border: 0
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #CD0F2D;
    display: flex;
    align-items: center;
    z-index: 10;
    justify-content: center
}

#fromSlider {
    height: 5px;
    z-index: 1;
    background-color: transparent
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#toSlider {
    height: 5px;
    z-index: 0
}

#fromSliderTooltip {
    bottom: -3rem;
    top: auto;
    transform: translateX(30px)
}

#toSliderTooltip {
    top: -2.5rem;
    bottom: auto;
    transform: translateX(-40px)
}

input[type="file"] {
    display: none
}

.custom-file-upload {
    cursor: pointer;
    transition: 0.6s all;
    margin: 0;
    text-transform: uppercase
}

#uploaded-file {
    display: none
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-top: 0
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s
}

input:checked+.slider {
    background-color: #CD0F2D
}

input:focus+.slider {
    box-shadow: 0 0 1px #CD0F2D
}

input:checked+.slider:before {
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: transparent;
    transition: 0.6s background-color
}

@media (min-width: 1240px) {
    .icon:hover {
        background-color: #32373c
    }
}

.cars {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .cars {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .cars {
        margin-top: 50px
    }
}

.cars__maintitle {
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 1239.98px) {
    .cars__maintitle {
        margin-bottom: 20px
    }
}

.cars__filter-button-main-wrapper {
    background-color: #fff;
    padding: 17px 20px;
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
    background-image: url("https://advantage-cars.cz/images/svg/select-arrow.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 20px center
}

@media (min-width: 1240px) {
    .cars__filter-button-main-wrapper {
        display: none
    }
}

.cars__filter-button-main-image {
    position: absolute
}

.cars__filter-button-main-image img {
    height: 15px;
    -o-object-fit: contain;
    object-fit: contain
}

.cars__filter-button-main-text {
    padding-left: 30px;
    display: flex;
    align-items: center
}

.cars__filter-button-main-text span {
    background-color: #CD0F2D;
    color: #F9F9FA;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
    margin-left: 10px
}

@media (max-width: 1239.98px) {
    .cars__filter {
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: 0.6s opacity, 0.6s height
    }

    .cars__filter.active {
        opacity: 1;
        height: auto
    }
}

.cars__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    opacity: 0;
    transition: 0.6s opacity
}

@media (min-width: 1240px) {
    .cars__boxes {
        margin-top: -30px
    }
}

@media (max-width: 1239.98px) {
    .cars__boxes {
        margin-top: -20px
    }
}

.cars__boxes.active {
    opacity: 1
}

.cars__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin-top: 60px
}

@media (max-width: 719.98px) {
    .cars__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .cars__box:first-child {
        margin-top: 30px
    }
}

.cars__arrow-detail {
    position: absolute;
    right: 0;
    bottom: 20px;
    opacity: 0;
    transform: translateX(calc(-100% - 80px));
    transition: 0.6s transform, 0.6s opacity;
    pointer-events: none
}

@media (max-width: 1239.98px) {
    .cars__arrow-detail {
        display: none
    }
}

.cars__filter-text-label {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px
}

@media (max-width: 1239.98px) {
    .cars__filter-text-label {
        margin-bottom: 30px
    }
}

.cars__slider-arrow .slick-button {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    opacity: 0;
    transition: 0.6s opacity
}

@media (max-width: 1239.98px) {
    .cars__slider-arrow .slick-button {
        display: none
    }
}

.cars__slider-arrow .slick-button:first-child {
    left: 0
}

.cars__slider-arrow .slick-button:first-child:hover {
    opacity: 1
}

.cars__slider-arrow .slick-button:last-child {
    right: 0
}

.cars__slider-arrow .slick-button:last-child:hover {
    opacity: 1
}

.cars__slider-arrow .slick-button button {
    outline: none;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    justify-content: center;
    transition: 0.6s background-color
}

.cars__slider-arrow .slick-button button .slick-button__element {
    fill: #fff
}

@media (max-width: 719.98px) {
    .cars__slider-arrow .slick-button button {
        width: 30px;
        height: 30px
    }
}

.cars__slider-arrow .slick-button button:hover .slick-button__element {
    fill: #CD0F2D
}

.cars__slider-arrow .slick-button .slick-prev img,
.cars__slider-arrow .slick-button .slick-prev svg {
    transition: 0.6s transform;
    transform: rotate(180deg)
}

.cars__slider-arrow .slick-button__element {
    transition: 0.3s fill
}

@media (max-width: 1239.98px) {
    .cars__image {
        height: 100%
    }
}

@media (min-width: 1240px) {
    .cars__image a:hover img {
        transform: scale(1.1)
    }
}

.cars__image img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: 0.6s transform;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .cars__image img {
        height: 100%
    }
}

.cars__slider-basic .slick-list,
.cars__slider-basic .slick-track {
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .cars__slider-basic {
        height: 100%
    }

    .cars__slider-basic .slick-list,
    .cars__slider-basic .slick-track {
        height: 100%;
        border-radius: 5px
    }

    .cars__slider-basic .slick-slide {
        height: 100%
    }
}

.cars__wrap {
    position: relative;
    border-radius: 5px;
    min-height: 400px
}

@media (max-width: 1239.98px) {
    .cars__wrap {
        min-height: auto;
        aspect-ratio: 4 / 3
    }
}

.cars__wrap:before {
    content: "";
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 38%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.cars__wrap:after {
    content: "";
    background: black;
    position: absolute;
    bottom: -40px;
    left: 0;
    height: 40px;
    width: 100%;
    z-index: 1;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.cars__wrap:hover .cars__slider-arrow .slick-button {
    opacity: 1
}

.cars__wrap:hover .cars__image img {
    transform: scale(1.1)
}

.cars__content {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #F9F9FA
}

.cars__content:hover .cars__arrow-detail {
    transform: translateX(calc(100% - 40px));
    opacity: 1
}

.cars__content a {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    color: #F9F9FA;
    height: 100%;
    padding: 15px 20px;
    padding-right: 50px
}

@media (max-width: 1239.98px) {
    .cars__content a {
        height: 100%
    }
}

.cars__content a:after {
    height: calc(100% + 80px);
    top: -80px
}

.cars__title .section-subsubtitle {
    color: #F9F9FA
}

.cars__pagination {
    margin-top: 80px
}

.cars__tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    margin-top: 1px
}

.cars__tag {
    padding: 0 5px
}

.cars__tag span {
    display: inline-block;
    font-size: 10px;
    border: 1px solid #F9F9FA;
    border-radius: 5px;
    padding: 4px 6px;
    line-height: 100%;
    font-weight: 500
}

.cars__basic-infos {
    margin-top: 10px
}

.cars__basic-infos p {
    line-height: 100%
}

.cars__basic-infos span {
    font-size: 10px;
    font-weight: 300;
    position: relative
}

.cars__basic-infos span:first-child {
    margin-left: 0
}

.cars__basic-infos span:last-child:after {
    display: none
}

.cars__price {
    margin-top: 6px
}

.cars__price p {
    font-weight: 800;
    font-size: 20px
}

.cars__button {
    margin-top: 105px;
    text-align: center
}

@media (max-width: 1239.98px) {
    .cars__button {
        margin-top: 90px
    }
}

.cars__filter-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

.cars__filter-box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 25px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .cars__filter-box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

@media (max-width: 719.98px) {
    .cars__filter-box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

@media (max-width: 1239.98px) {
    .cars__filter-box--range {
        margin-bottom: 50px
    }
}

.cars__filter-box label p {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase
}

.cars__filter-box--order-by {
    padding: 0;
    margin-left: auto;
    max-width: 200px
}

@media (max-width: 719.98px) {
    .cars__filter-box--order-by {
        max-width: 100%
    }
}

.cars__filter-model {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px
}

.cars__filter-inputs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.cars__filter-inputs--no-wrap {
    flex-wrap: nowrap
}

.cars__filter-order {
    position: relative
}

.cars__filter-order select {
    padding-left: 45px;
    position: relative;
    z-index: 2
}

.cars__filter-order-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.cars__filter-order-image img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.cars__filter-input {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

.cars__filter-input label p {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase
}

.cars__filter-input--category {
    flex: initial;
    max-width: initial;
    flex-grow: 1
}

.cars__filter-input--flex-end {
    display: flex;
    align-items: flex-end;
    flex: initial;
    max-width: initial
}

.cars__empty-list {
    margin-top: 50px
}

.cars__empty-list-image {
    position: relative
}

.cars__empty-list-image img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 1240px) {
    .cars__empty-list-image img {
        min-height: 800px
    }
}

.cars__empty-list-wrap {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

@media (min-width: 1240px) {
    .cars__empty-list-wrap {
        min-height: 800px
    }
}

.cars__empty-list-wrapper {
    position: relative;
    top: 0;
    max-width: 710px;
    padding: 60px
}

@media (min-width: 1240px) {
    .cars__empty-list-wrapper {
        min-height: 800px
    }
}

@media (max-width: 1239.98px) {
    .cars__empty-list-wrapper {
        padding: 30px
    }
}

.cars__empty-list-button {
    margin-top: 45px
}

.cars__empty-list-content * {
    color: #F9F9FA;
    margin-top: 30px
}

.cars__empty-list-content *:first-child {
    margin-top: 0;
    font-weight: 400
}

.services {
    max-width: 1690px;
    margin: 0 auto;
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .services {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .services {
        margin-top: 60px
    }
}

.services+.contact-card {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .services+.contact-card {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .services+.contact-card {
        margin-top: 60px
    }
}

.services__wrap {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

@media (min-width: 720px) {
    .services__wrap {
        height: 620px
    }
}

@media (max-width: 1239.98px) {
    .services__wrap--last-box {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.services__wrap--last-box .services__content {
    max-width: 500px;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (max-width: 719.98px) {
    .services__wrap--last-box .services__content {
        position: absolute
    }
}

.services__wrap--last-box .services__buttons {
    justify-content: center;
    margin-top: 20px
}

.services__wrap--last-box .services__title * {
    color: #fff
}

.services__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.services__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .services__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.services__title * {
    font-size: 30px !important
}

.services__content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 70px
}

@media (max-width: 1239.98px) {
    .services__content {
        padding: 20px
    }
}

@media (max-width: 719.98px) {
    .services__content {
        position: inherit;
        order: -1
    }
}

.services__image {
    height: 100%
}

.services__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services__buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.services__button {
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 719.98px) {
    .services__button a {
        font-size: 12px
    }
}

.services__perex {
    margin-top: 14px
}

@media (max-width: 1239.98px) {
    .services__main-wrapper {
        padding: 0 10px
    }
}

.contact-card {
    position: relative
}

.contact-card__boxes {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 50px;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .contact-card__boxes {
        padding: 20px
    }
}

.contact-card__box--image {
    flex: 1 0 375px;
    max-width: 375px
}

@media (max-width: 1239.98px) {
    .contact-card__box--image {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contact-card__box--image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 1239.98px) {
    .contact-card__box--image img {
        aspect-ratio: 4 / 3;
        -o-object-position: top;
        object-position: top
    }
}

.contact-card__box--content {
    flex: 1 0 calc(100% - 375px);
    max-width: calc(100% - 375px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 6.25%;
    padding-right: 25px
}

@media (max-width: 1239.98px) {
    .contact-card__box--content {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 45px
    }
}

.contact-card .cv-form__buttons {
    margin-top: 20px
}

.contact-card .cv-form__button {
    padding: 0 10px
}

.contact-card__form-send-button {
    margin-top: 20px
}

.contact-card__infos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px
}

@media (max-width: 1239.98px) {
    .contact-card__infos {
        justify-content: flex-start
    }
}

@media (max-width: 719.98px) {
    .contact-card__infos {
        flex-wrap: wrap
    }
}

.contact-card__info {
    padding: 0 20px;
    position: relative;
    padding-left: 30px
}

@media (max-width: 719.98px) {
    .contact-card__info {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contact-card__info--whatsapp {
    padding: 0
}

.contact-card__info--whatsapp a {
    display: block
}

.contact-card__info--whatsapp a:hover img {
    opacity: 0.6
}

.contact-card__info--whatsapp img {
    position: relative !important;
    left: 0 !important;
    top: 2px !important;
    width: 86px;
    height: 20px;
    transition: opacity 0.3s ease
}

.contact-card__info img {
    position: absolute;
    left: 0;
    height: 18px;
    top: 6px;
    -o-object-fit: contain;
    object-fit: contain
}

.contact-card__info p a {
    font-weight: 800
}

@media (min-width: 1240px) {
    .contact-card__info p a:hover {
        text-decoration: underline
    }
}

.contact-card__form {
    margin-top: 42px
}

@media (max-width: 1239.98px) {
    .contact-card__form {
        margin-top: 20px
    }
}

.contact-card__form-send {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1239.98px) {
    .contact-card__form-send {
        margin-top: 10px
    }
}

.contact-card__form-send-box {
    padding: 0 10px
}

@media (max-width: 719.98px) {
    .contact-card__form-send-box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contact-card__form-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.contact-card__form-box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media (max-width: 719.98px) {
    .contact-card__form-box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contact-card__form-box label p {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    color: #32373c
}

.contact-card__form-box--full {
    flex: 1 0 100%;
    max-width: 100%
}

.contact-card__form-box--dph {
    position: relative;
    margin-top: 10px
}

.contact-card__form-box--dph p {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    color: #32373c
}

.contact-card__form-box--file {
    margin-top: 10px
}

.contact-card__form-box--file p {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    color: #32373c
}

.contact-card__form-box--file label {
    width: auto
}

.preview__container {
    margin-top: 20px
}

.preview__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px
}

.preview__item {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden
}

.preview__item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.preview__item-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    padding: 0
}

.preview__item-remove:hover {
    background: rgba(0, 0, 0, 0.7)
}

.reviews-slider {
    padding-left: 20px;
    position: relative;
    z-index: 2;
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .reviews-slider {
        padding-left: 0
    }
}

@media (max-width: 719.98px) {
    .reviews-slider {
        padding-left: 0;
        margin-top: 30px
    }
}

.reviews-slider__slider {
    width: 100vw;
    display: flex;
    opacity: 0;
    transition: 0.6s opacity
}

@media (max-width: 1239.98px) {
    .reviews-slider__slider {
        width: 100vw
    }
}

@media (max-width: 719.98px) {
    .reviews-slider__slider {
        width: 100%
    }
}

.reviews-slider__slider.active {
    opacity: 1
}

.reviews-slider .slick-list {
    padding: 0 !important;
    padding-right: 600px !important;
    margin: 0 -20px
}

@media (max-width: 1239.98px) {
    .reviews-slider .slick-list {
        margin: 0
    }
}

@media (max-width: 719.98px) {
    .reviews-slider .slick-list {
        padding-right: 0 !important;
        margin: 0 0px
    }
}

.reviews-slider__wrap {
    height: 100%
}

@media (max-width: 1239.98px) {
    .reviews-slider__wrap {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

@media (max-width: 719.98px) {
    .reviews-slider__wrap {
        aspect-ratio: 1 / 1
    }
}

.reviews-slider__wrap-item {
    min-width: 420px;
    padding: 0px;
    height: 100%;
    background-color: #fff;
    box-shadow: 7px 2px 18px 6px rgba(0, 0, 0, 0.04);
    max-width: 420px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .reviews-slider__wrap-item {
        max-width: none;
        min-width: 100%
    }
}

@media (max-width: 719.98px) {
    .reviews-slider__wrap-item {
        min-width: 100%
    }
}

@media (min-width: 1240px) {
    .reviews-slider__wrap-item:hover .reviews__image img {
        transform: scale(1.1)
    }

    .reviews-slider__wrap-item:hover .reviews__arrow-detail {
        transform: translateX(35px);
        opacity: 1
    }
}

@media (min-width: 720px) {
    .reviews-slider__item {
        width: 420px !important
    }
}

.reviews-slider__item:last-child {
    margin-right: 200px
}

@media (max-width: 719.98px) {
    .reviews-slider__item:last-child {
        margin-right: 0
    }
}

.reviews-slider .slick-track {
    display: flex !important;
    padding: 50px;
    padding-left: 20px;
    padding-top: 20px
}

@media (max-width: 1239.98px) {
    .reviews-slider .slick-track {
        padding-left: 0;
        padding-top: 0
    }
}

.reviews-slider .slick-slide {
    height: auto;
    margin: 0 13px
}

@media (max-width: 719.98px) {
    .reviews-slider .slick-slide {
        margin: 0
    }
}

.reviews-slider__arrow-wrapper {
    margin: auto;
    display: flex
}

@media (max-width: 1239.98px) {
    .reviews-slider__arrow-wrapper {
        order: 1;
        z-index: 1
    }
}

@media (max-width: 719.98px) {
    .reviews-slider__arrow-wrapper {
        padding: 0
    }
}

.reviews-slider__arrow {
    display: flex;
    margin: 0 -10px;
    justify-content: center
}

@media (max-width: 719.98px) {
    .reviews-slider__arrow {
        justify-content: flex-start
    }
}

.reviews-slider__arrow .slick-button {
    padding: 0 10px
}

.reviews-slider__arrow .slick-button button {
    outline: none;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    display: flex;
    align-items: center;
    background-color: #F9F9FA;
    border-radius: 5px;
    border: 1px solid #32373c;
    justify-content: center;
    transition: 0.6s background-color
}

@media (max-width: 719.98px) {
    .reviews-slider__arrow .slick-button button {
        width: 48px;
        height: 48px
    }
}

.reviews-slider__arrow .slick-button button:hover {
    background-color: #CD0F2D;
    border: 1px solid #CD0F2D
}

.reviews-slider__arrow .slick-button button:hover .slick-button__element {
    fill: #fff
}

.reviews-slider__arrow .slick-button button img,
.reviews-slider__arrow .slick-button button svg {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-slider__arrow .slick-button .slick-prev img,
.reviews-slider__arrow .slick-button .slick-prev svg {
    transition: 0.6s transform;
    transform: rotate(180deg)
}

.reviews-slider__arrow .slick-button__element {
    transition: 0.3s fill
}

.reviews__image {
    position: relative
}

@media (max-width: 1239.98px) {
    .reviews__image {
        height: 100%
    }
}

.reviews__image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 60%)
}

.reviews__image img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.6s transform
}

@media (max-width: 1239.98px) {
    .reviews__image img {
        height: 100%
    }
}

.reviews__content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    padding-right: 60px;
    width: 100%
}

@media (max-width: 1239.98px) {
    .reviews__content {
        padding: 30px;
        padding-right: 60px
    }
}

@media (max-width: 719.98px) {
    .reviews__content {
        padding: 20px;
        padding-right: 50px
    }
}

.reviews__content * {
    color: #F9F9FA
}

.reviews__date {
    margin-top: 12px
}

.reviews__arrow-detail {
    position: absolute;
    bottom: 30px;
    right: 80px;
    transform: translateX(-100px);
    transition: 0.6s transform, 0.6s opacity;
    opacity: 0
}

.reviews__newest {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 1
}

@media (max-width: 719.98px) {
    .reviews__newest {
        top: 20px;
        left: 20px
    }
}

.reviews__newest span {
    background-color: #CD0F2D;
    color: #F9F9FA;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 800
}

.reviews-slider-section {
    margin-top: 130px
}

@media (max-width: 1239.98px) {
    .reviews-slider-section {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .reviews-slider-section {
        margin-top: 40px
    }
}

.reviews-slider-section .container {
    position: relative
}

.reviews-slider-section+.contact-card {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .reviews-slider-section+.contact-card {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .reviews-slider-section+.contact-card {
        margin-top: 60px
    }
}

.reviews-slider-section__button {
    text-align: right;
    position: relative;
    z-index: 2;
    margin-left: auto
}

@media (max-width: 1239.98px) {
    .reviews-slider-section__button {
        text-align: center
    }
}

@media (max-width: 719.98px) {
    .reviews-slider-section__button {
        text-align: left
    }
}

@media (max-width: 1239.98px) {
    .reviews-slider-section__title-wrap {
        padding: 0 6.25%
    }
}

.social {
    margin-left: auto
}

.social ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.social ul li {
    padding: 0 15px
}

.social ul li a {
    transition: 0.6s filter
}

.social ul li a img,
.social ul li a svg {
    height: 34px;
    -o-object-fit: contain;
    object-fit: contain
}

.social ul li a:hover .icon_hover {
    fill: #CD0F2D
}

.social .icon_hover {
    fill: #F9F9FA;
    transition: 0.6s fill
}

.social-news {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .social-news {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .social-news {
        margin-top: 40px
    }
}

.social-news__titles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    flex: 1 0 100%;
    margin-bottom: 40px;
    align-items: center
}

@media (max-width: 1239.98px) {
    .social-news__titles {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width: 719.98px) {
    .social-news__titles {
        justify-content: flex-start;
        text-align: left
    }
}

@media (max-width: 719.98px) {
    .social-news__title {
        margin-bottom: 40px;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.social-news__wrapper-titles {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 1239.98px) {
    .social-news__wrapper-titles {
        padding: 0 6.25%
    }
}

@media (max-width: 719.98px) {
    .social-news__wrapper-titles {
        padding: 0
    }
}

.social-news__image-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (min-width: 1240px) {
    .social-news__image-boxes {
        height: 480px
    }
}

@media (max-width: 1239.98px) {
    .social-news__image-boxes {
        height: auto
    }
}

.social-news__image-box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .social-news__image-box {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 20px
    }
}

.social-news__image-box a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

@media (min-width: 1240px) {
    .social-news__image-box a {
        height: 100%;
        max-height: 421px
    }
}

@media (max-width: 1239.98px) {
    .social-news__image-box a {
        aspect-ratio: 4 / 3
    }
}

.social-news__image-box a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: 0.6s transform
}

@media (min-width: 1240px) {
    .social-news__image-box a img {
        max-height: 421px
    }
}

.social-news__image-box a:hover img {
    transform: scale(1.1)
}

.social-news__image-box-row-boxes {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin: 0 -10px
}

@media (min-width: 1240px) {
    .social-news__image-box-row-boxes--two img {
        max-height: 180px !important
    }
}

@media (max-width: 1239.98px) {
    .social-news__image-box-row-boxes--two img {
        aspect-ratio: 4 / 3
    }
}

.social-news__image-box-row-boxes--last img {
    max-height: 300px !important
}

.social-news__image-box-row-box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media (min-width: 1240px) {
    .social-news__image-box-row {
        height: 50%;
        max-height: 180px
    }
}

.social-news__image-box-row:last-child {
    padding-top: 20px
}

@media (min-width: 1240px) {
    .social-news__image-box-row--last {
        max-height: 300px
    }
}

.social-news__icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    filter: brightness(0) invert(1)
}

.social-news .icon_hover {
    fill: #32373c
}

@media (max-width: 719.98px) {
    .social-news .social {
        margin-left: inherit
    }
}

.social-news .social img,
.social-news .social svg {
    width: 34px;
    height: 34px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1239.98px) {

    .social-news .social img,
    .social-news .social svg {
        width: 20px;
        height: 20px
    }
}

.social-news+.contact-card {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .social-news+.contact-card {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .social-news+.contact-card {
        margin-top: 50px
    }
}

.car-detail {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .car-detail {
        margin-top: 80px
    }
}

.car-detail__client-name {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px
}

.car-detail__slider-wrapper {
    position: relative
}

@media (max-width: 1239.98px) {
    .car-detail__slider-wrapper {
        order: 1;
        margin-top: 50px
    }
}

.car-detail__slider-image a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

.car-detail__slider-image a:hover img {
    transform: scale(1.1)
}

.car-detail__slider-image img {
    height: 780px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    border-radius: 5px;
    transition: 0.6s transform
}

@media (max-width: 1239.98px) {
    .car-detail__slider-image img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.car-detail__slider {
    opacity: 0;
    transition: 0.6s opacity
}

.car-detail__slider.active {
    opacity: 1
}

.car-detail__smalltitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.car-detail__arrows {
    display: flex;
    margin: 0 -10px;
    justify-content: center
}

@media (max-width: 719.98px) {
    .car-detail__arrows {
        justify-content: flex-start
    }
}

.car-detail__arrows .slick-button {
    padding: 0 10px
}

.car-detail__arrows .slick-button button {
    outline: none;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #F9F9FA;
    justify-content: center;
    transition: 0.6s background-color, 0.6s border
}

@media (max-width: 719.98px) {
    .car-detail__arrows .slick-button button {
        width: 30px;
        height: 30px
    }
}

.car-detail__arrows .slick-button button:hover {
    background-color: #CD0F2D;
    border: 1px solid #CD0F2D
}

.car-detail__arrows .slick-button button:hover .slick-button__element {
    fill: #fff
}

.car-detail__arrows .slick-button .slick-prev img,
.car-detail__arrows .slick-button .slick-prev svg {
    transition: 0.6s transform;
    transform: rotate(180deg)
}

.car-detail__arrows .slick-button__element {
    transition: 0.3s fill
}

.car-detail__button--gallery {
    padding: 0
}

.car-detail__button--video {
    padding: 0
}

@media (max-width: 1239.98px) {
    .car-detail__button>a {
        display: flex;
        height: 50px;
        width: 50px;
        min-width: initial;
        padding: 0;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 719.98px) {
    .car-detail__button>a {
        height: 30px;
        width: 30px;
        padding: 0 !important
    }
}

@media (max-width: 1239.98px) {
    .car-detail__button>a {
        padding: 0 !important
    }
}

.car-detail__button--gallery {
    padding-left: 20px
}

@media (min-width: 1240px) {
    .car-detail__button--gallery img {
        display: none
    }
}

.car-detail__button--video {
    padding-left: 50px
}

@media (max-width: 1239.98px) {
    .car-detail__button--video {
        padding-left: 10px
    }
}

@media (min-width: 1240px) {
    .car-detail__button--video img {
        display: none
    }
}

.car-detail__buttons {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1239.98px) {
    .car-detail__buttons {
        margin-left: auto
    }
}

@media (min-width: 1240px) {

    .car-detail__gallery-icon,
    .car-detail__video-icon {
        display: none
    }
}

@media (max-width: 1239.98px) {

    .car-detail__gallery-text,
    .car-detail__video-text {
        display: none
    }
}

.car-detail__controls {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 75px;
    width: 100%
}

@media (max-width: 1239.98px) {
    .car-detail__controls {
        padding: 20px
    }
}

.car-detail__slider-with-price {
    display: flex;
    flex-direction: column
}

.car-detail__name-text {
    padding: 0 10px
}

.car-detail__boxes-main {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    margin-top: 35px;
    position: relative
}

@media (max-width: 1239.98px) {
    .car-detail__boxes-main {
        flex-wrap: wrap;
        margin-top: 10px
    }
}

.car-detail__boxes-main:before {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 20px);
    height: 3px;
    background-color: #E7E8E9
}

@media (min-width: 1240px) {
    .car-detail__boxes-main:before {
        content: ""
    }
}

.car-detail__box-main {
    padding: 0 10px
}

.car-detail__box-main--text {
    flex: initial;
    max-width: initial;
    flex-grow: 1
}

@media (max-width: 1239.98px) {
    .car-detail__box-main--text {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.car-detail__box-main--button {
    display: flex;
    align-items: flex-start;
    flex: initial;
    max-width: initial
}

@media (max-width: 1239.98px) {
    .car-detail__box-main--button {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px
    }
}

@media (max-width: 719.98px) {
    .car-detail__box-main--button {
        flex-wrap: wrap
    }
}

.car-detail__box-main--button img {
    height: 25px;
    width: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: 0.6s filter
}

.car-detail__box-main--button .btn-style2--icon {
    padding: 11px 20px 8px 20px;
    min-width: auto;
    margin-right: 20px
}

@media (max-width: 719.98px) {
    .car-detail__box-main--button .btn-style2--icon {
        padding: 7px 20px 6px 20px;
        margin-bottom: 20px
    }
}

.car-detail__box-main--button .btn-style2--icon:hover img {
    filter: brightness(0) invert(1)
}

.car-detail__price-tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 35px;
    align-items: flex-start
}

@media (max-width: 1239.98px) {
    .car-detail__price-tags {
        margin-top: 20px
    }
}

.car-detail__price {
    padding: 0 10px
}

@media (max-width: 719.98px) {
    .car-detail__price {
        margin-top: 20px;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.car-detail__price-before-sale {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    display: block;
    width: 100%;
    color: #CD0F2D
}

.car-detail__price-before-sale--line-through {
    text-decoration: line-through;
    margin-right: 10px
}

.car-detail__tags {
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
    position: relative;
    top: 4px
}

@media (max-width: 719.98px) {
    .car-detail__tags {
        margin-top: 20px;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.car-detail__tag {
    padding: 0 4px;
    margin-bottom: 5px
}

.car-detail__tag * {
    font-size: 10px;
    border: 1px solid #32373c;
    border-radius: 5px;
    padding: 6px 7px 3.5px 7px;
    display: inline-block
}

.car-detail__tag--red * {
    background-color: #CD0F2D;
    border-color: #CD0F2D !important;
    color: #fff;
    text-transform: uppercase
}

.car-detail__bitcoin-price ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (max-width: 1239.98px) {
    .car-detail__bitcoin-price ul {
        justify-content: flex-start
    }
}

.car-detail__bitcoin-price ul li {
    padding: 0 10px
}

.car-detail__box-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.car-detail__box-list ul li {
    padding: 0 5px;
    position: relative
}

.car-detail__box-list ul li:not(:last-child)::after {
    content: "\00a0|\00a0";
    color: #CD0F2D;
    position: relative;
    right: -2px
}

.car-detail__btc img {
    position: relative;
    top: -1px
}

.car-detail__interest {
    padding: 0 25px;
    padding-top: 4px
}

@media (max-width: 1239.98px) {
    .car-detail__interest {
        padding: 0;
        margin-top: 20px
    }
}

.fancybox-thumbs__list img[src*="gallery-icon.svg"],
.fancybox-thumbs__list [style*="gallery-icon.svg"] {
    display: none !important
}

.car-information {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .car-information {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .car-information {
        margin-top: 50px
    }
}

.car-information__customer-note {
    border-bottom: 3px solid #e7e8e9;
    padding: 20px 0 20px 0;
    margin-bottom: 50px;
    margin-top: -83px;
    font-weight: 800;
    padding-left: 30px;
    line-height: 20px
}

@media (max-width: 719.98px) {
    .car-information__customer-note {
        margin-top: -30px
    }
}

.car-information__customer-note::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: #CD0F2D;
    margin-left: -30px;
    position: relative;
    top: 5px
}

.car-information__boxes {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .car-information__boxes {
        margin-top: 10px
    }
}

.car-information__row {
    display: flex;
    margin: 0 -40px
}

@media (max-width: 1239.98px) {
    .car-information__row {
        flex-wrap: wrap
    }
}

@media (max-width: 719.98px) {
    .car-information__row {
        flex-direction: column
    }
}

.car-information__item {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 40px
}

@media (max-width: 1239.98px) {
    .car-information__item {
        flex: 1 0 100%;
        max-width: 100%
    }
}

@media (max-width: 719.98px) {
    .car-information__item {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.car-information__item table {
    width: 100%
}

.car-information__item table tr {
    border-bottom: 1px solid #E7E8E9
}

.car-information__item table tr td {
    padding: 10px 0
}

.car-information__item table tr td:first-child {
    padding-right: 10px
}

.car-information__item table tr td:last-child {
    font-weight: 700;
    text-align: right;
    padding-left: 10px
}

.car-information__description {
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .car-information__description {
        margin-top: 10px
    }
}

.car-information__description+.car-specification__maintitle {
    margin-top: 60px
}

@media (max-width: 1239.98px) {
    .car-information__description+.car-specification__maintitle {
        margin-top: 30px
    }
}

.car-benefits {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .car-benefits {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .car-benefits {
        margin-top: 50px
    }
}

.car-benefits__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (max-width: 719.98px) {
    .car-benefits__boxes {
        margin: 0
    }
}

.car-benefits__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media (max-width: 719.98px) {
    .car-benefits__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.car-benefits__box--content {
    padding: 0 6.25%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 719.98px) {
    .car-benefits__box--content {
        margin-bottom: 45px;
        padding: 0
    }
}

.car-benefits__box--image {
    padding: 0;
    margin-bottom: 0
}

.car-benefits__box--image img {
    border-radius: 5px;
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1239.98px) {
    .car-benefits__box--image img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.car-benefits__content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    margin-top: 10px;
    justify-content: space-between;
    margin-top: 40px
}

@media (max-width: 719.98px) {
    .car-benefits__content {
        margin: 0 -10px
    }
}

.car-benefits__content-box {
    padding: 0 25px
}

@media (max-width: 719.98px) {
    .car-benefits__content-box {
        margin-top: 30px;
        flex: 1 0 33.33%;
        max-width: 33.33%;
        padding: 0 10px
    }
}

.car-benefits__content-box-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 100%
}

@media (max-width: 1239.98px) {
    .car-benefits__content-box-title {
        font-size: 30px
    }
}

.car-benefits__content-box-unit {
    display: block;
    font-size: 25px;
    font-weight: 800;
    line-height: 100%
}

.car-specification {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .car-specification {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .car-specification {
        margin-top: 50px
    }
}

.car-specification__list {
    margin-top: 40px
}

@media (max-width: 1239.98px) {
    .car-specification__list {
        margin-top: 10px
    }
}

.car-specification__list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 70px;
    column-gap: 70px
}

@media (max-width: 1239.98px) {
    .car-specification__list ul {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 719.98px) {
    .car-specification__list ul {
        grid-template-columns: 1fr
    }
}

.car-specification__list ul li {
    padding: 12px 0;
    border-bottom: 1px solid #E7E8E9;
    display: flex;
    align-items: center
}

.car-specification+.contact-card {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .car-specification+.contact-card {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .car-specification+.contact-card {
        margin-top: 50px
    }
}

.hightlights-slider {
    padding-left: 20px;
    position: relative;
    z-index: 2;
    margin-top: 60px
}

@media (max-width: 719.98px) {
    .hightlights-slider {
        padding-left: 0;
        margin-top: 40px
    }
}

.hightlights-slider__slider {
    width: 100vw;
    display: flex;
    opacity: 0;
    transition: 0.6s opacity
}

@media (max-width: 1239.98px) {
    .hightlights-slider__slider {
        width: 100vw
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider__slider {
        width: 100%
    }
}

.hightlights-slider__slider.active {
    opacity: 1
}

.hightlights-slider .slick-list {
    padding: 0 !important;
    padding-right: 600px !important;
    margin: 0 -20px
}

@media (max-width: 719.98px) {
    .hightlights-slider .slick-list {
        padding-right: 0 !important;
        margin: 0 0px
    }
}

.hightlights-slider__wrap {
    height: 100%
}

.hightlights-slider__wrap:hover .hightlights__image img {
    transform: scale(1.1)
}

.hightlights-slider__wrap-item {
    padding: 0px;
    height: 100%;
    background-color: #fff;
    box-shadow: 7px 2px 18px 6px rgba(0, 0, 0, 0.04);
    max-width: 420px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .hightlights-slider__wrap-item {
        max-width: none;
        min-width: 100%
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider__wrap-item {
        min-width: 100%
    }
}

@media (min-width: 1240px) {
    .hightlights-slider__wrap-item:hover .reviews__image img {
        transform: scale(1.1)
    }

    .hightlights-slider__wrap-item:hover .reviews__arrow-detail {
        transform: translateX(0);
        opacity: 1
    }
}

.hightlights-slider__item:last-child {
    margin-right: 200px
}

@media (max-width: 719.98px) {
    .hightlights-slider__item:last-child {
        margin-right: 0
    }
}

.hightlights-slider .slick-track {
    display: flex !important;
    padding: 50px;
    padding-left: 20px;
    padding-top: 20px
}

@media (max-width: 1239.98px) {
    .hightlights-slider .slick-track {
        padding-left: 0
    }
}

.hightlights-slider .slick-slide {
    height: auto;
    margin: 0 13px
}

@media (max-width: 719.98px) {
    .hightlights-slider .slick-slide {
        margin: 0
    }
}

.hightlights-slider__arrow-wrapper {
    margin: auto;
    display: flex
}

@media (max-width: 1239.98px) {
    .hightlights-slider__arrow-wrapper {
        order: 1;
        z-index: 1
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider__arrow-wrapper {
        padding: 0 6.25%
    }
}

.hightlights-slider__arrow {
    display: flex;
    margin: 0 -10px;
    justify-content: center
}

@media (max-width: 719.98px) {
    .hightlights-slider__arrow {
        justify-content: flex-start
    }
}

.hightlights-slider__arrow .slick-button {
    padding: 0 10px
}

.hightlights-slider__arrow .slick-button button {
    outline: none;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    display: flex;
    align-items: center;
    background-color: #F9F9FA;
    border-radius: 5px;
    border: 1px solid #32373c;
    justify-content: center;
    transition: 0.6s background-color
}

@media (max-width: 719.98px) {
    .hightlights-slider__arrow .slick-button button {
        width: 30px;
        height: 30px
    }
}

.hightlights-slider__arrow .slick-button button:hover {
    background-color: #CD0F2D;
    border: 1px solid #CD0F2D
}

.hightlights-slider__arrow .slick-button button:hover .slick-button__element {
    fill: #fff
}

.hightlights-slider__arrow .slick-button .slick-prev img,
.hightlights-slider__arrow .slick-button .slick-prev svg {
    transition: 0.6s transform;
    transform: rotate(180deg)
}

.hightlights-slider__arrow .slick-button__element {
    transition: 0.3s fill
}

.hightlights__image {
    position: relative
}

.hightlights__image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50%)
}

.hightlights__image img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.6s transform;
    transform: scale(1)
}

.hightlights__image a {
    z-index: 1;
    display: block;
    position: relative
}

.hightlights__content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 45px;
    width: 100%
}

.hightlights__content * {
    color: #F9F9FA
}

.hightlights__date {
    margin-top: 12px
}

.hightlights__arrow-detail {
    position: absolute;
    bottom: 50px;
    right: 80px;
    transform: translateX(-100px);
    transition: 0.6s transform, 0.6s opacity;
    opacity: 0
}

.hightlights-slider-section {
    padding-bottom: 150px;
    margin-top: 130px
}

@media (max-width: 1239.98px) {
    .hightlights-slider-section {
        padding-bottom: 80px
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider-section {
        padding-bottom: 40px
    }
}

@media (max-width: 1239.98px) {
    .hightlights-slider-section {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider-section {
        margin-top: 40px
    }
}

.hightlights-slider-section .container {
    position: relative
}

.hightlights-slider-section__button {
    text-align: right;
    position: relative;
    z-index: 2;
    margin-left: auto
}

@media (max-width: 1239.98px) {
    .hightlights-slider-section__button {
        text-align: center
    }
}

@media (max-width: 719.98px) {
    .hightlights-slider-section__button {
        text-align: left
    }
}

@media (max-width: 1239.98px) {
    .hightlights-slider-section__title-wrap {
        padding: 0 6.25%
    }
}

.short-message {
    text-align: center;
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .short-message {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .short-message {
        margin-top: 50px
    }
}

.short-message__button {
    margin-top: 40px
}

.our-services {
    margin-top: 130px
}

@media (max-width: 1239.98px) {
    .our-services {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .our-services {
        margin-top: 50px
    }
}

.our-services__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 35px
}

.our-services__box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    margin-top: 20px
}

.our-services__box:nth-child(-n+3) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .our-services__box {
        flex: 1 0 50%;
        max-width: 50%
    }

    .our-services__box:nth-child(-n+3) {
        margin-top: 20px
    }

    .our-services__box:nth-child(-n+2) {
        margin-top: 0
    }
}

@media (max-width: 719.98px) {
    .our-services__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .our-services__box:nth-child(-n+2) {
        margin-top: 20px
    }

    .our-services__box:first-child {
        margin-top: 0
    }
}

.our-services__wrap {
    background-color: #eeeff0;
    padding: 50px 45px;
    border-radius: 5px;
    height: 100%;
    position: relative
}

@media (max-width: 1239.98px) {
    .our-services__wrap {
        padding: 30px
    }
}

.our-services__text {
    margin-top: 17px
}

.our-services__titles {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: space-between
}

.our-services__title {
    padding: 0 10px
}

.our-services__title--contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.our-services__title--contact p {
    font-weight: 700
}

.our-mission__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    position: relative
}

.our-mission__box {
    padding: 0 25px
}

.our-mission__box img {
    border-radius: 5px
}

.our-mission__box--first {
    flex: 1 0 370px;
    max-width: 370px;
    margin-left: auto;
    margin-top: 90px;
    z-index: 2
}

@media (max-width: 1239.98px) {
    .our-mission__box--first {
        margin-top: 60px
    }
}

.our-mission__box--first img {
    height: 180px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__box--second {
    flex: 1 0 230px;
    max-width: 230px;
    margin-right: 6.25%;
    transform: translateY(calc(47% - 50px));
    margin-top: 70px
}

@media (max-width: 719.98px) {
    .our-mission__box--second {
        display: none
    }
}

.our-mission__box--second img {
    height: 320px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__box--third {
    flex: 1 0 850px;
    max-width: 850px;
    margin-right: 100%;
    margin-left: 6.25%;
    margin-top: -70px
}

.our-mission__box--third img {
    height: 450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__box--fourth {
    flex: 1 0 250px;
    max-width: 250px;
    margin-left: 6.25%;
    margin-top: 50px
}

@media (max-width: 719.98px) {
    .our-mission__box--fourth {
        display: none
    }
}

.our-mission__box--fourth img {
    height: 150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__box--fifth {
    flex: 1 0 275px;
    max-width: 275px;
    margin-top: 50px
}

@media (max-width: 719.98px) {
    .our-mission__box--fifth {
        display: none
    }
}

.our-mission__box--fifth img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__box--sixth {
    flex: 1 0 630px;
    max-width: 630px;
    position: absolute;
    right: 0;
    transform: translateY(-60px);
    bottom: 0
}

@media (min-width: 720px) {
    .our-mission__box--sixth {
        z-index: 1
    }
}

@media (max-width: 719.98px) {
    .our-mission__box--sixth {
        position: initial;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.our-mission__box--sixth img {
    height: 550px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.our-mission__image {
    position: relative;
    z-index: 1
}

.our-mission__wrap {
    background-color: #32373c;
    padding: 65px 75px;
    color: #fff;
    border-radius: 5px
}

@media (max-width: 719.98px) {
    .our-mission__wrap {
        padding: 65px 30px;
        padding-top: 100px
    }
}

.our-mission__text {
    margin-top: 10px
}

.our-mission__text p {
    margin-top: 40px
}

.our-mission__button {
    margin-top: 45px
}

.articles-headbar {
    margin-top: 275px
}

@media (max-width: 1239.98px) {
    .articles-headbar {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .articles-headbar {
        margin-top: 80px
    }
}

.articles-headbar__boxes {
    display: flex;
    flex-wrap: wrap
}

.articles-headbar__box {
    flex: 1 0 50%;
    max-width: 50%
}

@media (max-width: 1239.98px) {
    .articles-headbar__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

@media (max-width: 1239.98px) {
    .articles-headbar__box--image {
        margin-top: 40px
    }
}

.articles-headbar__box--image .reviews__image img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1239.98px) {
    .articles-headbar__box--image .reviews__image img {
        height: 100%
    }
}

.articles-headbar__box--content {
    padding-right: 85px
}

@media (max-width: 1239.98px) {
    .articles-headbar__box--content {
        padding-right: 0px
    }
}

.articles-headbar__perex {
    margin-top: 30px
}

.articles-headbar .reviews-slider {
    margin-top: 0
}

.articles-headbar .reviews-slider__item {
    margin-right: 0;
    width: 100% !important
}

.articles-headbar .reviews-slider__wrap-item {
    width: 100%;
    max-width: none
}

.sellers {
    margin-top: 0
}

.sellers__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (max-width: 1239.98px) {
    .sellers__boxes {
        margin: 0 -10px
    }
}

.sellers__boxes+.sellers__maintitle {
    margin-top: 140px
}

@media (max-width: 1239.98px) {
    .sellers__boxes+.sellers__maintitle {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .sellers__boxes+.sellers__maintitle {
        margin-top: 40px
    }
}

.sellers__box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .sellers__box {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 0 10px
    }
}

@media (max-width: 719.98px) {
    .sellers__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.sellers__box:nth-child(-n+3) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .sellers__box:nth-child(-n+3) {
        margin-top: 20px
    }
}

.sellers__box:nth-child(-n+2) {
    margin-top: 0
}

@media (max-width: 719.98px) {
    .sellers__box:nth-child(-n+2) {
        margin-top: 20px
    }
}

@media (max-width: 719.98px) {
    .sellers__box:first-child {
        margin-top: 0
    }
}

.sellers__list-item-whatsapp a img {
    position: relative !important
}

.sellers__wrap {
    background-color: #eeeef0;
    border-radius: 5px;
    padding: 18px;
    height: 100%
}

@media (max-width: 719.98px) {
    .sellers__wrap {
        padding: 15px
    }
}

.sellers__image img {
    width: 100%;
    height: 225px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@media (max-width: 1239.98px) {
    .sellers__image img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.sellers__list {
    margin-top: 20px
}

.sellers__list li {
    margin-top: 5px
}

.sellers__list a {
    display: block;
    position: relative;
    font-weight: 800;
    letter-spacing: 0
}

.sellers__list a span {
    font-weight: 400
}

.sellers__list a img {
    position: absolute;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    left: 0;
    top: 2px
}

.sellers__name {
    margin-top: 20px
}

@media (min-width: 1240px) {
    .sellers__name * {
        font-size: 24px
    }
}

.sellers__job-position p {
    line-height: 100%
}

.sellers__maintitle {
    margin-bottom: 35px;
    margin-top: 140px
}

@media (max-width: 1239.98px) {
    .sellers__maintitle {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .sellers__maintitle {
        margin-top: 40px
    }
}

.history-slider {
    padding-left: 20px;
    position: relative;
    z-index: 2;
    margin-top: 60px
}

@media (max-width: 719.98px) {
    .history-slider {
        padding-left: 0;
        margin-top: 40px
    }
}

.history-slider__slider {
    width: 100vw;
    display: flex;
    opacity: 0;
    transition: 0.6s opacity
}

@media (max-width: 1239.98px) {
    .history-slider__slider {
        width: 100vw
    }
}

@media (max-width: 719.98px) {
    .history-slider__slider {
        width: 100%
    }
}

.history-slider__slider.active {
    opacity: 1
}

.history-slider .slick-list {
    padding: 0 !important;
    padding-right: 600px !important;
    margin: 0 -20px
}

@media (max-width: 719.98px) {
    .history-slider .slick-list {
        padding-right: 0 !important;
        margin: 0 0px
    }
}

.history-slider__wrap {
    height: 100%
}

.history-slider__wrap:hover .hightlights__image img {
    transform: scale(1.1)
}

.history-slider__wrap-item {
    padding: 0px;
    background-color: #fff;
    box-shadow: 7px 2px 18px 6px rgba(0, 0, 0, 0.04);
    max-width: 420px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    position: relative;
    flex-direction: column;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .history-slider__wrap-item {
        max-width: none;
        min-width: 100%
    }
}

@media (max-width: 719.98px) {
    .history-slider__wrap-item {
        min-width: 100%
    }
}

@media (min-width: 1240px) {
    .history-slider__wrap-item:hover .reviews__image img {
        transform: scale(1.1)
    }

    .history-slider__wrap-item:hover .reviews__arrow-detail {
        transform: translateX(0);
        opacity: 1
    }
}

.history-slider__item:last-child {
    margin-right: 200px
}

@media (max-width: 719.98px) {
    .history-slider__item:last-child {
        margin-right: 0
    }
}

.history-slider .slick-track {
    display: flex !important;
    padding: 50px;
    padding-left: 20px;
    padding-top: 20px
}

@media (max-width: 1239.98px) {
    .history-slider .slick-track {
        padding-left: 0
    }
}

.history-slider .slick-slide {
    height: auto;
    margin: 0 13px
}

@media (max-width: 719.98px) {
    .history-slider .slick-slide {
        margin: 0
    }
}

.history-slider__arrow-wrapper {
    margin: auto;
    display: flex
}

@media (max-width: 1239.98px) {
    .history-slider__arrow-wrapper {
        order: 1;
        z-index: 1
    }
}

@media (max-width: 719.98px) {
    .history-slider__arrow-wrapper {
        padding: 0 6.25%
    }
}

.history-slider__arrow {
    display: flex;
    margin: 0 -10px;
    justify-content: center
}

@media (max-width: 719.98px) {
    .history-slider__arrow {
        justify-content: flex-start
    }
}

.history-slider__arrow .slick-button {
    padding: 0 10px
}

.history-slider__arrow .slick-button button {
    outline: none;
    border: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    display: flex;
    align-items: center;
    background-color: #F9F9FA;
    border-radius: 5px;
    border: 1px solid #32373c;
    justify-content: center;
    transition: 0.6s background-color
}

@media (max-width: 719.98px) {
    .history-slider__arrow .slick-button button {
        width: 30px;
        height: 30px
    }
}

.history-slider__arrow .slick-button button:hover {
    background-color: #CD0F2D;
    border: 1px solid #CD0F2D
}

.history-slider__arrow .slick-button button:hover .slick-button__element {
    fill: #fff
}

.history-slider__arrow .slick-button .slick-prev img,
.history-slider__arrow .slick-button .slick-prev svg {
    transition: 0.6s transform;
    transform: rotate(180deg)
}

.history-slider__arrow .slick-button__element {
    transition: 0.3s fill
}

.history__image {
    position: relative
}

.history__image a {
    display: block;
    position: relative;
    overflow: hidden
}

.history__image a:hover img {
    transform: scale(1.1)
}

.history__image:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50%)
}

.history__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.6s transform;
    transform: scale(1)
}

.history__content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 45px;
    width: 100%
}

.history__content * {
    color: #F9F9FA
}

.history__date {
    margin-top: 12px
}

.history__arrow-detail {
    position: absolute;
    bottom: 50px;
    right: 80px;
    transform: translateX(-100px);
    transition: 0.6s transform, 0.6s opacity;
    opacity: 0
}

.history-slider-section {
    padding-bottom: 150px;
    margin-top: 130px
}

@media (max-width: 1239.98px) {
    .history-slider-section {
        padding-bottom: 80px
    }
}

@media (max-width: 719.98px) {
    .history-slider-section {
        padding-bottom: 40px
    }
}

@media (max-width: 1239.98px) {
    .history-slider-section {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .history-slider-section {
        margin-top: 40px
    }
}

.history-slider-section .container {
    position: relative
}

.history-slider-section__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    margin-top: 50px
}

@media (max-width: 1239.98px) {
    .history-slider-section__boxes {
        padding: 0 6.25%
    }
}

@media (max-width: 719.98px) {
    .history-slider-section__boxes {
        margin-top: 25px
    }
}

.history-slider-section__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 20px
}

@media (max-width: 1239.98px) {
    .history-slider-section__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.history-slider-section__box--year p {
    font-size: 150px;
    font-weight: 800;
    line-height: 100%;
    color: #e5e5e7
}

@media (max-width: 1239.98px) {
    .history-slider-section__box--year p {
        font-size: 100px
    }
}

@media (max-width: 719.98px) {
    .history-slider-section__box--year p {
        font-size: 80px
    }
}

.history-slider-section__box--content {
    display: flex
}

@media (max-width: 1239.98px) {
    .history-slider-section__title-wrap {
        padding: 0 6.25%
    }
}

.map {
    margin-top: 290px
}

@media (max-width: 1239.98px) {
    .map {
        margin-top: 140px
    }
}

@media (max-width: 719.98px) {
    .map {
        margin-top: 80px
    }
}

.map #map__wrap {
    width: 100%;
    height: 800px
}

@media (max-width: 719.98px) {
    .map #map__wrap {
        height: 500px
    }
}

.map+.contact-card {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .map+.contact-card {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .map+.contact-card {
        margin-top: 50px
    }
}

.billing-contact {
    margin-top: 145px
}

@media (max-width: 1239.98px) {
    .billing-contact {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .billing-contact {
        margin-top: 50px
    }
}

.billing-contact__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px
}

.billing-contact__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 40px;
    margin-top: 30px
}

@media (max-width: 719.98px) {
    .billing-contact__box {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 20px
    }
}

.billing-contact__title {
    font-size: 16px;
    font-weight: 800
}

.billing-contact__wrap ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.billing-contact__wrap ul li {
    position: relative;
    padding: 0 20px
}

.billing-contact__wrap ul li:after {
    content: "";
    height: 10px;
    width: 2px;
    background-color: #CD0F2D;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.billing-contact__wrap ul li:last-child:after {
    display: none
}

.billing-contact__law {
    margin-top: 35px
}

@media (max-width: 719.98px) {
    .billing-contact__law {
        margin-top: 15px
    }
}

.billing-contact__law p {
    font-size: 12px;
    line-height: 20px
}

.billing-contact__name {
    font-weight: 500
}

@media (max-width: 719.98px) {
    .billing-contact+.social-news {
        margin-top: 80px
    }
}

.article-detail-headbar {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .article-detail-headbar {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .article-detail-headbar {
        margin-top: 80px
    }
}

.article-detail-headbar__perex {
    margin-top: 63px
}

@media (max-width: 1239.98px) {
    .article-detail-headbar__perex {
        margin-top: 40px
    }
}

@media (max-width: 719.98px) {
    .article-detail-headbar__perex {
        margin-top: 30px
    }
}

.article-detail-headbar__button {
    margin-top: 70px
}

@media (max-width: 1239.98px) {
    .article-detail-headbar__button {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-detail-headbar__button {
        margin-top: 30px
    }
}

.article-detail-headbar__main-image {
    margin-top: 70px
}

@media (max-width: 1239.98px) {
    .article-detail-headbar__main-image {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .article-detail-headbar__main-image {
        margin-top: 30px
    }
}

.article-detail-headbar__main-image img {
    height: 480px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

@media (max-width: 1239.98px) {
    .article-detail-headbar__main-image img {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.article-detail-headbar__content {
    padding: 0 6.25%;
    position: relative
}

.article-detail-headbar__title svg {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1240px) {
    .article-detail-headbar__title svg {
        position: absolute;
        top: 10px
    }
}

.article-detail-headbar__title svg path {
    transition: 0.6s fill
}

.article-detail-headbar__title a {
    display: inline-block;
    padding: 20px
}

@media (min-width: 1240px) {
    .article-detail-headbar__title a {
        position: absolute;
        left: 0;
        top: 5px
    }
}

@media (max-width: 1239.98px) {
    .article-detail-headbar__title a {
        display: block;
        padding-left: 0;
        padding-top: 0
    }
}

.article-detail-headbar__title a:hover svg path {
    fill: #CD0F2D
}

.services-list {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .services-list {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .services-list {
        margin-top: 60px
    }
}

@media (min-width: 1240px) {
    .services-list .container {
        max-width: 1690px
    }
}

.services-list__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.services-list__box {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-top: 20px
}

.services-list__box:nth-child(-n+4) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .services-list__box {
        flex: 1 0 50%;
        max-width: 50%
    }

    .services-list__box:nth-child(-n+4) {
        margin-top: 20px
    }

    .services-list__box:nth-child(-n+2) {
        margin-top: 0
    }
}

@media (max-width: 719.98px) {
    .services-list__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .services-list__box:nth-child(-n+2) {
        margin-top: 20px
    }

    .services-list__box:first-child {
        margin-top: 0
    }
}

.services-list__wrap {
    position: relative
}

.services-list__wrap a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    z-index: 1
}

.services-list__wrap a:after {
    content: "";
    background: #000;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

.services-list__wrap a:hover img {
    transform: scale(1.1)
}

.services-list__wrap a img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    border-radius: 5px;
    transition: 0.6s transform
}

.services-list__wrap p {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    font-size: 25px;
    font-weight: 800;
    color: #F9F9FA;
    z-index: 1
}

.our-brands {
    margin-top: 140px
}

@media (max-width: 1239.98px) {
    .our-brands {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .our-brands {
        margin-top: 60px
    }
}

.our-brands__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px
}

.our-brands__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 30px
}

@media (max-width: 719.98px) {
    .our-brands__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.our-brands__box--title {
    padding-right: 90px
}

@media (max-width: 719.98px) {
    .our-brands__box--images {
        margin-top: 30px
    }
}

.our-brands__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.our-brands__item {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.our-brands__item:nth-child(-n+3) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .our-brands__item {
        flex: 1 0 50%;
        max-width: 50%;
        margin-top: 30px
    }

    .our-brands__item:nth-child(-n+3) {
        margin-top: 30px
    }

    .our-brands__item:nth-child(-n+2) {
        margin-top: 0
    }
}

.our-brands__item img {
    height: 75px;
    width: 120px;
    -o-object-fit: contain;
    object-fit: contain
}

.our-brands__other {
    text-align: center;
    margin-top: 20px
}

.univerzal {
    margin-top: 190px
}

@media (max-width: 1239.98px) {
    .univerzal {
        margin-top: 100px
    }
}

@media (max-width: 719.98px) {
    .univerzal {
        margin-top: 80px
    }
}

.fixed-information {
    background-color: #fff;
    display: none;
    padding: 10px 0;
    opacity: 1;
    transition: 0.3s opacity
}

@media (max-width: 1239.98px) {
    .fixed-information.active {
        display: block
    }
}

.fixed-information__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: space-between
}

.fixed-information__box {
    padding: 0 10px
}

.fixed-information__box--title p {
    font-weight: 700
}

.disable-overflow .fixed-information {
    opacity: 0
}

.univerzal-gallery {
    margin-top: 100px
}

@media (max-width: 719.98px) {
    .univerzal-gallery {
        margin-top: 50px
    }
}

.univerzal-gallery__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.univerzal-gallery__box {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .univerzal-gallery__box {
        flex: 1 0 33.333333%;
        max-width: 33.333333%
    }
}

@media (max-width: 719.98px) {
    .univerzal-gallery__box {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.univerzal-gallery__wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.univerzal-gallery__image:hover img {
    transform: scale(1.05)
}

.univerzal-gallery__image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: transform 0.3s ease-in-out
}

.optional-form {
    margin-top: 140px;
    position: relative
}

@media (max-width: 1239.98px) {
    .optional-form {
        margin-top: 90px
    }
}

@media (max-width: 719.98px) {
    .optional-form {
        margin-top: 60px
    }
}

@media (max-width: 1239.98px) {
    .scroll-down__icon svg {
        height: 30px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.not-found {
    position: relative;
    height: 100%;
    padding-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0
}

.not-found__logo {
    height: 105px
}

@media (max-width: 719.98px) {
    .not-found__logo {
        height: 60px
    }
}

.not-found__text {
    margin: 75px 0
}

@media only screen and (max-width: 1199px) {
    .not-found__text {
        margin: 30px 0
    }
}

.not-found__img404 {
    position: absolute;
    left: -22%;
    top: 0;
    bottom: 0;
    margin: auto
}

@media (max-width: 719.98px) {
    .not-found__img404 {
        left: 0
    }
}

.not-found__wrap {
    position: relative;
    z-index: 1
}

.not-found .section-title {
    font-size: 30px;
    text-transform: inherit
}

.not-found__offer-title {
    margin-top: 75px
}

.not-found__offer-text {
    margin-bottom: 30px;
    font-size: 18px
}

.page-404 {
    display: flex;
    flex-direction: column
}

.page-404 .footer {
    margin-top: auto
}

.page-404 main {
    height: calc(100vh - 73px);
    min-height: 620px
}

.index-page .logo a img {
    filter: brightness(0) invert(1)
}

@media (max-width: 719.98px) {
    .index-page .cars {
        margin-top: 40px
    }
}

.index-page .hamburger-sidemenu span {
    color: #F9F9FA
}

.index-page .hamburger-sidemenu__icon {
    background-color: #F9F9FA
}

.index-page .hamburger-sidemenu__icon:before,
.index-page .hamburger-sidemenu__icon:after {
    background-color: #F9F9FA
}

.index-page.disable-overflow .header:has(.animate) .logo a img {
    filter: brightness(0) invert(0)
}

.index-page:not(.fix) .menu__social.main .menu-social__item a svg .icon_hover {
    fill: #F9F9FA !important
}

.index-page:not(.fix) .menu__social.main .menu-social__item a:hover svg .icon_hover {
    fill: #CD0F2D !important
}

@media only screen and (min-width: 1680px) {
    .index-page .cars>.container {
        max-width: 1650px
    }

    .index-page .cars>.container .cars__boxes .cars__box {
        flex: 1 0 33.33%;
        max-width: 33.33%
    }
}

@media only screen and (max-width: 1679px) {
    .index-page .cars>.container .cars__box:nth-child(5) {
        display: none
    }

    .index-page .cars>.container .cars__box:nth-child(6) {
        display: none
    }
}

.cars-list-page .cars {
    margin-top: 150px
}

@media (max-width: 1239.98px) {
    .cars-list-page .cars {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .cars-list-page .cars {
        margin-top: 80px
    }
}

@media only screen and (min-width: 1680px) {
    .cars-list-page .cars>.container {
        max-width: 1650px
    }

    .cars-list-page .cars>.container .cars__boxes .cars__box {
        flex: 1 0 33.33%;
        max-width: 33.33%
    }
}

.cars-list-page .cars__maintitle {
    text-align: left
}

.cars-list-page .cars .custom-select {
    position: relative;
    width: 100%
}

.cars-list-page .cars .custom-select__close button {
    display: flex;
    width: 25px;
    height: 25px;
    background-color: #32373c;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    right: 0;
    outline: none;
    border: 0;
    transition: 0.6s opacity
}

.cars-list-page .cars .custom-select__close button:hover {
    opacity: 0.6
}

.cars-list-page .cars .custom-select__selected-brand {
    margin-bottom: 20px
}

.cars-list-page .cars .custom-select .search-box {
    padding: 20px;
    margin-top: 0px
}

.cars-list-page .cars .custom-select .option label {
    margin-top: 0
}

.cars-list-page .cars .custom-select__selected-brand-box p {
    display: flex;
    align-items: center
}

.cars-list-page .cars .custom-select__selected-brand-box p img {
    height: 27px;
    max-width: 40px
}

.cars-list-page .cars .custom-select__selected-brand-box p span {
    display: inline-block;
    margin-left: 10px;
    line-height: 100%;
    position: relative
}

.cars-list-page .cars .custom-select__selected-brand-box--add-new p {
    font-weight: 700;
    text-transform: uppercase
}

.cars-list-page .cars .custom-select__selected-brand-box--add-new img {
    height: 10px;
    -o-object-fit: contain;
    object-fit: contain
}

.cars-list-page .cars .custom-select__selected-brand-box img {
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain
}

.cars-list-page .cars .custom-select__selected-brand-box--title {
    height: 30px;
    display: flex;
    align-items: center
}

.cars-list-page .cars .custom-select .select-box {
    margin-top: 20px
}

.cars-list-page .cars .custom-select .select-box:focus,
.cars-list-page .cars .custom-select .select-box.active {
    border: 1px solid #CD0F2D
}

.cars-list-page .cars .custom-select__plus-icon {
    background-color: #E7E8E9;
    outline: none;
    border: 0;
    border-radius: 5px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s opacity
}

.cars-list-page .cars .custom-select__plus-icon:hover {
    opacity: 0.6
}

.cars-list-page .cars .custom-select__plus-icon img {
    height: 12px !important;
    -o-object-fit: contain;
    object-fit: contain
}

.cars-list-page .cars .custom-select__plus-icon+span {
    top: 3px
}

.cars-list-page .cars .select-box {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #32373c;
    border-radius: 5px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background-image: url("https://advantage-cars.cz/images/svg/arrow-select.svg");
    background-position: right 15px center;
    background-size: 10px;
    background-repeat: no-repeat
}

.cars-list-page .cars .select-box span {
    color: #555
}

.cars-list-page .cars .select-hidden {
    display: none
}

.cars-list-page .cars .options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: none
}

.cars-list-page .cars .option {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s ease
}

.cars-list-page .cars .option:hover {
    background: #f0f0f0
}

.cars-list-page .cars .option img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    -o-object-fit: contain;
    object-fit: contain
}

.cars-list-page .cars .option input[type="radio"] {
    display: none
}

.cars-list-page .cars .option label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cars-list-page .cars .option label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #E7E8E9;
    border-radius: 5px;
    margin-right: 10px;
    background: #fff;
    padding: 5px;
    transition: background 0.3s ease, border-color 0.3s ease
}

.cars-list-page .cars .option input[type="radio"]:checked+label::before {
    background: #32373c;
    border-color: #32373c;
    box-shadow: inset 0px 0px 1px 4px #ffffff
}

.cars-list-page .option input[type="checkbox"] {
    display: none
}

.cars-list-page .option input[type="checkbox"]:checked+label::before {
    background: #32373c;
    border-color: #32373c;
    box-shadow: inset 0px 0px 1px 4px #ffffff
}

.car-detail-page .hightlights-slider__arrow-wrapper {
    display: flex;
    justify-content: flex-end
}

.car-detail-page .hightlights__image img {
    height: 480px
}

.articles {
    margin-top: 150px;
    position: relative
}

@media (max-width: 1239.98px) {
    .articles {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .articles {
        margin-top: 80px
    }
}

.articles__perex {
    margin-top: 20px
}

.articles__perex+.articles__boxes {
    margin-top: 70px
}

.articles__main-banners {
    margin-top: 40px;
    margin-bottom: 80px
}

.articles__main-banner {
    margin-top: 20px;
    position: relative
}

.articles__main-banner:first-child {
    margin-top: 0
}

.articles__main-banner-wrap img {
    aspect-ratio: 300 / 157;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: 0.6s transform;
    border-radius: 5px
}

.articles__main-banner-wrap a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.articles__main-banner-wrap a:hover img {
    transform: scale(1.05)
}

.articles+.contact-card {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .articles+.contact-card {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .articles+.contact-card {
        margin-top: 60px
    }
}

.articles__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.articles__boxes--two .articles__box {
    flex: 1 0 50%;
    max-width: 50%
}

.articles__boxes--two .articles__box:nth-child(-n+3) {
    margin-top: 20px
}

.articles__boxes--two .articles__box:nth-child(-n+2) {
    margin-top: 0
}

@media only screen and (max-width: 900px) {
    .articles__boxes--two .articles__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .articles__boxes--two .articles__box:nth-child(-n+2) {
        margin-top: 20px
    }

    .articles__boxes--two .articles__box:first-child {
        margin-top: 0
    }
}

.articles__boxes--two .reviews-slider__wrap {
    height: 400px
}

@media (max-width: 1239.98px) {
    .articles__boxes--two .reviews-slider__wrap {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.articles__boxes--two .reviews__image {
    height: 100%
}

.articles__boxes--two .reviews__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.articles__box {
    padding: 0 10px;
    flex: 1 0 33.33%;
    max-width: 33.33%;
    margin-top: 20px
}

.articles__box:nth-child(-n+3) {
    margin-top: 0
}

@media (max-width: 1239.98px) {
    .articles__box {
        flex: 1 0 50%;
        max-width: 50%
    }

    .articles__box:nth-child(-n+3) {
        margin-top: 20px
    }

    .articles__box:nth-child(-n+2) {
        margin-top: 0
    }
}

@media only screen and (max-width: 900px) {
    .articles__box {
        flex: 1 0 100%;
        max-width: 100%
    }

    .articles__box:nth-child(-n+2) {
        margin-top: 20px
    }

    .articles__box:first-child {
        margin-top: 0
    }
}

.articles__box .reviews-slider {
    margin-top: 0px;
    padding-left: 0
}

.articles__box .reviews-slider__item {
    margin-right: 0;
    width: 100% !important
}

.articles__box .reviews-slider__wrap-item {
    min-width: inherit;
    max-width: none
}

.articles__mainbutton {
    margin-top: 75px;
    text-align: right
}

@media (max-width: 1239.98px) {
    .articles__mainbutton {
        margin-top: 50px
    }
}

@media (max-width: 719.98px) {
    .articles__mainbutton {
        margin-top: 30px
    }
}

.articles__title+.articles__boxes {
    margin-top: 68px
}

@media (max-width: 1239.98px) {
    .articles__title+.articles__boxes {
        margin-top: 40px
    }
}

@media (max-width: 719.98px) {
    .articles__title+.articles__boxes {
        margin-top: 30px
    }
}

.main-title+.articles__boxes {
    margin-top: 55px
}

@media (max-width: 1239.98px) {
    .main-title+.articles__boxes {
        margin-top: 20px
    }
}

.blog-detail-page .article-content+.articles {
    padding-top: 95px;
    border-top: 1px solid #32373c;
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .blog-detail-page .article-content+.articles {
        padding-top: 70px;
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .blog-detail-page .article-content+.articles {
        padding-top: 50px;
        margin-top: 50px
    }
}

.blog-detail-page .article-detail-headbar+.article-content {
    padding-top: 100px
}

@media (max-width: 1239.98px) {
    .blog-detail-page .article-detail-headbar+.article-content {
        padding-top: 50px
    }
}

@media (max-width: 719.98px) {
    .blog-detail-page .article-detail-headbar+.article-content {
        padding-top: 20px
    }
}

.contact-page .contact-headbar {
    margin-top: 270px
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar {
        margin-top: 120px
    }
}

@media (max-width: 719.98px) {
    .contact-page .contact-headbar {
        margin-top: 80px
    }
}

.contact-page .contact-headbar__image {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar__image {
        margin-top: 50px
    }
}

.contact-page .contact-headbar__image img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.contact-page .contact-headbar__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 40px 50px
}

.contact-page .contact-headbar__content .section-title {
    color: #F9F9FA
}

.contact-page .contact-headbar__subtitle {
    margin-top: 20px
}

.contact-page .contact-headbar__subtitle p {
    font-weight: 800
}

.contact-page .contact-headbar__content-button {
    margin-top: 38px
}

.contact-page .contact-headbar__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.contact-page .contact-headbar__box {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar__box {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.contact-page .contact-headbar__whatsapp {
    margin: 40px 0;
    margin-top: 20px !important
}

.contact-page .contact-headbar__whatsapp a {
    width: 100%;
    display: block
}

.contact-page .contact-headbar__whatsapp a:hover img {
    opacity: 0.6
}

.contact-page .contact-headbar__whatsapp a img {
    height: auto !important;
    width: 150px;
    opacity: 1;
    transition: 0.6s opacity
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar__whatsapp a img {
        width: 120px
    }
}

@media (max-width: 719.98px) {
    .contact-page .contact-headbar__whatsapp a img {
        width: 120px
    }
}

.contact-page .contact-headbar__opening-title {
    margin-top: 30px
}

.contact-page .contact-headbar__list ul {
    margin-top: 35px
}

.contact-page .contact-headbar__list ul li {
    margin-top: 10px
}

.contact-page .contact-headbar__list ul li:nth-child(2) {
    margin-top: 36px
}

.contact-page .contact-headbar__list a {
    font-size: 30px;
    font-weight: 800;
    line-height: 120%;
    position: relative;
    padding-left: 35px;
    display: inline-block
}

@media (min-width: 1240px) {
    .contact-page .contact-headbar__list a:hover {
        text-decoration: underline
    }
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar__list a {
        font-size: 25px
    }
}

@media (max-width: 719.98px) {
    .contact-page .contact-headbar__list a {
        font-size: 16px
    }
}

.contact-page .contact-headbar__list a img {
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 0;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1239.98px) {
    .contact-page .contact-headbar__list a img {
        top: 6px
    }
}

@media (max-width: 719.98px) {
    .contact-page .contact-headbar__list a img {
        top: 1px
    }
}

.contact-page .contact-headbar__address {
    margin-top: 36px !important
}

.about-page .headbar {
    opacity: 1
}

.about-page .headbar .headbar__slider {
    opacity: 1
}

.about-page .headbar .headbar__text-slider {
    opacity: 1
}

.about-page .headbar__scroll-down {
    margin-top: auto
}

@media (min-width: 1240px) {
    .about-page .headbar__scroll-down {
        transform: translateY(57px)
    }
}

.about-page .history-slider-section {
    padding-bottom: 0
}

@media (max-width: 719.98px) {
    .about-page .reviews-slider-section {
        margin-top: 0
    }
}

.about-page .logo a img {
    filter: brightness(0) invert(1)
}

.about-page .hamburger-sidemenu span {
    color: #F9F9FA
}

.about-page .hamburger-sidemenu__icon {
    background-color: #F9F9FA
}

.about-page .hamburger-sidemenu__icon:before,
.about-page .hamburger-sidemenu__icon:after {
    background-color: #F9F9FA
}

.about-page.disable-overflow .header:has(.animate) .logo a img {
    filter: brightness(0) invert(0)
}

.about-page:not(.fix) .menu__social.main .menu-social__item a svg .icon_hover {
    fill: #F9F9FA !important
}

.about-page:not(.fix) .menu__social.main .menu-social__item a:hover svg .icon_hover {
    fill: #CD0F2D !important
}

.services-list-page .article-content {
    padding-top: 120px
}

@media (max-width: 1239.98px) {
    .services-list-page .article-content {
        padding-top: 80px
    }
}

@media (max-width: 719.98px) {
    .services-list-page .article-content {
        padding-top: 60px
    }
}

.services-list-page .logo a img {
    filter: brightness(0) invert(1)
}

.services-list-page .hamburger-sidemenu span {
    color: #F9F9FA
}

.services-list-page .hamburger-sidemenu__icon {
    background-color: #F9F9FA
}

.services-list-page .hamburger-sidemenu__icon:before,
.services-list-page .hamburger-sidemenu__icon:after {
    background-color: #F9F9FA
}

.services-list-page .headbar__scroll-down {
    position: absolute;
    bottom: 0
}

@media (max-width: 1239.98px) {
    .services-list-page .headbar__scroll-down {
        bottom: 20px
    }
}

.services-list-page:not(.fix) .menu__social.main .menu-social__item a svg .icon_hover {
    fill: #F9F9FA !important
}

.services-list-page:not(.fix) .menu__social.main .menu-social__item a:hover svg .icon_hover {
    fill: #CD0F2D !important
}

.carrer-page .headbar {
    opacity: 1
}

.carrer-page .headbar .headbar__slider {
    opacity: 1
}

.carrer-page .headbar .headbar__text-slider {
    opacity: 1
}

.carrer-page .headbar__scroll-down {
    margin-top: auto
}

@media (min-width: 1240px) {
    .carrer-page .headbar__scroll-down {
        transform: translateY(57px)
    }
}

.carrer-page .logo a img {
    filter: brightness(0) invert(1)
}

@media (max-width: 719.98px) {
    .carrer-page .cars {
        margin-top: 40px
    }
}

.carrer-page .article-content {
    padding-top: 120px
}

@media (max-width: 1239.98px) {
    .carrer-page .article-content {
        padding-top: 80px
    }
}

@media (max-width: 719.98px) {
    .carrer-page .article-content {
        padding-top: 60px
    }
}

.carrer-page .hamburger-sidemenu span {
    color: #F9F9FA
}

.carrer-page .hamburger-sidemenu__icon {
    background-color: #F9F9FA
}

.carrer-page .hamburger-sidemenu__icon:before,
.carrer-page .hamburger-sidemenu__icon:after {
    background-color: #F9F9FA
}

.carrer-page.disable-overflow .header:has(.animate) .logo a img {
    filter: brightness(0) invert(0)
}

.carrer-page:not(.fix) .menu__social.main .menu-social__item a svg .icon_hover {
    fill: #F9F9FA !important
}

.carrer-page:not(.fix) .menu__social.main .menu-social__item a:hover svg .icon_hover {
    fill: #CD0F2D !important
}

.event-landing-detail .article-detail-headbar__main-image img {
    aspect-ratio: 300 / 157;
    height: auto
}

@-webkit-keyframes iconCopied {
    0% {
        background-color: #4CAF50;
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }

    87% {
        background-color: #4CAF50
    }

    100% {
        background-color: #32373C
    }
}

@keyframes iconCopied {
    0% {
        background-color: #4CAF50;
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }

    87% {
        background-color: #4CAF50
    }

    100% {
        background-color: #32373C
    }
}

@-webkit-keyframes iconImageFadeOut {
    0% {
        opacity: 1
    }

    13% {
        opacity: 0
    }

    87% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes iconImageFadeOut {
    0% {
        opacity: 1
    }

    13% {
        opacity: 0
    }

    87% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes checkmarkShow {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    13% {
        opacity: 1;
        transform: scale(1)
    }

    87% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.5)
    }
}

@keyframes checkmarkShow {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    13% {
        opacity: 1;
        transform: scale(1)
    }

    87% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.5)
    }
}

@-webkit-keyframes feedbackShow {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    4% {
        opacity: 1;
        transform: translateY(0)
    }

    87% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes feedbackShow {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    4% {
        opacity: 1;
        transform: translateY(0)
    }

    87% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@-webkit-keyframes buttonCopied {
    0% {
        background-color: #4CAF50;
        border-color: #4CAF50;
        transform: scale(1)
    }

    10% {
        transform: scale(1.05)
    }

    20% {
        transform: scale(1)
    }

    87% {
        background-color: #4CAF50;
        border-color: #4CAF50
    }

    100% {
        background-color: #4CAF50;
        border-color: #4CAF50
    }
}

@keyframes buttonCopied {
    0% {
        background-color: #4CAF50;
        border-color: #4CAF50;
        transform: scale(1)
    }

    10% {
        transform: scale(1.05)
    }

    20% {
        transform: scale(1)
    }

    87% {
        background-color: #4CAF50;
        border-color: #4CAF50
    }

    100% {
        background-color: #4CAF50;
        border-color: #4CAF50
    }
}

body,
html {
    font-family: "proxima-nova";
    scroll-behavior: smooth;
    scroll-padding-top: 100px
}

strong {
    font-weight: 700;
    font-family: "proxima-nova"
}

.advent-main-title {
    font-size: 40px;
    line-height: 50px;
    color: #32373C;
    font-family: "proxima-nova";
    font-weight: 700
}

@media (max-width: 1239.98px) {
    .advent-main-title {
        font-size: 35px
    }
}

@media (max-width: 719.98px) {
    .advent-main-title {
        font-size: 25px
    }
}

@media (max-width: 1239.98px) {
    .advent-main-title {
        line-height: 45px
    }
}

@media (max-width: 719.98px) {
    .advent-main-title {
        line-height: 35px
    }
}

.advent-secondary-title {
    font-size: 30px;
    line-height: 40px;
    color: #32373C;
    font-family: "proxima-nova";
    font-weight: 700
}

@media (max-width: 1239.98px) {
    .advent-secondary-title {
        font-size: 25px
    }
}

@media (max-width: 719.98px) {
    .advent-secondary-title {
        font-size: 20px
    }
}

@media (max-width: 1239.98px) {
    .advent-secondary-title {
        line-height: 35px
    }
}

@media (max-width: 719.98px) {
    .advent-secondary-title {
        line-height: 30px
    }
}

.advent-tertiary-title {
    font-size: 18px;
    line-height: 28px;
    color: #32373C;
    font-family: "proxima-nova";
    font-weight: 700
}

@media (max-width: 1239.98px) {
    .advent-tertiary-title {
        font-size: 18px
    }
}

@media (max-width: 719.98px) {
    .advent-tertiary-title {
        font-size: 18px
    }
}

@media (max-width: 1239.98px) {
    .advent-tertiary-title {
        line-height: 28px
    }
}

@media (max-width: 719.98px) {
    .advent-tertiary-title {
        line-height: 28px
    }
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.article-content>*:first-child {
    margin-top: 0 !important
}

.article-content>*:first-child>* {
    margin-top: 0 !important
}

.custom-content {
    margin-bottom: 240px
}

@media (max-width: 1239.98px) {
    .custom-content {
        margin-bottom: 180px
    }
}

.header {
    z-index: 21
}

@media (max-width: 1239.98px) {
    .article-content {
        padding-top: 80px
    }
}

.captcha-input-box {
    max-width: 100% !important;
    font-size: 14px !important
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 1240px) {
    .md-none {
        display: none !important
    }
}

@media (max-width: 1239.98px) {
    .sm-none {
        display: none !important
    }
}

.advent-button1 {
    display: inline-flex;
    font-size: 16px;
    padding: 16px 25px 16px 25px;
    font-weight: 700;
    font-family: "proxima-nova";
    text-align: center;
    background-color: #32373C;
    border: 1px solid #32373C;
    border-radius: 10px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    mask-image: radial-gradient(circle, white 100%, black 100%);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    color: #fff !important;
    font-style: normal;
    transition: all 300ms;
    line-height: 30px;
    text-decoration: none !important;
    overflow: hidden;
    line-height: 100%;
    letter-spacing: 0.025em
}

.advent-button1--smaller {
    padding: 10px 25px 8px 25px
}

.advent-button1--white {
    color: #fff !important;
    background-color: transparent;
    border: 1px solid #fff
}

@media (min-width: 1240px) {

    .advent-button1:hover,
    .advent-button1:focus {
        outline: none;
        text-decoration: none;
        color: #fff !important;
        background-color: #CD0F2D;
        border: 1px solid #CD0F2D
    }
}

.advent-button1.copied {
    -webkit-animation: buttonCopied 2.3s ease forwards;
    animation: buttonCopied 2.3s ease forwards
}

.advent-button2 {
    display: inline-block;
    font-size: 16px;
    padding: 16px 25px 16px 25px;
    background-color: #fff;
    font-family: "proxima-nova";
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    color: #32373C !important;
    border: 1px solid #fff;
    transition: all 300ms;
    line-height: 30px;
    min-width: 141px;
    letter-spacing: 0.025em;
    border-radius: 10px;
    line-height: 100%;
    z-index: 1
}

@media (max-width: 1239.98px) {
    .advent-button2 {
        min-width: 125px
    }
}

.advent-button2--smaller {
    padding: 8px 25px 8px 25px
}

.advent-button2:hover,
.advent-button2:focus {
    outline: none;
    text-decoration: none;
    color: #fff !important;
    background-color: #CD0F2D;
    border: 1px solid #CD0F2D
}

.advent-button2--black {
    background-color: #32373C;
    color: #fff !important;
    border: 1px solid #32373C
}

.advent-button2--black:hover,
.advent-button2--black:focus {
    background-color: #CD0F2D;
    color: #fff !important;
    border: 1px solid #CD0F2D
}

.advent-button2--black-border {
    background-color: transparent;
    color: #32373C !important;
    border: 1px solid #32373C
}

.advent-button2--black-border:hover,
.advent-button2--black-border:focus {
    background-color: #CD0F2D;
    color: #fff !important;
    border: 1px solid #CD0F2D
}

.advent-headbar {
    margin-top: 100px;
    position: relative;
    min-height: 600px
}

@media (max-width: 1239.98px) {
    .advent-headbar {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .advent-headbar {
        min-height: 700px
    }
}

.advent-headbar .container,
.advent-headbar .row {
    min-height: 600px
}

@media (max-width: 719.98px) {

    .advent-headbar .container,
    .advent-headbar .row {
        min-height: 700px
    }
}

.advent-headbar__headbar-flex {
    display: flex;
    align-items: center;
    height: auto
}

.advent-headbar__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.advent-headbar__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.advent-headbar__status {
    position: relative;
    z-index: 1;
    background-color: #32373C
}

@media (max-width: 1239.98px) {
    .advent-headbar__status {
        padding: 10px 0
    }
}

@media (max-width: 719.98px) {
    .advent-headbar__status {
        padding: 15px 0
    }
}

.advent-headbar__status-items {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    width: calc(100% - 60px);
    padding: 0 10px
}

@media only screen and (max-width: 1400px) {
    .advent-headbar__status-items {
        width: calc(100% - 30px)
    }
}

@media (max-width: 1239.98px) {
    .advent-headbar__status-items {
        width: 100%;
        padding: 0 20px
    }
}

.advent-headbar__status-item {
    padding: 10px 25px
}

@media (max-width: 1239.98px) {
    .advent-headbar__status-item {
        padding: 0 10px;
        font-size: 12px;
        line-height: 16px
    }

    .advent-headbar__status-item:first-child {
        flex: 1 0 100%;
        max-width: 100%;
        font-size: 16px
    }
}

@media (max-width: 719.98px) {
    .advent-headbar__status-item {
        padding: 8px 10px;
        font-size: 12px;
        line-height: 16px
    }

    .advent-headbar__status-item:first-child {
        font-size: 12px
    }
}

.advent-headbar__status-item p,
.advent-headbar__status-item a {
    color: #fff
}

@media (max-width: 1239.98px) {

    .advent-headbar__status-item p,
    .advent-headbar__status-item a {
        line-height: 16px
    }
}

.advent-headbar__status-item--clickable p strong {
    cursor: pointer
}

.advent-headbar__status-item--clickable p strong:hover,
.advent-headbar__status-item--clickable p strong:focus {
    text-decoration: underline
}

.advent-headbar__status-item--logout {
    margin-left: auto;
    display: flex
}

@media only screen and (max-width: 3000px) {
    .advent-headbar__status-item--logout {
        padding-right: 15px
    }
}

@media (max-width: 1239.98px) {
    .advent-headbar__status-item--logout {
        position: absolute;
        right: 10px
    }
}

.advent-headbar__status-item--logout button {
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff
}

.advent-headbar__status-item--logout button:hover,
.advent-headbar__status-item--logout button:focus {
    outline: none;
    text-decoration: underline
}

@media (max-width: 1239.98px) {
    .advent-headbar__status-item--logout button span {
        display: none
    }
}

.advent-headbar__status-item--logout button img {
    filter: brightness(0) invert(1)
}

@media (min-width: 1240px) {
    .advent-headbar__status-item--logout button img {
        display: none
    }
}

@media only screen and (max-width: 3000px) {
    .advent-headbar__status-item--email {
        padding-left: 10px
    }
}

@media (max-width: 1239.98px) {
    .advent-headbar__status-item--email {
        padding-left: 10px
    }
}

.advent-headbar__status-item a {
    color: #fff
}

.advent-headbar__status-item a:hover,
.advent-headbar__status-item a:focus {
    text-decoration: underline
}

.advent-headbar__titles .advent-main-title {
    color: #fff
}

.advent-headbar__subtitle p {
    font-weight: 700
}

@media (max-width: 719.98px) {
    .advent-headbar__subtitle p {
        font-size: 12px;
        line-height: 20px
    }
}

.advent-headbar__content {
    margin-top: 40px
}

@media (max-width: 719.98px) {
    .advent-headbar__content {
        margin-top: 25px;
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 719.98px) {
    .advent-headbar__content p {
        font-size: 12px;
        line-height: 20px
    }
}

.advent-headbar__wrap {
    color: #fff;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px
}

@media (max-width: 1239.98px) {
    .advent-headbar__wrap {
        padding: 0 20px;
        padding-bottom: 100px
    }
}

@media (max-width: 719.98px) {
    .advent-headbar__wrap {
        margin-top: auto;
        padding-bottom: 130px;
        padding-top: 350px
    }
}

.advent-headbar__buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 20px
}

.advent-headbar__button {
    padding: 0 10px;
    margin-top: 20px
}

.advent-calendar {
    margin-top: -90px
}

.advent-calendar--waiting .advent-calendar__items {
    margin-top: 100px
}

@media (max-width: 1239.98px) {
    .advent-calendar--waiting .advent-calendar__items {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .advent-calendar--waiting .advent-calendar__items {
        margin-top: 30px
    }
}

.advent-calendar__waiting-for-start {
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 30px 30px 60px 0px rgba(94, 44, 30, 0.05);
    -webkit-box-shadow: 30px 30px 60px 0px rgba(94, 44, 30, 0.05);
    -moz-box-shadow: 30px 30px 60px 0px rgba(94, 44, 30, 0.05)
}

@media (max-width: 1239.98px) {
    .advent-calendar__waiting-for-start {
        margin: 0 20px;
        padding: 30px
    }
}

@media (max-width: 719.98px) {
    .advent-calendar__waiting-for-start {
        margin: 0 -10px
    }
}

.advent-calendar__waiting-info-text {
    flex: 1 0 100%;
    max-width: 100%
}

.advent-calendar__waiting-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-end;
    gap: 20px
}

.advent-calendar__waiting-wrap .custom-checkbox {
    flex: 1 0 100%;
    max-width: 100%
}

.advent-calendar__waiting-wrap .custom-checkbox__text a {
    text-decoration: underline
}

.advent-calendar__waiting-wrap button {
    max-height: 50px
}

.advent-calendar__waiting-wrap .advent-checkbox__control {
    top: 0px
}

@media (max-width: 1239.98px) {
    .advent-calendar__waiting-wrap .advent-checkbox__control {
        top: -2px
    }
}

.advent-calendar__waiting-email {
    flex-grow: 1;
    width: auto;
    margin: 0
}

.advent-calendar__waiting-email p {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 12px;
    font-family: "proxima-nova";
    line-height: 16px
}

.advent-calendar__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media (max-width: 719.98px) {
    .advent-calendar__items {
        margin: 0 -20px
    }
}

.advent-calendar__item {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-top: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1239.98px) {
    .advent-calendar__item {
        flex: 1 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 380px) {
    .advent-calendar__item {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.advent-calendar__item--today .advent-calendar__item-image-unavailable {
    display: none
}

.advent-calendar__item--today .advent-calendar__item-question-show {
    display: none
}

.advent-calendar__item--today .advent-calendar__item-content {
    cursor: pointer
}

.advent-calendar__item--today .advent-calendar__item-wrap:hover .advent-calendar__item-question,
.advent-calendar__item--today .advent-calendar__item-wrap:focus .advent-calendar__item-question {
    text-decoration: none !important
}

.advent-calendar__item--past .advent-calendar__item-image-unavailable {
    display: none
}

.advent-calendar__item--past .advent-calendar__item-question-insert {
    display: none
}

.advent-calendar__item--past .advent-calendar__item-content {
    cursor: pointer;
    border: none
}

.advent-calendar__item--past .advent-radio label {
    cursor: default
}

.advent-calendar__item--future .advent-calendar__item-question-show {
    display: none
}

.advent-calendar__item--future .advent-calendar__item-question-insert {
    display: none
}

.advent-calendar__item--future .advent-calendar__item-wrap {
    border: 1px solid #D1D2D4
}

.advent-calendar__item--future .advent-calendar__item-wrap::after {
    display: none
}

.advent-calendar__item--future .advent-calendar__item-wrap::before {
    display: none
}

.advent-calendar__item--future .advent-calendar__item-wrap .advent-calendar__item-content {
    border: none
}

.advent-calendar__item--future .advent-calendar__item-wrap .advent-calendar__item-date a,
.advent-calendar__item--future .advent-calendar__item-wrap .advent-calendar__item-date p {
    color: #fff
}

@media (min-width: 720px) {
    .advent-calendar__item--top {
        display: none
    }
}

@media (max-width: 719.98px) {
    .advent-calendar__item--top {
        flex: 1 0 100%;
        max-width: 100%;
        order: -1
    }
}

.advent-calendar__item--top .advent-calendar__door {
    outline: 2px solid #fff
}

.advent-calendar__item--top .advent-calendar__item-wrap:after {
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px)
}

.advent-calendar__item--top .advent-calendar__item-content-wrap:before {
    top: 20px;
    left: 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px)
}

.advent-calendar__item--top .advent-calendar__item-question {
    margin-top: 10px
}

.advent-calendar__item--top .advent-calendar__door {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    right: 20px;
    bottom: 20px;
    left: 20px;
    top: 20px;
    background-size: calc(100% + 40px)
}

.advent-calendar__item-today-text {
    font-size: 12px;
    color: #fff;
    font-family: "proxima-nova";
    font-weight: 700;
    margin-bottom: 5px
}

@media (min-width: 720px) {
    .advent-calendar__item-today-text {
        display: none
    }
}

.advent-calendar__item-all-questions-text {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 10px;
    margin-top: 35px;
    font-size: 12px;
    font-family: "proxima-nova";
    font-weight: 700;
    margin-bottom: -10px
}

@media (min-width: 720px) {
    .advent-calendar__item-all-questions-text {
        display: none
    }
}

.advent-calendar__item-wrap {
    position: relative;
    height: 210px;
    border-radius: 10px;
    overflow: visible;
    perspective: 1000px;
    background-color: #FAF8F9
}

.advent-calendar__item-wrap:hover .advent-button2,
.advent-calendar__item-wrap:focus .advent-button2 {
    background-color: #32373C;
    color: #fff !important;
    text-decoration: none !important
}

@media (max-width: 1239.98px) {
    .advent-calendar__item-wrap {
        height: auto;
        aspect-ratio: 4 / 3
    }
}

.advent-calendar__item-wrap::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    border: 2px dashed #fff
}

@media (max-width: 719.98px) {
    .advent-calendar__item-wrap::after {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px)
    }
}

.advent-calendar__item-wrap::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
    border-radius: 10px
}

.advent-calendar__item-wrap.is-open {
    z-index: 20
}

.advent-calendar__item-wrap.is-open .advent-calendar__door {
    transform: rotateY(-135deg);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2)
}

.advent-calendar__item-wrap.is-open .advent-calendar__item-content {
    transform: rotateY(-135deg)
}

.advent-calendar__item-wrap.is-open .advent-calendar__item-content-wrap:before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.7)
}

.advent-calendar__item-wrap:hover .advent-calendar__item-question {
    text-decoration: underline;
    color: #fff
}

.advent-calendar__door {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 5px;
    background-position: center;
    background-size: calc(100% + 40px);
    background-repeat: no-repeat;
    transform-origin: left center;
    transform: rotateY(0deg);
    transition: transform 650ms cubic-bezier(0.2, 0.65, 0.15, 1);
    z-index: 3;
    outline: 1px solid #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

@media (max-width: 719.98px) {
    .advent-calendar__door {
        top: 10px;
        right: 10px;
        bottom: 10px;
        background-size: calc(100% + 20px);
        left: 10px
    }
}

.advent-calendar__door::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: inherit;
    transform: rotateY(180deg) translateZ(1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: brightness(0.05)
}

.advent-calendar__item-question-show p {
    color: #fff
}

.advent-calendar__item-image-show {
    height: 100%
}

.advent-calendar__item-image-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.advent-calendar__item-image-wrap img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.advent-calendar__item-content-wrap {
    height: 100%;
    position: relative;
    z-index: 5;
    padding: 20px;
    text-align: center;
    transform-style: preserve-3d
}

@media (max-width: 719.98px) {
    .advent-calendar__item-content-wrap {
        padding: 10px
    }
}

.advent-calendar__item-content-wrap:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    height: calc(100% - 44px);
    width: calc(100% - 44px);
    background-color: #000;
    opacity: 0;
    transition: 0.2s opacity, 0.2s background-color;
    border-radius: 5px
}

@media (max-width: 719.98px) {
    .advent-calendar__item-content-wrap:before {
        top: 11px;
        left: 11px;
        height: calc(100% - 22px);
        width: calc(100% - 22px)
    }
}

.advent-calendar__item-content {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform-origin: left center;
    transform: rotateY(0deg);
    transition: transform 650ms cubic-bezier(0.2, 0.65, 0.15, 1), 0.2s width;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 719.98px) {
    .advent-calendar__item-content {
        padding: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        top: 10px
    }
}

.advent-calendar__item-date {
    transition: 0.2s opacity
}

.advent-calendar__item-date a,
.advent-calendar__item-date p {
    font-size: 75px;
    line-height: 100%;
    color: #fff;
    font-family: "proxima-nova";
    font-weight: 700
}

@media (max-width: 719.98px) {

    .advent-calendar__item-date a,
    .advent-calendar__item-date p {
        font-size: 50px
    }
}

.advent-calendar__item-question {
    margin-top: 20px;
    width: 100%;
    text-align: center
}

@media (max-width: 719.98px) {
    .advent-calendar__item-question {
        margin-top: 5px
    }
}

.advent-calendar__item-question p {
    line-height: 20px
}

@media (max-width: 719.98px) {
    .advent-calendar__item-question p {
        font-size: 12px;
        line-height: 16px
    }
}

.advent-calendar__item-question-insert {
    width: 100%;
    display: flex;
    justify-content: center
}

.advent-calendar__item-question-insert .advent-button1,
.advent-calendar__item-question-insert .advent-button2 {
    border-radius: 5px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 200px
}

.advent-modal-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    transform: scale(0);
    transform-origin: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.advent-modal-content.is-visible {
    transform: scale(1)
}

@media (min-width: 1240px) {
    .advent-modal-content--statistics .advent-modal-content__wrap {
        max-width: calc(1200px - 6.25%)
    }
}

.advent-modal-content--statistics .advent-modal-content__scroll {
    min-height: 435px
}

.advent-modal-content--main {
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #fff
}

.advent-modal-content--main.is-past .advent-modal-content__item--form,
.advent-modal-content--main.is-past .advent-form__accept-button,
.advent-modal-content--main.has-voted .advent-modal-content__item--form,
.advent-modal-content--main.has-voted .advent-form__accept-button {
    display: none
}

.advent-modal-content--main .advent-modal-content__scroll {
    padding: 30px 0px;
    max-height: 100vh
}

@media (max-width: 1239.98px) {
    .advent-modal-content--main .advent-modal-content__scroll {
        padding: 10px 0px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px) + 80px)
    }
}

.advent-modal-content--main .advent-modal-content__boxes {
    margin: 0px;
    background-color: rgba(209, 210, 212, 0.25);
    padding: 20px 10px;
    border-radius: 10px
}

.advent-modal-content--main .advent-modal-content__box {
    padding: 0 10px
}

.advent-modal-content--main .advent-modal-content__close {
    top: 50px !important;
    right: 0 !important
}

@media (max-width: 1239.98px) {
    .advent-modal-content--main .advent-modal-content__close {
        top: 10px !important;
        right: 0 !important
    }
}

.advent-modal-content--main .advent-checkbox__control {
    background-color: #fff;
    border: 1px solid #32373C
}

.advent-modal-content__title {
    margin-bottom: 20px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__title {
        margin-top: 20px
    }
}

.advent-modal-content__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: center
}

.advent-modal-content__item {
    padding: 0 10px;
    margin-top: 25px
}

.advent-modal-content__item--question {
    flex: 1 0 62.5%;
    max-width: 62.5%
}

@media (max-width: 1239.98px) {
    .advent-modal-content__item--question {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.advent-modal-content__item--form {
    flex: 1 0 37.5%;
    max-width: 37.5%
}

@media (max-width: 1239.98px) {
    .advent-modal-content__item--form {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.advent-modal-content__item--full {
    flex: 1 0 100%;
    max-width: 100%;
    margin-top: 0
}

.advent-modal-content__item-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: center
}

@media (max-width: 1239.98px) {
    .advent-modal-content__item-boxes {
        flex-direction: column;
        align-items: flex-start
    }
}

.advent-modal-content__item-box {
    padding: 0 10px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__item-box--title {
        text-align: center;
        width: 100%
    }
}

.advent-modal-content__item-box .logo {
    padding: 0;
    position: initial
}

@media (max-width: 1239.98px) {
    .advent-modal-content__item-box .logo img {
        height: 30px
    }
}

.advent-modal-content__wrap {
    max-width: 1200px;
    margin: auto;
    position: relative
}

.advent-modal-content__name p {
    font-size: 12px;
    font-weight: 700;
    color: #CD0F2D;
    font-family: "proxima-nova";
    line-height: 20px
}

.advent-modal-content__questions {
    background-color: rgba(209, 210, 212, 0.25);
    border-radius: 10px;
    padding: 25px
}

.advent-modal-content__scroll {
    max-height: calc(100vh - 200px);
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 75px;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform 350ms ease-out
}

@media (max-width: 1239.98px) {
    .advent-modal-content__scroll {
        padding: 40px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__scroll {
        padding: 20px
    }
}

.advent-modal-content.is-visible .advent-modal-content__scroll {
    transform: scale(1)
}

.advent-modal-content .js-modal-date {
    color: #32373C;
    font-family: "proxima-nova" !important;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

@media (max-width: 719.98px) {
    .advent-modal-content .js-modal-date {
        font-size: 20px;
        line-height: 30px
    }
}

.advent-modal-content__close {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    color: #32373C;
    font-family: "proxima-nova";
    line-height: 20px;
    top: 20px;
    cursor: pointer;
    right: 20px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__close {
        right: 10px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__close {
        right: 0px;
        top: -35px
    }
}

.advent-modal-content__close:focus button,
.advent-modal-content__close:hover button {
    outline: none;
    transform: rotate(90deg)
}

.advent-modal-content__close button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    transition: 0.6s transform
}

.advent-modal-content__close button img {
    width: 20px;
    filter: brightness(0)
}

.advent-modal-content__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__boxes {
        margin: 0 0px
    }
}

.advent-modal-content__box {
    flex: 1 0 60%;
    max-width: 60%;
    padding: 0 45px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.advent-modal-content__box--image {
    flex: 1 0 40%;
    max-width: 40%
}

@media (max-width: 1239.98px) {
    .advent-modal-content__box--image {
        flex: 1 0 100%;
        max-width: 100%;
        order: -1;
        margin-top: 0px
    }
}

.advent-modal-content__box--image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.advent-modal-content__box--full {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0
}

.advent-modal-content__questions form {
    width: 100%
}

.advent-modal-content__answers {
    display: flex;
    flex-direction: column
}

@media (max-width: 1239.98px) {
    .advent-modal-content__answers {
        margin-top: 0px
    }
}

.advent-modal-content__answers .advent-radio__user-label {
    background-color: #fff;
    color: #32373C
}

.advent-modal-content .js-modal-today-button {
    margin-top: 20px
}

.advent-modal-content__user-email {
    text-align: center
}

.advent-modal-content__user-email p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    font-family: "proxima-nova";
    color: #CD0F2D
}

.advent-modal-content__statistics-title {
    text-align: center;
    margin-top: 16px
}

.advent-modal-content__statistics-table-wrap {
    margin-top: 45px;
    max-height: 400px;
    overflow-y: auto
}

.advent-modal-content__statistics-table {
    width: 100%
}

.advent-modal-content__statistics-table tbody tr {
    border-radius: 10px
}

.advent-modal-content__statistics-table tbody tr:nth-child(odd) td {
    background-color: rgba(50, 55, 60, 0.25)
}

@media (min-width: 720px) {
    .advent-modal-content__statistics-table tbody tr:nth-child(odd) td:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__statistics-table tbody tr:nth-child(odd) td:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

@media (min-width: 720px) {
    .advent-modal-content__statistics-table tbody tr:nth-child(odd) td:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__statistics-table tbody tr:nth-child(odd) td:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

.advent-modal-content__statistics-table tbody tr td {
    padding: 5px 20px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__statistics-table tbody tr td {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__statistics-table tbody tr td {
        display: block;
        padding: 3px 10px
    }

    .advent-modal-content__statistics-table tbody tr td:first-child {
        padding-top: 10px
    }

    .advent-modal-content__statistics-table tbody tr td:last-child {
        padding-bottom: 10px
    }
}

.advent-modal-content__statistics-button {
    max-width: 160px;
    text-align: right
}

@media (max-width: 719.98px) {
    .advent-modal-content__statistics-button {
        text-align: left;
        max-width: 100%
    }
}

.advent-modal-content__statistics-button button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    color: #32373C;
    transition: color 0.2s
}

@media (max-width: 1239.98px) {
    .advent-modal-content__statistics-button button {
        width: 100%;
        padding: 0
    }
}

.advent-modal-content__statistics-button button:focus,
.advent-modal-content__statistics-button button:hover {
    outline: none;
    text-decoration: underline
}

.advent-modal-content__statistics-button button.copied {
    color: #4CAF50
}

.advent-modal-content__statistics-summary {
    margin-top: 45px;
    text-align: center
}

.advent-modal-content__actions {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: center;
    margin-top: 20px
}

.advent-modal-content__action {
    padding: 0 10px;
    margin-top: 20px
}

.advent-modal-content__answers {
    counter-reset: answer-counter
}

.advent-modal-content__referral-link {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

@media (max-width: 1239.98px) {
    .advent-modal-content__referral-link {
        margin-top: 20px
    }
}

.advent-modal-content__referral-link-wrap {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    position: relative
}

@media (max-width: 719.98px) {
    .advent-modal-content__referral-link-wrap {
        padding: 15px
    }
}

.advent-modal-content__referral-link-icon {
    height: 40px;
    width: 40px;
    background-color: #32373C;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 40px;
    position: relative;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    transition: transform 0.2s, background-color 0.2s
}

@media (max-width: 719.98px) {
    .advent-modal-content__referral-link-icon {
        flex: 1 0 30px;
        height: 30px;
        width: 30px
    }
}

.advent-modal-content__referral-link-icon:hover,
.advent-modal-content__referral-link-icon:focus {
    transform: scale(1.05);
    background-color: #262a2e;
    outline: none
}

.advent-modal-content__referral-link-icon:active {
    transform: scale(0.95)
}

.advent-modal-content__referral-link-icon img {
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

@media (max-width: 719.98px) {
    .advent-modal-content__referral-link-icon img {
        height: 14px
    }
}

.advent-modal-content__referral-link-icon.copied {
    -webkit-animation: iconCopied 2.3s ease forwards;
    animation: iconCopied 2.3s ease forwards
}

.advent-modal-content__referral-link-icon.copied img {
    -webkit-animation: iconImageFadeOut 2.3s ease forwards;
    animation: iconImageFadeOut 2.3s ease forwards
}

.advent-modal-content__referral-link-icon.copied::after {
    content: "✓";
    position: absolute;
    color: white;
    font-size: 20px;
    font-weight: bold;
    -webkit-animation: checkmarkShow 2.3s ease forwards;
    animation: checkmarkShow 2.3s ease forwards
}

@media (max-width: 719.98px) {
    .advent-modal-content__referral-link-icon.copied::after {
        font-size: 16px
    }
}

.advent-modal-content__referral-link-text {
    display: flex;
    justify-content: center;
    padding-left: 15px;
    flex-direction: column
}

@media (max-width: 1239.98px) {
    .advent-modal-content__referral-link-text {
        padding-left: 12px;
        text-align: left
    }
}

.advent-modal-content__referral-link-text p {
    color: #32373C;
    margin: 0
}

@media (max-width: 1239.98px) {
    .advent-modal-content__referral-link-text p {
        font-size: 11px;
        line-height: 18px
    }
}

@media (max-width: 719.98px) {
    .advent-modal-content__referral-link-text p {
        font-size: 9px;
        line-height: 14px
    }
}

.advent-modal-content__referral-link-text span#referral-link-text-modal {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    cursor: text
}

.advent-modal-content__referral-link-text .referral-copy-feedback {
    color: #32373C;
    opacity: 0;
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px
}

@media (max-width: 1239.98px) {
    .advent-modal-content__referral-link-text .referral-copy-feedback {
        text-align: center
    }
}

.advent-modal-content__referral-link-text .referral-copy-feedback.show {
    -webkit-animation: feedbackShow 2.3s ease forwards;
    animation: feedbackShow 2.3s ease forwards
}

.advent-form__hint {
    margin-top: 20px;
    word-wrap: break-word;
    line-height: 23px
}

.advent-form__hint p {
    margin-bottom: 0
}

.advent-form__hint p a {
    color: #32373C;
    text-decoration: underline
}

.advent-form__hint a {
    color: #32373C;
    text-decoration: underline
}

.advent-form__hint a:hover,
.advent-form__hint a:focus {
    text-decoration: none !important
}

.advent-form__errors p {
    line-height: 20px
}

.advent-form__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.advent-form__group {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 12px
}

.advent-form__group label {
    display: inline-block;
    margin-bottom: 5px;
    color: #32373C;
    font-weight: 700;
    font-family: "proxima-nova";
    font-size: 12px
}

.advent-form__group input[type="text"],
.advent-form__group input[type="email"] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #32373C;
    padding: 14px 16px;
    background-color: #fff;
    outline: none;
    transition: border-color 200ms, box-shadow 200ms
}

.advent-form__group input[type="text"]::-moz-placeholder,
.advent-form__group input[type="email"]::-moz-placeholder {
    color: #32373C
}

.advent-form__group input[type="text"]::placeholder,
.advent-form__group input[type="email"]::placeholder {
    color: #32373C
}

.advent-form__group input[type="text"]:focus,
.advent-form__group input[type="email"]:focus {
    border-color: #32373C
}

.advent-form__consents {
    display: flex;
    flex-direction: column;
    margin-top: 18px
}

.advent-form__actions {
    margin-top: 26px;
    display: flex;
    justify-content: center
}

.advent-form__accept-button {
    margin-top: 20px;
    text-align: center;
    display: none
}

@media (max-width: 1239.98px) {
    .advent-form__accept-button {
        display: block
    }
}

.advent-form__success-message {
    margin-top: 20px;
    text-align: center;
    padding: 20px 20px 10px 20px
}

.advent-form__success-message p {
    margin-bottom: 10px;
    font-size: 18px
}

.advent-form__success-message p:last-child {
    margin-bottom: 0;
    font-size: 16px
}

@media (max-width: 719.98px) {
    .advent-form__success-message {
        padding: 15px 15px 10px 15px
    }

    .advent-form__success-message p {
        font-size: 16px
    }

    .advent-form__success-message p:last-child {
        font-size: 14px
    }
}

.advent-checkbox {
    position: relative;
    display: grid;
    grid-template-columns: 22px auto;
    gap: 12px;
    align-items: start
}

@media (max-width: 1239.98px) {
    .advent-checkbox {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px
    }
}

.advent-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.advent-checkbox__control {
    height: 22px;
    width: 22px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #32373C;
    display: inline-block;
    position: relative;
    top: -1px
}

.advent-checkbox__label {
    color: #32373C;
    font-size: 12px;
    line-height: 20px
}

.advent-checkbox__label a {
    color: #32373C;
    text-decoration: underline
}

.advent-checkbox__label a:hover,
.advent-checkbox__label a:focus {
    text-decoration: none
}

.advent-checkbox input[type="checkbox"]:checked+.advent-checkbox__control {
    background-color: #CD0F2D;
    border-color: #CD0F2D
}

.advent-checkbox input[type="checkbox"]:checked+.advent-checkbox__control:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.advent-radio {
    position: relative;
    margin-top: 20px;
    counter-increment: answer-counter
}

@media (max-width: 1239.98px) {
    .advent-radio {
        margin-top: 10px
    }
}

.advent-radio:first-child {
    margin-top: 0
}

.advent-radio input[type="radio"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer;
    z-index: 2
}

.advent-radio label {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 5px 18px;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 0;
    transition: 0.2s background-color, 0.2s border-color, 0.2s color;
    border: 1px solid #32373C
}

.advent-radio__letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32373C;
    font-weight: 700;
    font-family: "proxima-nova";
    transition: 0.2s color
}

.advent-radio__letter::before {
    content: counter(answer-counter, upper-alpha)
}

.advent-radio__label-text {
    color: #32373C;
    width: 100%;
    transition: 0.2s color;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 719.98px) {
    .advent-radio__label-text {
        font-size: 12px;
        line-height: 20px
    }
}

.advent-radio input[type="radio"]:checked+label {
    background-color: #CD0F2D;
    border-color: #CD0F2D;
    color: #fff
}

.advent-radio input[type="radio"]:checked+label .advent-radio__letter {
    color: #fff
}

.advent-radio input[type="radio"]:checked+label .advent-radio__label-text {
    color: #fff
}

.advent-radio input[type="radio"]:hover+label {
    background-color: #CD0F2D;
    border-color: #CD0F2D;
    color: #fff
}

.advent-radio input[type="radio"]:hover+label .advent-radio__letter {
    color: #fff
}

.advent-radio input[type="radio"]:hover+label .advent-radio__label-text {
    color: #fff
}

.advent-radio--correct label,
.advent-radio--selected label {
    background-color: #CD0F2D
}

.advent-radio--correct .advent-radio__letter,
.advent-radio--selected .advent-radio__letter {
    color: #fff
}

.advent-radio--correct .advent-radio__label-text,
.advent-radio--selected .advent-radio__label-text {
    color: #fff
}

.advent-radio--correct .advent-radio__checkmark,
.advent-radio--selected .advent-radio__checkmark {
    background-color: #fff
}

.advent-radio--correct .advent-radio__checkmark:after,
.advent-radio--selected .advent-radio__checkmark:after {
    border: solid #CD0F2D;
    border-width: 0 2px 2px 0
}

.advent-radio__checkmark {
    margin-left: auto;
    height: 22px;
    width: 22px;
    border-radius: 5px;
    background-color: #CD0F2D;
    display: inline-block;
    position: relative;
    top: 0px;
    min-width: 22px
}

.advent-radio__checkmark::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.advent-radio__user-label {
    margin-left: auto;
    padding: 4px 10px 2px 10px;
    line-height: 16px;
    background-color: #32373C;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

@media (max-width: 719.98px) {
    .advent-radio__user-label {
        font-size: 10px;
        padding: 3px 8px
    }
}

.advent-radio:not(:has(input)) label {
    cursor: default
}

.advent-share-referral {
    margin-top: 140px
}

@media (max-width: 1239.98px) {
    .advent-share-referral {
        margin-top: 80px
    }
}

@media (max-width: 719.98px) {
    .advent-share-referral {
        margin-top: 40px
    }
}

.advent-share-referral__link-icon {
    height: 50px;
    width: 50px;
    background-color: #32373C;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 50px;
    position: relative;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    transition: transform 0.2s, background-color 0.2s
}

@media (max-width: 719.98px) {
    .advent-share-referral__link-icon {
        flex: 1 0 30px;
        height: 30px;
        width: 30px
    }
}

.advent-share-referral__link-icon:hover,
.advent-share-referral__link-icon:focus {
    transform: scale(1.05);
    background-color: #262a2e;
    outline: none
}

.advent-share-referral__link-icon:active {
    transform: scale(0.95)
}

.advent-share-referral__link-icon img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

@media (max-width: 719.98px) {
    .advent-share-referral__link-icon img {
        height: 15px
    }
}

.advent-share-referral__link-icon.copied {
    -webkit-animation: iconCopied 2.3s ease forwards;
    animation: iconCopied 2.3s ease forwards
}

.advent-share-referral__link-icon.copied img {
    -webkit-animation: iconImageFadeOut 2.3s ease forwards;
    animation: iconImageFadeOut 2.3s ease forwards
}

.advent-share-referral__link-icon.copied::after {
    content: "✓";
    position: absolute;
    color: white;
    font-size: 24px;
    font-weight: bold;
    -webkit-animation: checkmarkShow 2.3s ease forwards;
    animation: checkmarkShow 2.3s ease forwards
}

@media (max-width: 719.98px) {
    .advent-share-referral__link-icon.copied::after {
        font-size: 18px
    }
}

.advent-share-referral__wrap {
    text-align: center
}

.advent-share-referral__content {
    margin-top: 40px
}

@media (max-width: 1239.98px) {
    .advent-share-referral__content {
        margin-top: 30px
    }
}

.advent-share-referral__link {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 50px
}

@media (max-width: 1239.98px) {
    .advent-share-referral__link {
        margin-top: 30px
    }
}

.advent-share-referral__link--modal {
    margin-top: 30px
}

@media (max-width: 1239.98px) {
    .advent-share-referral__link--modal {
        margin-top: 20px
    }
}

.advent-share-referral__link-wrap {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    position: relative
}

@media (max-width: 719.98px) {
    .advent-share-referral__link-wrap {
        padding: 20px
    }
}

.advent-share-referral__link--modal .advent-share-referral__link-wrap {
    padding: 20px
}

@media (max-width: 719.98px) {
    .advent-share-referral__link--modal .advent-share-referral__link-wrap {
        padding: 15px
    }
}

.advent-share-referral__link-text {
    display: flex;
    justify-content: center;
    padding-left: 20px;
    flex-direction: column
}

@media (max-width: 1239.98px) {
    .advent-share-referral__link-text {
        padding-left: 15px;
        text-align: left
    }
}

.advent-share-referral__link-text a,
.advent-share-referral__link-text span {
    color: #32373C;
    cursor: text;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.advent-share-referral__link-text a:hover,
.advent-share-referral__link-text a:focus {
    text-decoration: underline
}

@media (max-width: 1239.98px) {
    .advent-share-referral__link-text p {
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 719.98px) {
    .advent-share-referral__link-text p {
        font-size: 10px;
        line-height: 15px
    }
}

.advent-share-referral__buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 30px;
    justify-content: center
}

@media (max-width: 719.98px) {
    .advent-share-referral__buttons {
        margin-top: 20px
    }
}

.advent-share-referral__button {
    padding: 0 10px;
    margin-top: 20px
}

.advent-prizes {
    padding-bottom: 150px;
    border-bottom: 1px solid #CD0F2D
}

@media (max-width: 1239.98px) {
    .advent-prizes {
        padding-bottom: 80px
    }
}

.advent-prizes:not(:has(+.custom-content)) {
    margin-bottom: 240px
}

@media (max-width: 1239.98px) {
    .advent-prizes:not(:has(+.custom-content)) {
        margin-bottom: 180px
    }
}

.advent-prizes__boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px;
    margin-top: 130px;
    justify-content: center
}

@media (max-width: 1239.98px) {
    .advent-prizes__boxes {
        margin: 0 0px;
        margin-top: 40px
    }
}

.advent-prizes__box {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    padding: 0 45px;
    text-align: center;
    margin-top: 20px
}

@media (max-width: 1239.98px) {
    .advent-prizes__box {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 35px
    }
}

.advent-prizes__box-image img {
    height: 110px;
    -o-object-fit: contain;
    object-fit: contain
}

.advent-prizes__box-title {
    margin-top: 40px
}

.advent-prizes__box-text {
    margin-top: 40px
}

@media (max-width: 1239.98px) {
    .advent-prizes__box-text {
        margin-top: 30px
    }
}

.advent-prizes__box-text a {
    text-decoration: underline
}

.advent-success {
    text-align: center;
    margin-top: 200px
}

@media (max-width: 1239.98px) {
    .advent-success {
        margin-top: 150px
    }
}

@media (max-width: 719.98px) {
    .advent-success {
        margin-top: 100px
    }
}

.advent-success__logo img {
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 719.98px) {
    .advent-success__logo img {
        height: 50px
    }
}

.advent-success__perex {
    margin-top: 40px
}

@media (max-width: 719.98px) {
    .advent-success__perex {
        padding: 0 12.5%
    }
}

.advent-success__bg-image {
    position: absolute
}

.advent-success-page .footer {
    margin-top: 250px;
    position: relative;
    z-index: 1
}

@media (max-width: 719.98px) {
    .advent-success-page .footer {
        margin-top: 150px
    }
}