.main-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 999
}

.main-container .container-fluid {
    max-width: 1400px
}

.main-container .container-fluid .logo {
    max-width: 155px
}

.main-container .container-fluid .logo img {
    height: auto;
    vertical-align: middle;
    border-style: none
}

.main-container .container-fluid .main_nav {
    margin-left: auto
}

.main-container .container-fluid .main_nav .site_navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.main-container .container-fluid .main_nav .site_navigation .main-menu {
    margin-right: 1rem
}

.main-container .container-fluid .main_nav .site_navigation .main-menu a {
    text-decoration: none;
    color: unset
}

.main-container .container-fluid .main_nav .site_navigation .main-menu .menu-item {
    margin: 0 0 0 30px
}

.main-container .container-fluid .main_nav .site_navigation .btn {
    margin-right: 1rem
}

.main-container .container-fluid .main_nav .site_navigation .countryselect {
    position: relative
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select:hover .select-container {
    display: block
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select:hover .breitling-select-current {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select-current {
    margin: 0;
    padding: 0 0 0 5px;
    border: 1px solid #efefef;
    border-radius: 5px 5px 5px 5px;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select-current .languages-link {
    text-decoration: none;
    color: unset
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select-current .languages-link img {
    height: auto;
    max-width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: .8
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .breitling-select-current .languages-link span {
    margin-right: 5px;
    font-size: 17px;
    vertical-align: middle
}

.main-container .container-fluid .main_nav .site_navigation .countryselect .select-container {
    position: absolute;
    right: 0;
    padding-top: 10px;
    z-index: 200;
    display: none
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul {
    position: relative;
    width: 114px;
    padding: 3px 8px 0;
    background: #fff;
    border: 1px solid #c8c4b8
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul:before {
    position: absolute;
    border-bottom: 9px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -9px;
    left: 49px;
    z-index: 9;
    content: "";
    width: 0;
    height: 0
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul:after {
    position: absolute;
    border-bottom: 10px solid #c8c4b8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -10px;
    left: 48px;
    content: "";
    width: 0;
    height: 0
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    white-space: nowrap
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul li a:hover {
    color: #000
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul li a img {
    vertical-align: middle;
    display: inline;
    padding: 0;
    margin: 0;
    opacity: .8;
    height: auto;
    max-width: 100%
}

.main-container .container-fluid .main_nav .site_navigation .countryselect ul li a span {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
    text-align: left
}

.main-container .container-fluid .main_nav .site_navigation .countryselect img {
    vertical-align: middle;
    border-style: none;
    height: 40px
}

.main-container li, .main-container ul {
    list-style: none
}

.footer-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 70px;
    overflow: hidden
}

.footer-container, .footer-container .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.footer-container .footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    background-color: #010233;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 50px
}

.footer-container .footer .footer__container {
    width: 100%;
    margin: 0 15px;
    max-width: 1200px
}

.footer-container .footer .footer__container .footer__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-container .footer .footer__container .footer__column .footer__logo__link {
    outline: none;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.footer-container .footer .footer__container .footer__column .footer__logo__link .footer__logo__image {
    fill: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 133px;
    height: 35px
}

.footer-container .footer .footer__container .footer__column .footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 970px
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__menu .footer__menu__item {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__menu__item__link {
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__menu--regulation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container .social-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container .social-share .btn-facebook.social-share__button, .footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container .social-share .btn-instagram.social-share__button, .footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container .social-share .btn-twitter.social-share__button {
    margin-right: 10px;
    list-style: none;
    background-color: initial
}

.footer-container .footer .footer__container .footer__column .footer__row .footer__social-media-icons--container .social-share__icon {
    fill: #fff;
    width: 20px;
    height: 20px;
    padding: 10px;
    background-color: hsla(0, 0%, 100%, .2);
    cursor: pointer
}

.footer-container .footer .footer__container .footer__column--right {
    width: 100%
}

.footer-container .footer .footer__container .footer__column--right .footer__vision {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 670px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff
}

.footer-container .footer .footer__container .footer__column--right .footer__vision .footer__vision__text {
    display: inline
}

@media screen and (min-width: 1000px) {
    .footer__logo {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .footer__column--left {
        width: 235px
    }

    .footer__column--right {
        margin-left: 50px;
        max-width: 700px
    }

    .footer__column--right .footer__vision {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .footer__menu {
        width: calc(100% - 160px);
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 20px !important
    }

    .footer__menu .footer__menu__item {
        margin-left: 28px
    }

    .footer__menu .footer__menu__item:first-child {
        margin-left: 0
    }
}

.main-container {
    position: relative
}

.bi {
    margin-left: 3px
}

.why-top10 {
    height: 375px;
    background-color: #f5f5f5;
    padding: 20px 30px 60px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px
}

.why-top10 .why-top10__title {
    margin-bottom: 4px;
    font-size: 30px;
    line-height: auto;
    font-weight: 600;
    color: #2d2d2d
}

.why-top10 .why-top10__title span {
    color: #ff4a64
}

.why-top10 .why-top10-stage:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 100%
}

.why-top10 .why-top10-stage .why-top10-stage-container {
    margin-top: 30px
}

.why-top10 .why-top10-stage .why-top10-stage-container .why-top10-stage-container__title {
    font-size: 26px;
    line-height: auto;
    font-weight: 400;
    color: #ff4a64
}

.why-top10 .why-top10-stage .why-top10-stage-container .why-top10-stage-container__text {
    margin-top: 5px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #2d2d2d
}

.page__sidebar {
    display: -webkit-box;
    display: -ms-flexbox
}

.page__sidebar, .ten-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.ten-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    background-color: #f5f5f5;
    padding: 30px
}

.ten-steps .ten-steps__header {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2d2d;
    font-family: hurmegeometricsans_no3_6, Gilroy;
    margin: 0;
    padding: 0
}

.ten-steps .ten-steps__items {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ten-steps .ten-steps__items, .ten-steps .ten-steps__items .ten-steps__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.ten-steps .ten-steps__items .ten-steps__item {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px
}

.ten-steps .ten-steps__items .ten-steps__item:first-of-type {
    margin-top: 23px
}

.ten-steps .ten-steps__items .ten-steps__item .ten-steps__item__index {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 30px;
    margin-right: 21px;
    font-family: hurmegeometricsans_no3_6, Gilroy;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    color: #d5d5d5
}

.ten-steps .ten-steps__items .ten-steps__item .ten-steps__item__content {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #797979
}

.ten-steps .ten-steps__items .ten-steps__item .ten-steps__item__content .ten-steps__item__header {
    display: inline-block;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #2d2d2d
}

.ten-steps .ten-steps__items .ten-steps__item .ten-steps__item__content .ten-steps__item__header:after {
    content: ":";
    margin-right: 3px
}

@-webkit-keyframes hs-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

@keyframes hs-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-flex;
    display: flex
}

h1 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    color: #222;
    margin-top: 0;
    margin-bottom: 15px
}

h2 {
    font-size: 20px
}

h2, h3 {
    line-height: 30px;
    font-weight: 700;
    color: #39393a
}

h3 {
    font-size: 17px
}

body {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

body a, body button, body div, body h1, body h2, body h3, body input, body li, body p, body span {
    letter-spacing: -.1px;
    font-family: hurmegeometricsans_no3_6, Gilroy, Arial, sans-serif
}

.page {
    margin-top: 0;
    width: 100%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.page, .page__container {
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box
}

.page__container {
    height: auto
}

.page {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow-x: hidden
}

.page__container {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0
}

.page__container, .page__container_wrap {
    display: -webkit-flex;
    display: flex;
    max-width: 1200px;
    width: 100%
}

.page__container_wrap {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1000px) {
    .page__container_wrap {
        margin-top: -100px
    }
}

@media screen and (max-width: 999px) {
    .page__container {
        margin-top: -5px
    }
}

@media screen and (max-width: 767px) {
    .page__container {
        margin-top: 0
    }
}

@supports (-ms-accelerator:true) {
    .page__container {
        overflow: visible
    }
}

@supports (-ms-ime-align:auto) {
    .page__container {
        overflow: visible
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .page__container {
        overflow: visible
    }
}

.page__center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative
}

@media screen and (min-width: 1000px) {
    .page__center {
        max-width: 860px;
        z-index: 2
    }
}

.page__sidebar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 300px;
    max-width: 30%;
    min-width: 300px;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 30px;
    margin-right: 15px;
    position: relative
}

@media screen and (max-width: 999px) {
    .page__sidebar {
        display: none
    }
}

.sidebar__promotion__container {
    width: 300px;
    min-height: 100px;
    max-height: 280px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.sidebar__promotion__container__image {
    width: 300px;
    vertical-align: top
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-icon {
    0% {
        margin-left: -100%
    }
    40% {
        margin-left: 0
    }
    90% {
        margin-left: -20%
    }
    to {
        margin-left: -10%
    }
}

@keyframes debounce-icon {
    0% {
        margin-left: -10%
    }
    20% {
        margin-left: 0
    }
    to {
        margin-left: -100%
    }
}

.cookie-policy {
    box-sizing: border-box;
    display: block;
    width: 100%;
    background-color: #010233;
    overflow: hidden;
    opacity: 0;
    max-height: 0
}

.cookie-policy.show {
    transition: max-height .45s ease;
    max-height: 119px;
    opacity: 1;
    transition-delay: .8s
}

.cookie-policy.closed {
    max-height: 0;
    transition: max-height .25s ease;
    transition-delay: .8s
}

@keyframes openMenuMobile {
    0% {
        -webkit-transform: translateX(230px);
        transform: translateX(230px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes closeMenuMobile {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(230px);
        transform: translateX(230px)
    }
}

@keyframes scale-line {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
}

header {
    -webkit-flex-direction: row;
    flex-direction: row
}

.header, header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.header {
    -webkit-align-items: center;
    align-items: center;
    min-height: 60px;
    background-color: transparent;
    position: static;
    box-sizing: border-box;
    left: 0;
    top: 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #d5d5d5;
    transition: background-color .2s ease-in-out, border .2s ease-in-out, position .2s linear
}

@media screen and (max-width: 999px) {
    .header {
        padding: 0 15px
    }
}

.product-ribbon {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    pointer-events: none
}

.product-ribbon__text {
    box-sizing: border-box;
    padding: 5px 8px;
    overflow: hidden;
    white-space: normal;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #fff
}

.product-ribbon__text:before {
    content: "";
    border-style: solid;
    width: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: -4px;
    border-width: 4px 0 0 7px
}

.product-ribbon[data-mobile-relative] {
    position: relative;
    height: 20px
}

@media screen and (min-width: 768px) {
    .product-ribbon[data-mobile-relative] {
        display: none
    }
}

.product-ribbon[data-mobile-relative] .product-ribbon__text {
    padding: 1px 5px 3px;
    line-height: 16px
}

.product-ribbon[data-mobile-relative] .product-ribbon__text:before {
    display: none
}

.product-ribbon[data-animation=enter-ribbon] {
    opacity: 0;
    -webkit-animation: enterRibbon .5s 1s forwards;
    animation: enterRibbon .5s 1s forwards
}

.product-ribbon[data-color=primary] .product-ribbon__text {
    background-color: #035d4c
}

.product-ribbon[data-color=primary] .product-ribbon__text:before {
    border-color: transparent transparent transparent #053d33
}

.product-ribbon[data-color=secondary] .product-ribbon__text {
    background-color: #09a789
}

.product-ribbon[data-color=secondary] .product-ribbon__text:before {
    border-color: transparent transparent transparent #02826a
}

.product-ribbon[data-arrow=right] {
    right: -7px;
    top: 15px
}

.product-ribbon[data-arrow=right] .product-ribbon__text:before {
    right: 0
}

@media screen and (max-width: 767px) {
    .product-ribbon[data-arrow=right] {
        top: 14px
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .product-ribbon[data-arrow=right] {
        text-align: right
    }
}

@media screen and (max-width: 400px) {
    .product-ribbon[data-arrow=right] {
        top: 10px;
        max-width: 124px
    }

    .product-ribbon[data-arrow=right] .product-ribbon__text {
        line-height: 16px
    }
}

.product-ribbon[data-arrow=left] {
    text-align: left;
    left: -7px;
    top: 8px;
    z-index: 1
}

.product-ribbon[data-arrow=left][data-location=top-3-products] {
    top: -9px
}

@media screen and (max-width: 999px) {
    .product-ribbon[data-arrow=left][data-location=top-3-products] {
        top: -6px
    }
}

@media screen and (max-width: 767px) {
    .product-ribbon[data-arrow=left][data-location=top-3-products] {
        display: none
    }
}

.product-ribbon[data-arrow=left] .product-ribbon__text:before {
    left: 0;
    border-width: 4px 7px 0 0
}

.product-ribbon[data-arrow=left][data-color=primary] .product-ribbon__text:before {
    border-color: transparent #053d33 transparent transparent
}

.product-ribbon[data-arrow=left][data-color=secondary] .product-ribbon__text:before {
    border-color: transparent #02826a transparent transparent
}

[data-role=chart-body]:not([data-cross-chart=true]) .product-ribbon[data-thumb-icon=true] .product-ribbon__text {
    padding-left: 31px;
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%2218px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2018%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Thumbs-up-and-trophy-DT%22%20transform%3D%22translate%28-215.000000%2C%20-603.000000%29%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20id%3D%22Group-24%22%20transform%3D%22translate%28215.000000%2C%20603.000000%29%22%3E%3Cpath%20d%3D%22M16.5343782%2C5.8933365%20L12.699031%2C5.89233182%20C12.4947991%2C5.89233182%2011.7785477%2C5.57089591%2012.3413925%2C4.65981794%20C12.699031%2C3.96371631%2012.699031%2C1.33797058%2012.699031%2C1.33797058%20C12.699031%2C0.588613454%2012.1361861%2C0%2011.4209092%2C0%20C10.7046504%2C0%2010.1418301%2C0.588639169%2010.1418301%2C1.33897346%20C10.1418301%2C5.24943427%206.5625%2C6.42871837%206.5625%2C6.42871837%20L6.5625%2C13.3928204%20C8.19924209%2C13.9824625%208.60769123%2C15%2010.6538643%2C15%20L14.4892115%2C15%20C15.2054703%2C15%2015.7673333%2C14.410358%2015.7673333%2C13.6610265%20C15.7673333%2C13.3395906%2015.6647375%2C13.0713845%2015.5113162%2C12.8574367%20C16.227575%2C12.8574367%2016.789438%2C12.2677947%2016.789438%2C11.5184633%20C16.789438%2C11.1970274%2016.6868422%2C10.8755914%2016.4826102%2C10.6073853%20C16.9936626%2C10.3934298%2017.3004904%2C9.91128369%2017.3004904%2C9.37487143%20C17.3004904%2C9.05343551%2017.1978945%2C8.73199959%2016.9936626%2C8.46379346%20C17.4548615%2C8.3030755%2017.8125%2C7.82092162%2017.8125%2C7.23228245%20C17.8125%2C6.48194996%2017.2496551%2C5.8933365%2016.5343782%2C5.8933365%20Z%22%20id%3D%22Path-Copy%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.51444384%2C5%20L0%2C5%20L0%2C13.4375%20L3.51579374%2C13.4375%20C4.71146058%2C13.4375%205.625%2C12.7423556%205.625%2C11.9485855%20L5.62368149%2C6.48891453%20C5.62368149%2C5.64487866%204.71014208%2C5%203.51447523%2C5%20L3.51444384%2C5%20Z%22%20id%3D%22Path-Copy-2%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px 15px
}

@media screen and (max-width: 767px) {
    [data-role=chart-body]:not([data-cross-chart=true]) .product-ribbon[data-thumb-icon=true] .product-ribbon__text {
        padding-left: 23px;
        background-size: 13px 12px
    }
}

@-webkit-keyframes enterRibbon {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes enterRibbon {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes score-item-appear {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }
    80% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes score-close-button-appear {
    0% {
        -webkit-transform: scale(0) translate(50%, -50%);
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translate(50%, -50%);
        transform: scale(1) translate(50%, -50%);
        opacity: 1
    }
}

@keyframes fade-in-out-tooltip {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        visibility: visible
    }
    4% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    96% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes dt-qmark-tooltip-scale-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dt-qmark-tooltip-scale-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dt-qmark-tooltip-scale-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dt-qmark-tooltip-scale-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes dt-tooltip-appear {
    0% {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible;
        max-height: 16px
    }
}

@-webkit-keyframes dt-tooltip-disappear {
    0% {
        opacity: 1;
        visibility: visible;
        max-height: 16px
    }
    to {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }
}

@keyframes dt-tooltip-disappear {
    0% {
        opacity: 1;
        visibility: visible;
        max-height: 16px
    }
    to {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }
}

.top3-products {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    max-width: 1170px;
    width: 100%;
    background-color: #f5f5f5;
    display: block;
    padding: 0;
    margin: 0 15px 20px;
    position: relative
}

.top3-products .product-score {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 0
}

.top3-products .product-score * {
    box-sizing: border-box
}

.top3-products .product-score__text {
    margin-right: 7px;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #1564bf
}

@media screen and (max-width: 767px) {
    .top3-products .product-score__text {
        font-size: 14px;
        margin-right: 5px
    }
}

@media screen and (max-width: 374px) {
    .top3-products .product-score__text {
        display: none
    }
}

.top3-products .product-score__number {
    box-sizing: border-box;
    background-color: #1564bf;
    border-radius: 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 35px;
    height: 25px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 767px) {
    .top3-products .product-score:not(.real-score):not(.display-wording) .product-score__text {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .top3-products .product-score {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        -webkit-align-self: center;
        align-self: center
    }

    .top3-products .product-score .product-score__number {
        border-radius: 4px;
        font-size: 22px;
        padding-bottom: 0;
        letter-spacing: -.2px;
        width: 40px;
        height: 28px
    }
}

.top3-products .trophy-score .product-score__number {
    width: 35px;
    height: 25px;
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .top3-products .trophy-score .product-score__number {
        width: 55px;
        height: 28px
    }
}

.top3-products .trophy-score .chart-product__trophy {
    width: auto;
    height: auto;
    -webkit-align-self: auto;
    align-self: auto;
    background-color: transparent
}

.top3-products .trophy-score .chart-product__trophy .trophy-icon {
    fill: #ffb401;
    margin-right: 4px
}

@media screen and (max-width: 767px) {
    .top3-products .trophy-score .chart-product__trophy .trophy-icon {
        width: 14px;
        height: 14px;
        margin-right: 3px
    }
}

@media screen and (max-width: 999px) {
    .top3-products {
        max-width: 100%;
        margin: 0 15px 15px
    }
}

@media screen and (max-width: 767px) {
    .top3-products {
        background-color: #fff;
        min-width: 0;
        margin-right: 0 !important;
        width: 767px;
        margin-left: 0;
        overflow: hidden;
        margin-bottom: 18px
    }
}

@media screen and (min-width: 768px) {
    .top3-products__container.os-host-flexbox {
        display: block
    }
}

.top3-products__items {
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media screen and (min-width: 768px) {
    .top3-products__items {
        padding: 20px 0 15px;
        width: 100%;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .top3-products__items {
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 15px
    }
}

.top3-products__title {
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    color: #2d2d2d;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 15px;
    padding-bottom: 2px
}

@media screen and (min-width: 768px) {
    .top3-products__title {
        width: 30vw;
        height: 40px;
        position: absolute;
        max-width: 363px
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .top3-products__title {
        margin-left: 23px
    }
}

.top3-products__product {
    width: 257px;
    height: 106px;
    position: relative;
    box-shadow: 0 0 7px rgba(0, 0, 0, .25);
    background-color: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 0;
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .top3-products__product {
        width: auto;
        margin: 0
    }
}

@media screen and (max-width: 999px) {
    .top3-products__product {
        height: 126px;
        padding: 10px 0
    }
}

@media screen and (max-width: 767px) {
    .top3-products__product {
        height: 120px;
        -webkit-flex: none;
        flex: none;
        border-top: none;
        border-left: 2px solid #ff4a64;
        margin-left: 4px;
        margin-right: 11px
    }
}

.top3-products__product .product-score {
    margin-left: auto;
    margin-bottom: 0;
    margin-right: 15px;
    -webkit-align-self: center;
    align-self: center
}

@media screen and (max-width: 999px) {
    .top3-products__product .product-score__text {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .top3-products__product .product-score {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .top3-products__product:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.top3-products__product:hover .top3-products__product__cta__content {
    color: #bc284b
}

.top3-products__product:hover .top3-products__product__cta__content:after {
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23bc284b%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@media screen and (min-width: 768px) {
    .top3-products__product:first-child .top3-products__product__header__info:nth-child(2) {
        margin-top: 31px
    }
}

.top3-products__product__link {
    text-decoration: none;
    color: inherit
}

.top3-products__product__link:first-child .top3-products__product {
    height: 120px
}

@media screen and (min-width: 768px) {
    .top3-products__product__link:first-child .top3-products__product {
        height: 150px
    }
}

@media screen and (min-width: 1000px) {
    .top3-products__product__link:first-child .top3-products__product {
        height: 130px
    }
}

@media screen and (max-width: 767px) {
    .top3-products__product__link:first-child .top3-products__product {
        border-top: none;
        margin-left: 0
    }
}

.top3-products__product__link:first-child .top3-products__product .product-score {
    margin-bottom: 6px;
    margin-left: 0;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

@media screen and (max-width: 767px) {
    .top3-products__product__link {
        width: 100%
    }
}

@media screen and (min-width: 1000px) {
    .top3-products__product__link:first-child {
        width: calc(34% - 14px)
    }
}

@media screen and (min-width: 768px) {
    .top3-products__product__link {
        -webkit-order: 3;
        order: 3;
        width: calc(33% - 22px)
    }

    .top3-products__product__link:first-child {
        -webkit-order: 2;
        order: 2;
        margin: 0 7px
    }

    .top3-products__product__link:nth-child(2) {
        -webkit-order: 1;
        order: 1;
        margin: 0 7px 0 15px
    }

    .top3-products__product__link:last-child {
        margin: 0 15px 0 7px
    }
}

.top3-products__product__body {
    width: 100%;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    white-space: nowrap
}

.top3-products__product__body, .top3-products__product__header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.top3-products__product__header {
    position: relative
}

.top3-products__product__header__info {
    display: -webkit-flex;
    display: flex;
    margin-left: 15px;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width: 999px) {
    .top3-products__product__header__info {
        -webkit-order: 2;
        order: 2
    }
}

.top3-products__product__header__icon {
    width: 30px;
    height: 30px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .top3-products__product__header__icon {
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.top3-products__product__header__icon img {
    width: 100%;
    height: auto
}

.top3-products__product__header__name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2d2d;
    padding-left: 10px;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    white-space: normal
}

.top3-products__product__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width: 999px) {
    .top3-products__product__content {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 15px
    }
}

.top3-products__product__content__bottom-line {
    width: auto;
    line-height: 21px;
    margin: 0 18px 0 15px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 999px) {
    .top3-products__product__content__bottom-line {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 5px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        color: #2d2d2d
    }
}

.top3-products__product__cta {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 11px;
    text-align: right;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

@media screen and (max-width: 999px) {
    .top3-products__product__cta {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .top3-products__product__cta {
        -webkit-align-items: start;
        align-items: start
    }
}

.top3-products__product__cta__content {
    font-size: 14px;
    line-height: 13px;
    font-weight: 700;
    color: #ff4a64;
    transition: color .3s ease;
    text-decoration: none
}

.top3-products__product__cta__content:after {
    display: inline-block;
    content: " ";
    background: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23ff5c73%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
    width: 11px;
    height: 11px;
    transition: all .3s ease;
    margin-left: 6px
}

body {
    -webkit-overflow-scrolling: touch
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes callArrowMove {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes callArrowMove {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 70% {
        -webkit-transform: translateY(-8%);
        transform: translateY(-8%)
    }
    40%, 90% {
        -webkit-transform: translateY(8%);
        transform: translateY(8%)
    }
}

.review-link {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #1789d5;
    transition: color .3s linear;
    text-decoration: none;
    white-space: nowrap
}

.review-link:hover {
    color: #1564bf
}

.review-link:link, .review-link:visited {
    text-decoration: none;
    color: #1789d5
}

.review-link:link:hover, .review-link:visited:hover {
    color: #1564bf
}

@media screen and (min-width: 768px) {
    .review-link {
        cursor: pointer
    }
}

[data-role=footer-container] {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 70px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    [data-role=footer-container] {
        margin-top: 50px
    }
}

.footer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0;
    background-color: #010233;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 50px
}

@media screen and (max-width: 999px) {
    .footer {
        height: auto;
        padding-bottom: 50px
    }
}

.footer .footer__menu--regulation span:hover, .footer a:hover {
    color: #8e8bb2;
    cursor: pointer
}

.footer__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    width: 970px
}

@media screen and (max-width: 999px) {
    .footer__row {
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 9px
    }
}

.footer__column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1000px) {
    .footer__column--left {
        width: 235px
    }
}

@media screen and (max-width: 999px) {
    .footer__column--left .footer__menu {
        display: none
    }

    .footer__column--left .footer__menu--regulation {
        display: block;
        margin: -10px 0 10px
    }
}

.footer__column--right {
    width: 100%
}

@media screen and (min-width: 1000px) {
    .footer__column--right {
        margin-left: 50px;
        max-width: 700px
    }
}

@media screen and (min-width: 1200px) {
    .footer__column--right {
        margin-left: 65px;
        max-width: 670px
    }
}

.footer__container {
    width: 100%;
    margin: 0 15px;
    max-width: 1200px
}

@media screen and (max-width: 999px) {
    .footer__container {
        margin: 0 15px;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.footer__copyright {
    display: -webkit-flex;
    display: flex;
    -webkit-order: 2;
    order: 2;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 999px) {
    .footer__copyright {
        margin-bottom: 20px;
        width: 100%
    }
}

.footer__social-media-icons--container {
    -webkit-order: 3;
    order: 3;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media screen and (max-width: 999px) {
    .footer__social-media-icons--container {
        margin-bottom: 35px;
        margin-top: 15px
    }
}

.footer__social-media-icons--container .social-share {
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0
}

.footer__social-media-icons--container .social-share__button, .footer__social-media-icons--container .social-share__button[data-role-id=open] {
    background-color: initial
}

.footer__social-media-icons--container .social-share__icon {
    fill: #fff;
    width: 20px;
    height: 20px;
    padding: 10px;
    background-color: hsla(0, 0%, 100%, .2);
    cursor: pointer
}

.footer__social-media-icons--container .social-share__icon:hover {
    background-color: #fff;
    fill: #010233;
    transition: background-color .3s linear
}

.footer__social-media-icons--container .social-share .btn-facebook, .footer__social-media-icons--container .social-share .btn-instagram, .footer__social-media-icons--container .social-share .btn-twitter {
    list-style: none
}

.footer__social-media-icons--container .social-share .btn-facebook.social-share__button, .footer__social-media-icons--container .social-share .btn-instagram.social-share__button, .footer__social-media-icons--container .social-share .btn-twitter.social-share__button {
    margin-right: 10px
}

.footer__vision {
    display: -webkit-flex;
    display: flex;
    width: 670px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff
}

.footer__vision p:first-child {
    margin: 0
}

.footer__vision p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1000px) {
    .footer__vision {
        -webkit-order: 4;
        order: 4
    }
}

@media screen and (max-width: 999px) {
    .footer__vision {
        -webkit-order: 3;
        order: 3;
        padding: 30px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        width: 100%
    }
}

.footer__vision__text {
    display: inline
}

@media screen and (min-width: 1000px) {
    .footer__logo {
        margin-top: 50px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 999px) {
    .footer__logo {
        padding: 50px 0 0;
        width: 100%;
        margin-bottom: 30px
    }
}

.footer__logo__link {
    outline: none;
    border: 0;
    display: -webkit-flex;
    display: flex;
    cursor: pointer
}

.footer__logo__image {
    fill: #fff;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 133px;
    height: 35px
}

@media screen and (max-width: 999px) {
    .footer__logo__image {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

.footer__menu {
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1000px) {
    .footer__menu {
        width: calc(100% - 160px);
        -webkit-order: 2;
        order: 2;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 999px) {
    .footer__menu {
        -webkit-order: 4;
        order: 4;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

.footer__menu__item {
    display: -webkit-flex;
    display: flex
}

@media screen and (min-width: 1000px) {
    .footer__menu__item {
        margin-left: 28px
    }

    .footer__menu__item:first-child {
        margin-left: 0
    }
}

@media screen and (max-width: 999px) {
    .footer__menu__item {
        margin-top: 35px
    }

    .footer__menu__item:first-child {
        margin-top: 30px
    }
}

.footer__menu__item .adv-disc__button {
    white-space: nowrap;
    transition: color .15s linear;
    font-size: 14px;
    line-height: inherit;
    font-weight: 700;
    color: inherit
}

@media screen and (max-width: 999px) {
    .footer__menu__item .adv-disc__button {
        line-height: 20px
    }
}

.footer__menu__item .adv-disc__button:hover {
    color: #8e8bb2
}

.footer__menu__item .adv-disc__close__label {
    font-size: 14px;
    font-weight: 700;
    color: #1789d5;
    transition: color .15s linear
}

.footer__menu__item .adv-disc__close__label:hover {
    color: #1564bf
}

.footer__menu__item .adv-disc__text, .footer__menu__item .adv-disc a {
    font-size: 14px;
    line-height: 18px
}

.footer__menu__item .adv-disc__text p:first-of-type {
    margin-top: 0
}

.footer__menu__item__link {
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
    transition: color .15s linear
}

@media screen and (max-width: 999px) {
    .footer__menu__item__link {
        line-height: 20px
    }
}

.footer__menu__item__link:hover {
    color: #797979
}

.footer__menu--regulation {
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    -webkit-order: 3;
    order: 3
}

.adv-disc {
    display: -webkit-flex;
    display: flex;
    position: relative
}

.adv-disc__text p:first-of-type {
    margin-top: 0
}

.adv-disc__button {
    background-color: transparent;
    color: #797979;
    border: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    transition: opacity .3s ease-in-out, visibility .1s ease-in-out, color .3s linear;
    white-space: nowrap;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .adv-disc__button {
        font-size: 16px;
        cursor: default
    }
}

.adv-disc__button span {
    color: inherit
}

.adv-disc__button:hover {
    color: #2d2d2d
}

.adv-disc__container {
    visibility: visible;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 450px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 26;
    margin-top: 8px;
    opacity: 1;
    transition: opacity .3s ease-in-out, visibility .1s ease-in-out;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #2d2d2d
}

.adv-disc__container--hidden {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 999px) {
    .adv-disc__container {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.adv-disc__content {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #efefef;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box
}

.adv-disc__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #2d2d2d
}

.adv-disc__text > * {
    margin: 0
}

.adv-disc__text a {
    text-decoration: none;
    color: #1789d5;
    transition: color .3s linear;
    font-weight: 700
}

.adv-disc__text a:hover, .adv-disc a:hover {
    color: #1564bf
}

.adv-disc__close {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    padding: 0;
    border: none;
    -webkit-align-self: center;
    align-self: center;
    transition: color .3s ease-in;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #1789d5
}

@media screen and (max-width: 999px) {
    .adv-disc__close {
        -webkit-align-self: center;
        align-self: center;
        cursor: default;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        color: #1789d5
    }
}

.adv-disc__close:active, .adv-disc__close:focus {
    outline: 0
}

.adv-disc__close:hover {
    color: #1564bf
}

.adv-disc__close__label {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none
}

.image-header {
    width: 100%;
    max-width: 1300px;
    height: 330px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    position: relative
}

@media screen and (max-width: 767px) {
    .image-header {
        color: #2d2d2d;
        height: auto
    }

    .image-header[data-allow-mobile=false] .image-header__background-image {
        display: none
    }

    .image-header[data-allow-mobile=false] .image-header__content {
        padding: 30px 15px
    }

    .image-header[data-allow-mobile=true] {
        min-height: 200px;
        max-height: 340px;
        overflow: hidden;
        color: #fff;
        margin-bottom: 10px
    }

    .image-header[data-allow-mobile=true] .image-header__content {
        color: #fff;
        padding: 20px 15px;
        width: 75%
    }

    .image-header[data-allow-mobile=true] .image-header__content .desc {
        color: inherit;
        padding-top: 0
    }

    .image-header[data-allow-mobile=true] .title .first-title {
        display: block
    }

    .image-header[data-allow-mobile=true] .last-updated-mobile {
        color: #fff;
        background-color: rgba(58, 58, 58, .29);
        margin-bottom: 11px
    }

    .image-header[data-allow-mobile=true] .last-updated-mobile:before {
        background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2014A7%207%200%201%201%207%200a7%207%200%200%201%200%2014zM4.075%206.362L3%207.432l3.036%203.051%205.907-5.876-1.067-1.071-4.84%204.784-1.96-1.958z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")
    }

    .image-header[data-allow-mobile=true] .last-updated-mobile .last-updated-text {
        color: #fff
    }
}

.image-header .last-updated {
    bottom: 110px
}

@media screen and (max-width: 999px) {
    .image-header .last-updated {
        bottom: 15px
    }
}

.image-header__container {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.image-header .title {
    max-width: 670px;
    color: inherit;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700
}

.image-header .title span {
    display: block
}

@media screen and (max-width: 999px) {
    .image-header .title {
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .image-header .title {
        max-width: 100%;
        max-height: none
    }
}

@media screen and (min-width: 768px) {
    .image-header .title .first-title {
        max-height: 68px;
        overflow: hidden
    }
}

@media screen and (min-width: 1000px) {
    .image-header .title .first-title {
        max-height: 36px
    }
}

.image-header .desc {
    max-width: 670px;
    padding-top: 20px;
    margin: 0 0 52px;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 999px) {
    .image-header .desc {
        max-height: 84px;
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .image-header .desc {
        display: block;
        margin: 0;
        max-height: none;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #2d2d2d
    }
}

@media screen and (min-width: 768px) {
    .image-header__content {
        padding: 40px 15px 0
    }
}

@media screen and (max-width: 767px) {
    .image-header__content {
        padding: 15px 15px 30px;
        max-width: 100%;
        height: auto
    }
}

.image-header__content .last-updated {
    display: none
}

@media screen and (min-width: 768px) {
    .image-header__content .last-updated {
        position: absolute;
        top: auto;
        display: -webkit-inline-flex;
        display: inline-flex;
        padding: 0 5px 1px 2px;
        background-color: rgba(45, 45, 45, .4);
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: #fff
    }

    .image-header__content .last-updated .last-updated-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #fff
    }
}

.image-header__content .last-updated-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .image-header__content .last-updated-mobile {
        position: relative;
        display: -webkit-inline-flex;
        display: inline-flex;
        padding: 1px 3px 1px 2px;
        margin-bottom: 13px;
        bottom: 0;
        background-color: #e2e2e2;
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: #2d2d2d
    }

    .image-header__content .last-updated-mobile:before {
        content: "";
        background: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2014A7%207%200%201%201%207%200a7%207%200%200%201%200%2014zM4.075%206.362L3%207.432l3.036%203.051%205.907-5.876-1.067-1.071-4.84%204.784-1.96-1.958z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%;
        display: inline-block;
        width: 14px;
        height: 14px;
        padding: 3px
    }

    .image-header__content .last-updated-mobile .last-updated-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #2d2d2d
    }
}

.image-header__background-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25)
}

.image-header__background-image {
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

@keyframes moveArrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(6%);
        transform: translateX(6%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.carousel--gallery-container {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 767px) {
    .carousel--gallery-container {
        width: 100vw;
        height: 233px
    }
}

.carousel--gallery-container:before {
    content: " ";
    background-blend-mode: multiply;
    background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 66%);
    opacity: .5;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit
}

.carousel--gallery-container:hover .carousel--arrow {
    opacity: 1
}

.carousel--gallery-images {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    top: 0;
    left: 0;
    transition: left .6s
}

.carousel--navigation-bar {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 15px;
    z-index: 1;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width: 767px) {
    .carousel--navigation-bar {
        bottom: 47px
    }
}

.carousel--navigation-icon {
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 50%
}

.carousel--navigation-icon.active {
    background-color: #fff
}

.carousel--navigation-icon:not(:first-of-type) {
    margin-left: 10px
}

.carousel--single-image {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .carousel--single-image {
        max-width: 635px;
        max-height: 394px
    }
}

@media screen and (max-width: 767px) {
    .carousel--single-image {
        max-width: unset;
        max-height: 233px;
        min-height: 233px
    }
}

.carousel--single-image .carousel--image {
    display: none
}

@media screen and (min-width: 768px) {
    .carousel--single-image .carousel--image.image-element {
        max-width: 635px;
        max-height: 394px;
        width: 100%;
        display: block
    }
}

.carousel--single-image .carousel--image.inline-background-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.carousel--single-image .carousel--image.inline-background-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.66%;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .carousel--single-image .carousel--image.inline-background-image {
        max-width: unset;
        min-height: 233px;
        max-height: 233px;
        display: block
    }
}

.carousel--arrow {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15);
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: opacity .3s, box-shadow .3s;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    z-index: 1;
    opacity: 0
}

@media screen and (max-width: 767px) {
    .carousel--arrow {
        display: none
    }
}

.carousel--arrow:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25)
}

.carousel--arrow:after {
    content: "";
    display: -webkit-inline-flex;
    display: inline-flex;
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20viewBox%3D%220%200%2012%209%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Final-V2-0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22v2-0--Final%22%20transform%3D%22translate%28-41.000000%2C%20-28.000000%29%22%20fill%3D%22%231789d5%22%3E%20%3Cpath%20d%3D%22M52.3999971%2C31.9376011%20L43.0485033%2C31.9376011%20L46.2243182%2C28.9602653%20C46.4586193%2C28.7406073%2046.4584693%2C28.3845421%2046.2243182%2C28.1647435%20C45.9900171%2C27.9450855%2045.6102153%2C27.9450855%2045.3757642%2C28.1647435%20L41.1757446%2C32.1022742%20C40.9414435%2C32.3219322%2040.9414435%2C32.6781381%2041.1755946%2C32.8976555%20L45.3756142%2C36.8351862%20C45.4927648%2C36.9450152%2045.6463655%2C37%2045.7999662%2C37%20C45.9534169%2C37%2046.1070177%2C36.9450152%2046.2243182%2C36.8350456%20C46.4586193%2C36.6155282%2046.4584693%2C36.2593223%2046.2243182%2C36.039805%20L43.0483533%2C33.0626099%20L52.3999971%2C33.0626099%20C52.7313487%2C33.0626099%2053.0001499%2C32.8106079%2052.9999999%2C32.5001055%20C52.9999999%2C32.1894624%2052.7313487%2C31.9376011%2052.3999971%2C31.9376011%20L52.3999971%2C31.9376011%20Z%22%20id%3D%22Arrow%22%20transform%3D%22translate%2847.000000%2C%2032.500000%29%20rotate%28-180.000000%29%20translate%28-47.000000%2C%20-32.500000%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    font-size: 11px;
    line-height: 32px;
    width: 16px;
    height: 12px;
    transition: .3s
}

.carousel--arrow.arrow-left {
    left: 15px;
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%)
}

.carousel--arrow.arrow-right {
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel--arrow.disabled:after {
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20viewBox%3D%220%200%2012%209%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Final-V2-0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22v2-0--Final%22%20transform%3D%22translate%28-41.000000%2C%20-28.000000%29%22%20fill%3D%22%23d5d5d5%22%3E%20%3Cpath%20d%3D%22M52.3999971%2C31.9376011%20L43.0485033%2C31.9376011%20L46.2243182%2C28.9602653%20C46.4586193%2C28.7406073%2046.4584693%2C28.3845421%2046.2243182%2C28.1647435%20C45.9900171%2C27.9450855%2045.6102153%2C27.9450855%2045.3757642%2C28.1647435%20L41.1757446%2C32.1022742%20C40.9414435%2C32.3219322%2040.9414435%2C32.6781381%2041.1755946%2C32.8976555%20L45.3756142%2C36.8351862%20C45.4927648%2C36.9450152%2045.6463655%2C37%2045.7999662%2C37%20C45.9534169%2C37%2046.1070177%2C36.9450152%2046.2243182%2C36.8350456%20C46.4586193%2C36.6155282%2046.4584693%2C36.2593223%2046.2243182%2C36.039805%20L43.0483533%2C33.0626099%20L52.3999971%2C33.0626099%20C52.7313487%2C33.0626099%2053.0001499%2C32.8106079%2052.9999999%2C32.5001055%20C52.9999999%2C32.1894624%2052.7313487%2C31.9376011%2052.3999971%2C31.9376011%20L52.3999971%2C31.9376011%20Z%22%20id%3D%22Arrow%22%20transform%3D%22translate%2847.000000%2C%2032.500000%29%20rotate%28-180.000000%29%20translate%28-47.000000%2C%20-32.500000%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.carousel--arrow.disabled:after, .carousel--arrow:hover:after {
    content: "";
    display: -webkit-inline-flex;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    font-size: 11px;
    line-height: 32px;
    width: 16px;
    height: 12px
}

.carousel--arrow:hover:after {
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20viewBox%3D%220%200%2012%209%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Final-V2-0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22v2-0--Final%22%20transform%3D%22translate%28-41.000000%2C%20-28.000000%29%22%20fill%3D%22%231564bf%22%3E%20%3Cpath%20d%3D%22M52.3999971%2C31.9376011%20L43.0485033%2C31.9376011%20L46.2243182%2C28.9602653%20C46.4586193%2C28.7406073%2046.4584693%2C28.3845421%2046.2243182%2C28.1647435%20C45.9900171%2C27.9450855%2045.6102153%2C27.9450855%2045.3757642%2C28.1647435%20L41.1757446%2C32.1022742%20C40.9414435%2C32.3219322%2040.9414435%2C32.6781381%2041.1755946%2C32.8976555%20L45.3756142%2C36.8351862%20C45.4927648%2C36.9450152%2045.6463655%2C37%2045.7999662%2C37%20C45.9534169%2C37%2046.1070177%2C36.9450152%2046.2243182%2C36.8350456%20C46.4586193%2C36.6155282%2046.4584693%2C36.2593223%2046.2243182%2C36.039805%20L43.0483533%2C33.0626099%20L52.3999971%2C33.0626099%20C52.7313487%2C33.0626099%2053.0001499%2C32.8106079%2052.9999999%2C32.5001055%20C52.9999999%2C32.1894624%2052.7313487%2C31.9376011%2052.3999971%2C31.9376011%20L52.3999971%2C31.9376011%20Z%22%20id%3D%22Arrow%22%20transform%3D%22translate%2847.000000%2C%2032.500000%29%20rotate%28-180.000000%29%20translate%28-47.000000%2C%20-32.500000%29%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes nextStep {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveUpDot {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ivr-trigger-animation {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    90% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ivr-close-animation {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.no-results {
    box-shadow: 0 0 7px rgba(0, 0, 0, .25);
    background-color: #fff;
    width: 100%;
    min-height: 374px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center
}

.no-results.api {
    display: none
}

.no-results.api .no-results_svg {
    width: 127px;
    height: 126px
}

.no-results.api .no-results_svg-icon {
    position: relative;
    top: -21px;
    right: 10px
}

.no-results__wrapper {
    padding: 0 15px
}

.no-results_svg {
    display: block;
    background: #e2e2e2;
    border-radius: 50%;
    margin: 0 auto 20px;
    width: 123px;
    height: 122px
}

.no-results_svg-icon {
    position: relative;
    top: -36px;
    right: 4px
}

.no-results_content {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000
}

.no-results_content .top_message {
    font-weight: 600
}

.no-results_content .bottom_message span {
    display: block
}

.chart {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media screen and (min-width: 1000px) {
    .chart {
        max-width: 850px;
        padding-left: 15px;
        margin-bottom: 60px
    }
}

@media screen and (min-width: 1000px) {
    .chart .adv-disc__container {
        top: 22px;
        right: -15px
    }
}

.chart .adv-disc__button {
    margin-top: -1px
}

@media screen and (max-width: 999px) {
    .chart {
        padding: 0 15px
    }

    .chart .adv-disc__container {
        right: 0;
        margin-left: 0
    }
}

.chart__header {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    height: 40px;
    background-color: #f5f5f5
}

.chart__header, .chart__header .dropdown {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.chart__header .dropdown {
    min-width: 229px
}

@media screen and (max-width: 767px) {
    .chart__header .dropdown {
        display: none;
        width: 165px
    }
}

.chart__header .dropdown .row {
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width: 767px) {
    .chart__header {
        margin-top: 0;
        height: 50px
    }

    .chart__header .sortby__empty {
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        color: #2d2d2d
    }
}

.chart__header__left {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.chart__header__left:empty {
    display: none
}

.chart__header__right {
    display: -webkit-flex;
    display: flex
}

.chart__header__seperator {
    height: 11px;
    line-height: 18px;
    margin: 4px 7px 0 10px;
    border: 1px solid #d5d5d5
}

@media screen and (max-width: 767px) {
    .chart__header__seperator {
        display: none
    }
}

.chart__header .adv-disc__button {
    font-weight: 400;
    color: #797979
}

.chart__header .adv-disc__button span {
    color: inherit
}

.chart__header .adv-disc__button:hover {
    color: #2d2d2d
}

.chart__header .disclosure-text {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #797979
}

@media screen and (max-width: 767px) {
    .chart__header .disclosure-text {
        display: none
    }
}

.chart__body {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    transition: all .3s cubic-bezier(.1, .24, .16, .94)
}

@media screen and (max-width: 999px) {
    .chart__body {
        margin-bottom: 35px
    }
}

.chart__body__products {
    opacity: 1;
    transition: all;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .chart__body__products {
        margin-top: 10px
    }
}

.chart__body[data-loading=true] .index-counter {
    opacity: .1
}

.chart__body[data-loading=true] .loading-background {
    display: -webkit-flex;
    display: flex
}

.chart__body .loading-background {
    display: none;
    background-color: hsla(0, 0%, 100%, .9);
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.chart__body .lds-ring-wrapper {
    position: relative;
    width: 64px;
    height: 64px;
    display: block;
    margin-top: 9%
}

.chart__body .lds-ring-wrapper .lds-ring {
    width: 64px;
    height: 64px
}

.chart__body .lds-ring-wrapper .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    margin: 6px;
    border-radius: 100%;
    -webkit-animation: lds-ring 1.5s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-ring 1.5s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 6px solid transparent;
    border-top-color: #ff4a64;
    width: 64px;
    height: 64px
}

.chart__body .lds-ring-wrapper .lds-ring div:first-child, .chart__body .lds-ring-wrapper .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.chart__body .lds-ring-wrapper .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

.chart__body .lds-ring-wrapper .lds-ring.inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 31px;
    height: 31px
}

.chart__body .lds-ring-wrapper .lds-ring.inner div {
    width: 31px;
    height: 31px;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite reverse
}

.chart__body .lds-ring-wrapper .lds-ring.inner div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.chart__body .lds-ring-wrapper .lds-ring.inner div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.chart__body .lds-ring-wrapper .lds-ring.inner div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

.chart__show-more {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.chart__show-more.hide {
    display: none
}

@media screen and (min-width: 1000px) {
    .chart__show-more {
        margin-bottom: -50px
    }
}

@media screen and (max-width: 767px) {
    .chart__show-more {
        background-color: #fff;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: 10px;
        margin-right: 10px
    }
}

.chart__show-more__text {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: #444;
    text-decoration: none;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: -29px
}

@media screen and (min-width: 1000px) {
    .chart__show-more__text {
        margin-bottom: 10px;
        cursor: pointer;
        margin-top: 9px
    }
}

@media screen and (max-width: 999px) {
    .chart__show-more__text {
        margin-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .chart__show-more__text {
        -webkit-align-self: center;
        align-self: center;
        font-size: 15px;
        line-height: 22px;
        font-weight: 400
    }

    .chart__show-more__text:hover {
        text-decoration: underline
    }
}

.page__cross-chart-widget-included .chart__show-more__text {
    margin-top: -35px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    .page__cross-chart-widget-included .chart__show-more__text {
        margin-bottom: 10px;
        margin-top: 9px
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .page__cross-chart-widget-included .chart__show-more__text {
        margin-top: -29px
    }
}

.sortby {
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #2d2d2d
}

@media screen and (max-width: 999px) {
    .sortby {
        display: none
    }
}

.sortby__empty {
    display: -webkit-flex;
    display: flex;
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
    color: inherit;
    margin-right: 10px
}

@media screen and (max-width: 999px) {
    .chart__header__left > .sortby:first-child {
        display: -webkit-flex;
        display: flex
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.accordion {
    max-height: 0;
    overflow: hidden;
    scroll-behavior: smooth
}

@media screen and (min-width: 768px) {
    .accordion[data-open=false] {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-flex-direction: row;
        flex-direction: row;
        background-color: #fff;
        transition: all .5s ease;
        height: auto;
        min-height: 0;
        overflow: hidden;
        opacity: 0
    }

    .accordion[data-open=false] .accordion-items {
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .accordion[data-open=true] {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        width: inherit;
        height: auto;
        min-height: auto;
        max-height: 300px;
        background-color: #f5f5f5;
        transition: all .5s ease
    }

    .accordion[data-open=true] .accordion-items {
        -webkit-animation: fadeInDown .5s .2s forwards;
        animation: fadeInDown .5s .2s forwards
    }
}

@media screen and (max-width: 767px) {
    .accordion {
        display: none
    }
}

.accordion .accordion-items {
    height: 100%;
    box-sizing: border-box;
    padding: 30px;
    border-top: 1px solid #d8d8d8;
    overflow: hidden;
    opacity: 0
}

.accordion .accordion-items, .accordion .accordion-items__left {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    flex-direction: column
}

.accordion .accordion-items__left {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .accordion .accordion-items__left {
        max-width: none
    }
}

.accordion .accordion-items__right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.accordion .accordion-items__right .image-carousel-parent {
    width: 270px;
    height: 168px
}

@media screen and (min-width: 769px) and (max-width: 999px) {
    .accordion .accordion-items__right .image-carousel-parent {
        width: 210px;
        height: 131px
    }
}

.accordion .accordion-items__right .image-carousel-parent .carousel--gallery-container, .accordion .accordion-items__right .image-carousel-parent .carousel--single-image {
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.accordion .accordion-items__top {
    margin: 0 0 30px
}

.accordion .accordion-items__bottom, .accordion .accordion-items__top {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.accordion .accordion-items__product-title {
    padding-bottom: 2px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px
}

.accordion .accordion-items__bottom-line-container .bottom-line, .accordion .accordion-items__product-title {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2d2d
}

.accordion .accordion-items__bullet-points {
    list-style-type: none;
    padding: 0
}

.accordion .accordion-items__bullet-points__item {
    min-height: 21px
}

.accordion .accordion-items__bullet-points__item:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #1789d5;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    top: -3px
}

.accordion .accordion-items__bullet-points__text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2d2d;
    padding-left: 13px
}

.accordion .accordion-items__visit-button {
    font-size: 14px;
    line-height: 13px;
    font-weight: 600;
    color: #ff4a64;
    transition: color .3s linear;
    text-decoration: none
}

.accordion .accordion-items__visit-button:after {
    width: 11px;
    height: 11px;
    content: " ";
    display: inline-block;
    position: relative;
    margin-left: 3px;
    background: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23ff4a64%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%
}

.accordion .accordion-items__visit-button:hover {
    color: #bc284b
}

.accordion .accordion-items__visit-button:hover:after {
    content: " ";
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23bc284b%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%
}

.chart-product__trophy {
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffb401;
    border-radius: 4px
}

.chart-product__trophy .trophy-icon {
    width: 16px;
    height: 16px;
    fill: #fff
}

.chart-product-text {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 10px;
    cursor: pointer
}

.chart-product-text[data-available=false] {
    cursor: default
}

.chart-product-text .rating-stars {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .chart-product-text .rating-stars {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .rating-stars-desktop {
        display: none
    }
}

.chart-product-text .rating-stars__star {
    width: 17px;
    height: 16px;
    fill: #ffb401
}

@media screen and (min-width: 1000px) {
    .chart-product-text {
        box-shadow: 0 0 7px rgba(0, 0, 0, .25);
        max-width: 835px
    }
}

@media screen and (max-width: 999px) {
    .chart-product-text {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text {
        margin: 0 0 15px
    }

    .chart-product-text:first-of-type {
        margin-top: 0
    }
}

.chart-product-text.hidden {
    display: none
}

.chart-product-text .chart-product-text-body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0;
    position: relative;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-shadow: 0 0 7px rgba(0, 0, 0, .25)
}

@media screen and (min-width: 1000px) {
    .chart-product-text .chart-product-text-body {
        box-shadow: none
    }
}

.chart-product-text .chart-product-text-body .rating-stars {
    margin-left: -2px
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 0 10px;
        margin-top: 0
    }

    .chart-product-text .chart-product-text-body:first-of-type {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.chart-product-text .chart-product-text-body .product-row .left {
    width: 130px;
    max-width: 130px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 30px
}

@media (max-width: 1200px) {
    .chart-product-text .chart-product-text-body .product-row .left {
        padding-left: 40px
    }
}

.chart-product-text .chart-product-text-body .product-row .left__container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.chart-product-text .chart-product-text-body .product-row .left__container .logo__container {
    display: -webkit-inline-flex;
    display: inline-flex;
    overflow: hidden;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left__container .logo__container {
        margin-left: 10px;
        -webkit-align-self: center;
        align-self: center
    }
}

.chart-product-text .chart-product-text-body .product-row .left__container .logo__image {
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    max-width: 130px;
    max-height: 50px
}

@media screen and (min-width: 1000px) {
    .chart-product-text .chart-product-text-body .product-row .left__container .logo__image--large {
        max-width: 150px;
        max-height: 58px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left__container .logo__image {
        -webkit-align-self: center;
        align-self: center
    }
}

.chart-product-text .chart-product-text-body .product-row .left__container .name {
    font-size: 14px;
    line-height: 1.29;
    font-weight: 400;
    color: #797979;
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .left__container .name {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left__container .name {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .left {
        margin-top: 30px
    }
}

@media screen and (min-width: 1000px) {
    .chart-product-text .chart-product-text-body .product-row .left {
        width: 150px;
        max-width: 150px
    }
}

@media screen and (max-width: 999px) {
    .chart-product-text .chart-product-text-body .product-row .left {
        max-width: 160px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left {
        display: none
    }
}

.chart-product-text .chart-product-text-body .product-row .left__info {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.chart-product-text .chart-product-text-body .product-row .left .index-counter {
    color: #000;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    height: 35px;
    text-align: center;
    z-index: 1;
    position: absolute;
    top: 30px;
    left: -10px;
    font-size: 22px;
    line-height: 35px;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left .index-counter {
        position: static;
        z-index: 0;
        -webkit-align-self: center;
        align-self: center;
        max-height: 35px
    }
}

@media (min-width: 1210px) {
    .chart-product-text .chart-product-text-body .product-row .left .index-counter {
        left: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    @-moz-document url-prefix("") {
        .chart-product-text .chart-product-text-body .product-row .left .index-counter {
            transform: translateX(-49%)
        }
    }
}

.chart-product-text .chart-product-text-body .product-row .left .index-counter__value {
    color: #000;
    background-color: #fff;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    width: 35px;
    height: 35px;
    border: 1px solid #010233;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .left .index-counter__value {
        width: 35px;
        height: 35px
    }
}

.chart-product-text .chart-product-text-body .product-row.has-ribbon .left {
    margin-top: 50px
}

.chart-product-text .chart-product-text-body .product-row.has-ribbon .left .left__info .index-counter {
    top: 50px
}

.chart-product-text .chart-product-text-body .product-row .before-center, .chart-product-text .chart-product-text-body .product-row .before-center:empty {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    width: 100%;
    max-width: 90px;
    min-width: 30px
}

.chart-product-text .chart-product-text-body .product-row .center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.chart-product-text .chart-product-text-body .product-row .center .name {
    font-size: 14px;
    line-height: 1.29;
    font-weight: 400;
    color: #797979;
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .center .name {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center .name {
        display: none
    }
}

.chart-product-text .chart-product-text-body .product-row .center .bottom-line {
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2d2d
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .center .bottom-line {
        max-width: 335px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center .bottom-line {
        margin-top: 4px;
        max-width: 100%;
        margin-bottom: 7px;
        line-height: 22px
    }
}

.chart-product-text .chart-product-text-body .product-row .center .bottom-line__product-name:only-child {
    display: none
}

.chart-product-text .chart-product-text-body .product-row .center .bottom-line__product-name:after {
    content: " - "
}

.chart-product-text .chart-product-text-body .product-row .center .bottom-line__content:not(:last-child) {
    margin-right: 7px
}

.chart-product-text .chart-product-text-body .product-row .center .attributes {
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.chart-product-text .chart-product-text-body .product-row .center .attributes li {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    padding: 0 0 0 27px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2d2d;
    min-height: 21px;
    width: 100%
}

.chart-product-text .chart-product-text-body .product-row .center .attributes li:not(:last-of-type) {
    margin-bottom: 2px
}

.chart-product-text .chart-product-text-body .product-row .center .attributes li:before {
    box-sizing: border-box;
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20viewBox%3D%220%200%2012%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2.97%2010.002l.848%201.011%208.061-9.61-.848-1.011-8.061%209.61zM0%206.462l2.97%203.54.848-1.012-2.97-3.54L0%206.46z%22%20fill%3D%22%231789d5%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px 12px;
    font-size: 21px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-left: -30px;
    margin-right: 4px;
    width: 21px;
    height: 21px
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .center .attributes {
        white-space: normal
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center .attributes {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .center {
        padding: 30px 0
    }
}

@media screen and (min-width: 1000px) {
    .chart-product-text .chart-product-text-body .product-row .center {
        min-width: 244px;
        max-width: 364px
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .chart-product-text .chart-product-text-body .product-row .center {
        min-width: 323px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        max-width: 100%;
        width: 100%;
        margin: 0;
        box-sizing: border-box
    }
}

.chart-product-text .chart-product-text-body .product-row .center__mobile--footer {
    display: none
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1;
        flex: 1;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 20px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button {
        box-sizing: border-box;
        min-height: 42px;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-decoration: none;
        height: 42px;
        background-color: #ff4a64;
        width: 100%;
        max-width: 220px;
        text-align: center;
        vertical-align: center;
        border-radius: 4px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #fff;
        transition: all .3s ease
    }

    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button.disabled {
        background-color: #d5d5d5;
        cursor: default;
        pointer-events: none
    }

    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button:hover {
        background-color: #bc284b;
        transition: all .3s ease;
        color: #fff
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #fff;
        width: 141px;
        height: 42px
    }

    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button:after {
        content: "";
        display: -webkit-inline-flex;
        display: inline-flex;
        background: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
        background-size: 13px 13px;
        width: 0;
        height: 13px;
        font-size: 13px;
        opacity: 0;
        transition: all .3s ease;
        padding-left: 6px;
        margin-left: -6px
    }

    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button:hover:after {
        margin-left: 6px;
        width: 13px;
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .center__mobile--footer .cta-button {
        width: 100%;
        max-width: 100%
    }
}

.chart-product-text .chart-product-text-body .product-row .center__header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.chart-product-text .chart-product-text-body .product-row .after-center, .chart-product-text .chart-product-text-body .product-row .after-center:empty {
    display: -webkit-flex;
    display: flex;
    max-width: 50px;
    min-width: 30px;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.chart-product-text .chart-product-text-body .product-row .right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 141px;
    height: inherit;
    padding: 30px 30px 30px 0
}

.chart-product-text .chart-product-text-body .product-row .right .product-score {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 20px
}

.chart-product-text .chart-product-text-body .product-row .right .product-score * {
    box-sizing: border-box
}

.chart-product-text .chart-product-text-body .product-row .right .product-score__text {
    margin-right: 7px;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #1564bf
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .product-score__text {
        font-size: 14px;
        margin-right: 5px
    }
}

@media screen and (max-width: 374px) {
    .chart-product-text .chart-product-text-body .product-row .right .product-score__text {
        display: none
    }
}

.chart-product-text .chart-product-text-body .product-row .right .product-score__number {
    padding-bottom: 2px;
    box-sizing: border-box;
    background-color: #1564bf;
    border-radius: 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    font-size: 22px;
    line-height: 18px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .product-score:not(.real-score):not(.display-wording) .product-score__text {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .product-score {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        -webkit-align-self: center;
        align-self: center
    }

    .chart-product-text .chart-product-text-body .product-row .right .product-score .product-score__number {
        border-radius: 4px;
        font-size: 22px;
        padding-bottom: 0;
        letter-spacing: -.2px;
        width: 40px;
        height: 28px
    }
}

.chart-product-text .chart-product-text-body .product-row .right .trophy-score .product-score__number {
    width: 64px;
    height: 30px
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .trophy-score .product-score__number {
        width: 55px;
        height: 28px
    }
}

.chart-product-text .chart-product-text-body .product-row .right .trophy-score .chart-product__trophy {
    width: auto;
    height: auto;
    -webkit-align-self: auto;
    align-self: auto;
    background-color: transparent
}

.chart-product-text .chart-product-text-body .product-row .right .trophy-score .chart-product__trophy .trophy-icon {
    fill: #ffb401;
    margin-right: 4px
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .trophy-score .chart-product__trophy .trophy-icon {
        width: 14px;
        height: 14px;
        margin-right: 3px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right {
        display: none
    }
}

.chart-product-text .chart-product-text-body .product-row .right__CTA-container {
    position: relative
}

.chart-product-text .chart-product-text-body .product-row .right__container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    height: 100%
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    text-transform: capitalize;
    cursor: pointer;
    text-decoration: none;
    padding: 15px 10px 0;
    box-sizing: border-box
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion:focus {
    outline: none
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion:before {
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 40px
}

.toggle-accordion[data-is-open-state=true] .toggle-accordion__icon {
    -webkit-transform-origin: 64% 50%;
    transform-origin: 64% 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion__text {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #1789d5;
    font-family: hurmegeometricsans_no3_6, Gilroy;
    transition: color .3s linear
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion:hover .toggle-accordion__text {
    color: #1564bf
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion:hover .toggle-accordion__icon {
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M1403.6%2028l-4.6%204.6-4.6-4.6-1.4%201.4%206%206%206-6z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-1393%20-28%29%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill%3D%22%231564bf%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.chart-product-text .chart-product-text-body .product-row .right .accordion-button-container .toggle-accordion__icon {
    display: -webkit-flex;
    display: flex;
    width: 9px;
    height: 6px;
    margin-left: 5px;
    background-size: 9px 6px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M1403.6%2028l-4.6%204.6-4.6-4.6-1.4%201.4%206%206%206-6z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-1393%20-28%29%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill%3D%22%231789d5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    transition: -webkit-transform .3s linear, -webkit-transform-origin .3s linear;
    transition: transform .3s linear, transform-origin .3s linear;
    transition: transform .3s linear, transform-origin .3s linear, -webkit-transform .3s linear, -webkit-transform-origin .3s linear
}

.chart-product-text .chart-product-text-body .product-row .right .cta-button {
    box-sizing: border-box;
    min-height: 42px;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-decoration: none;
    height: 42px;
    background-color: #ff4a64;
    width: 100%;
    max-width: 220px;
    text-align: center;
    vertical-align: center;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    transition: all .3s ease
}

.chart-product-text .chart-product-text-body .product-row .right .cta-button.disabled {
    background-color: #d5d5d5;
    cursor: default;
    pointer-events: none
}

.chart-product-text .chart-product-text-body .product-row .right .cta-button:hover {
    background-color: #bc284b;
    transition: all .3s ease;
    color: #fff
}

@media screen and (min-width: 768px) {
    .chart-product-text .chart-product-text-body .product-row .right .cta-button {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #fff;
        width: 141px;
        height: 42px
    }

    .chart-product-text .chart-product-text-body .product-row .right .cta-button:after {
        content: "";
        display: -webkit-inline-flex;
        display: inline-flex;
        background: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
        background-size: 13px 13px;
        width: 0;
        height: 13px;
        font-size: 13px;
        opacity: 0;
        transition: all .3s ease;
        padding-left: 6px;
        margin-left: -6px
    }

    .chart-product-text .chart-product-text-body .product-row .right .cta-button:hover:after {
        margin-left: 6px;
        width: 13px;
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .product-row .right .cta-button {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        color: #ff4a64;
        background-color: transparent;
        height: auto;
        width: auto;
        min-height: 0;
        text-transform: capitalize;
        text-decoration: none
    }

    .chart-product-text .chart-product-text-body .product-row .right .cta-button:after {
        content: " ";
        display: -webkit-inline-flex;
        display: inline-flex;
        background: url("data:image/svg+xml;charset=utf,%3Csvg%20viewBox%3D%220%200%2013%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m741.35%20464.375h-10.13l3.44-3.308a.608.608%200%200%200%200-.884.669.669%200%200%200%20-.92%200l-4.55%204.375a.608.608%200%200%200%200%20.884l4.55%204.375a.662.662%200%200%200%20.46.183.662.662%200%200%200%20.46-.183.608.608%200%200%200%200-.884l-3.441-3.308h10.131c.359%200%20.65-.28.65-.625a.638.638%200%200%200%20-.65-.625z%22%20fill%3D%22%23ff4a64%22%20transform%3D%22matrix%28-1%200%200%20-1%20742%20470%29%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%;
        background-size: 13px 10px;
        height: 16px;
        width: 16px;
        margin-left: 3px
    }

    .chart-product-text .chart-product-text-body .product-row .right .cta-button:hover {
        background-color: transparent
    }
}

.chart-product-text .chart-product-text-body .product-row [data-call-solution=true] .cta-button {
    margin-bottom: 6px
}

.chart-product-text .chart-product-text-body .link {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #3655c3;
    text-decoration: underline;
    margin-top: 5px
}

.chart-product-text .chart-product-text-body .link:hover {
    color: #1635a2
}

@media screen and (max-width: 767px) {
    .chart-product-text .chart-product-text-body .link {
        -webkit-align-self: center;
        align-self: center;
        text-decoration: none;
        font-size: 15px;
        line-height: 23px;
        font-weight: 500;
        color: #50c256;
        letter-spacing: .54px
    }

    .chart-product-text .chart-product-text-body .link:after {
        content: " ";
        display: -webkit-inline-flex;
        display: inline-flex;
        background-image: url("data:image/svg+xml;charset=utf,%3Csvg%20id%3D%22cta-arrow%22%20version%3D%221.1%22%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpolygon%20points%3D%225.5%200%204.5375%200.9625%208.3875%204.8125%200%204.8125%200%206.1875%208.3875%206.1875%204.5375%2010.038%205.5%2011%2011%205.5%22%20fill%3D%22%2350c256%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        width: 11px;
        height: 11px;
        margin-left: 5px;
        font-size: 11px;
        line-height: 32px
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text .spp-mobile {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        box-sizing: border-box;
        margin: 0 auto;
        background-color: #010233;
        visibility: hidden;
        opacity: 0
    }

    .chart-product-text .spp-mobile[data-type=relative] {
        position: relative;
        -webkit-justify-content: center;
        justify-content: center;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        max-height: 30px;
        padding: 0;
        left: auto;
        bottom: auto;
        transition: .4s;
        width: 95%;
        height: 0
    }

    .chart-product-text .spp-mobile[data-type=relative] .spp-mobile__close__button, .chart-product-text .spp-mobile[data-type=relative] .spp-mobile__icon {
        display: none
    }

    .chart-product-text .spp-mobile[data-type=relative] .spp-mobile__text {
        padding: 4px 0 5px
    }

    .chart-product-text .spp-mobile[data-type=floating] {
        position: fixed;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        background-color: rgba(12, 13, 60, .85);
        z-index: 7;
        border-radius: 4px;
        max-height: 63px;
        left: 0;
        right: 0;
        bottom: 10px;
        transition: .8s;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        width: 93%;
        height: auto
    }

    .chart-product-text .spp-mobile[data-type=floating] .spp-mobile__close__button {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .chart-product-text .spp-mobile[data-type=floating] .spp-mobile__text {
        padding: 0 0 0 10px;
        max-width: inherit
    }

    .chart-product-text .spp-mobile[data-type=floating] .spp-mobile__link {
        max-width: 280px
    }

    .chart-product-text .spp-mobile[data-type=floating] .spp-mobile__icon {
        margin-bottom: 3px
    }

    .chart-product-text .spp-mobile__text {
        box-sizing: border-box;
        max-width: unset;
        max-height: unset;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 600;
        color: #fff
    }

    .chart-product-text .spp-mobile__visible {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    .chart-product-text .spp-mobile__visible[data-type=relative] {
        height: 30px
    }

    .chart-product-text .spp-mobile__visible[data-type=floating] {
        height: 63px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@media screen and (max-width: 767px) {
    .chart-product-text.ribbon_primary .chart-product-text-body {
        border-top: 1px solid #035d4c;
        box-shadow: 0 0 7px rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes scale-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dt-tooltip-appear {
    0% {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible;
        max-height: 16px
    }
}

.dropdown {
    display: -webkit-flex;
    display: flex;
    min-width: 229px;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .dropdown {
        display: none;
        width: 165px
    }
}

.dropdown .row {
    display: -webkit-flex;
    display: flex
}

.page-header {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.page-header, .social-proof__desktop {
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.social-proof__desktop {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    opacity: 0;
    z-index: 1;
    text-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 40px;
    padding: 3px 7px 5px 5px;
    height: 42px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 600;
    color: #2d2d2d;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@media screen and (max-width: 767px) {
    .social-proof__desktop {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .social-proof__desktop {
        -webkit-animation-name: appear, disappear;
        animation-name: appear, disappear;
        -webkit-animation-delay: 1s, 11s;
        animation-delay: 1s, 11s;
        -webkit-animation-duration: .3s, .3s;
        animation-duration: .3s, .3s
    }
}

.social-proof__desktop:after, .social-proof__desktop:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2
}

.social-proof__desktop:after {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
    border-width: 6px;
    margin-top: -6px;
    margin-left: -1px
}

.social-proof__desktop:before {
    border-color: hsla(0, 0%, 88.6%, 0) hsla(0, 0%, 88.6%, 0) hsla(0, 0%, 88.6%, 0) #e2e2e2;
    border-width: 6px;
    margin-top: -6px
}

@media screen and (min-width: 768px) {
    .social-proof__text {
        display: block
    }
}

.social-proof__text b {
    font-weight: 700
}

@-webkit-keyframes appear {
    0% {
        opacity: 0;
        left: -110%
    }
    to {
        opacity: 1;
        left: -102%
    }
}

@keyframes appear {
    0% {
        opacity: 0;
        left: -110%
    }
    to {
        opacity: 1;
        left: -102%
    }
}

@-webkit-keyframes appearToRight {
    0% {
        opacity: 0;
        left: 100px
    }
    to {
        opacity: 1;
        left: 150px
    }
}

@keyframes appearToRight {
    0% {
        opacity: 0;
        left: 100px
    }
    to {
        opacity: 1;
        left: 150px
    }
}

@-webkit-keyframes disappear {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes disappear {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.spp-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .spp-mobile {
        display: -webkit-flex;
        display: flex;
        width: 318px;
        height: 62px;
        background-color: #333;
        color: #fff;
        box-sizing: border-box;
        padding: 10px 15px;
        opacity: .95;
        border-radius: 2px;
        position: fixed;
        margin-left: auto;
        margin-right: auto;
        bottom: 10px;
        left: calc(50% - 159px);
        -webkit-align-items: center;
        align-items: center
    }
}

.spp-mobile__close__button {
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDEuNEwxMi42IDAgNyA1LjYgMS40IDAgMCAxLjQgNS42IDcgMCAxMi42IDEuNCAxNCA3IDguNGw1LjYgNS42IDEuNC0xLjRMOC40IDd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
    background-position: 50%;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.spp-mobile__link {
    display: -webkit-flex;
    display: flex;
    max-width: 255px;
    max-height: 40px;
    color: inherit;
    text-decoration: none;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 15px
}

.spp-mobile__text {
    color: inherit;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    max-width: 215px;
    padding-left: 15px;
    overflow: hidden;
    max-height: 42px
}

.spp-mobile__icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMjguMTU2IDE1LjQ0aC4zNTZhMi4yNjggMi4yNjggMCAwMDAtNC41MzZoLTcuMjI1YS42NDguNjQ4IDAgMDEtLjY0OC0uNzc3Yy40ODYtMy4xNDMgMS4xMzQtNC4yMTIgMS40NTgtNy40NTIuMzI0LTMuMTQzLTQuMTQ3LTMuNjYxLTQuNzk1LS43NzgtMS4yIDUuNDEtNS42NyA5LjA0LTcuMTYgMTAuMTA5YTEuMTgzIDEuMTgzIDAgMDAtLjQ4Ny45NTJ2MTIuOTZjLjAxMi40NjQuMjkuODguNzEzIDEuMDcgMS41ODguNjggMy40MDIgMi4xNyA4LjcxNiAyLjE3aDguMzI2YTIuMjY4IDIuMjY4IDAgMDAwLTQuNTM2aC4yOTJhMi4yODQgMi4yODQgMCAxMC4wNjUtNC41NjhoLjI1OWEyLjI5IDIuMjkgMCAwMDIuMzMzLTEuOTc2IDIuMjY4IDIuMjY4IDAgMDAtMi4yMDMtMi42Mzh6TTYuNzQgMTIuMzFIMS4xNjVBMS4xNjMgMS4xNjMgMCAwMDAgMTMuNDY0djEyLjAyYTEuMTYzIDEuMTYzIDAgMDAxLjE2NiAxLjE2N2g1LjYwNmExLjE2MyAxLjE2MyAwIDAwMS4xNjYtMS4xNjd2LTEyLjAyYTEuMjEyIDEuMjEyIDAgMDAtMS4xOTktMS4xNTR6TTMuOTUyIDI0LjEwNGExLjIzMSAxLjIzMSAwIDExMS4yMzEtMS4yMzEgMS4yMzEgMS4yMzEgMCAwMS0xLjIzMSAxLjIxOHYuMDEzeiIvPjwvZz48L3N2Zz4=");
    background-position: 0;
    background-repeat: no-repeat;
    width: 35px;
    height: 31px
}

@-webkit-keyframes preq_element-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes preq_element-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes wrapper-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes wrapper-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes preq_step-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes preq_step-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes preq_logo-scale-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes preq_logo-scale-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

html:before {
    content: '{"x-small": 320, "small": 375, "medium": 767, "large": 999,"x-large": 1200}';
    visibility: hidden;
    display: -webkit-flex;
    display: flex;
    max-height: 0
}

input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes user-registration-funnel-ninja-icon-show-prop-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes user-registration-funnel-ninja-icon-show-prop-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ninja-with-suitcase__hila {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@keyframes ninja-with-suitcase__body {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@keyframes ninja-with-suitcase__rightLeg {
    0%, to {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(-7px, 0, 0) rotate(30deg);
        transform: translate3d(-7px, 0, 0) rotate(30deg)
    }
}

@keyframes ninja-with-suitcase__leftLeg {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    50% {
        -webkit-transform: translate3d(8px, 0, 0) rotate(-32deg);
        transform: translate3d(8px, 0, 0) rotate(-32deg)
    }
}

@keyframes ninja-with-suitcase__suitcaseMove {
    0%, to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    50% {
        -webkit-transform: translateY(-8%) rotate(20deg);
        transform: translateY(-8%) rotate(20deg)
    }
}

@keyframes ninja-with-suitcase__suitcaseShadow {
    0%, to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@keyframes ninja-with-suitcase__rightHand {
    0%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes ninja-with-suitcase__suitcaseCloseWhite {
    0%, to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translate(-3px, -3px);
        transform: translate(-3px, -3px)
    }
}

@keyframes ninja-with-suitcase__suitcaseCloseLine {
    0%, to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translate(-2px, -2px) rotate(15deg);
        transform: translate(-2px, -2px) rotate(15deg)
    }
}

@keyframes slideArrow {
    0% {
        margin-left: .3em;
        color: #1789d5
    }
    to {
        margin-left: .6em;
        color: #1564bf
    }
}

@keyframes slideArrowOut {
    0% {
        margin-left: .6em
    }
    to {
        margin-left: .3em
    }
}

@keyframes slideArrowTopRight {
    0% {
        -webkit-transform: translate(0) rotate(-45deg);
        transform: translate(0) rotate(-45deg)
    }
    50% {
        -webkit-transform: translate(20%, -20%) rotate(-45deg);
        transform: translate(20%, -20%) rotate(-45deg)
    }
    to {
        -webkit-transform: translate(0) rotate(-45deg);
        transform: translate(0) rotate(-45deg)
    }
}

@keyframes slideArrowBottomLeft {
    50% {
        -webkit-transform: translate(-20%, 20%) rotate(135deg);
        transform: translate(-20%, 20%) rotate(135deg)
    }
    0% {
        -webkit-transform: translate(0) rotate(135deg);
        transform: translate(0) rotate(135deg)
    }
}