@charset "UTF-8"; /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: hsla(7,85%,66%,.4);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0,0,0,.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0,0,0,.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0,0,0,.075);
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color);
    margin-bottom: 1rem;
    vertical-align: middle;
    width: 100%
}

.table>:not(caption)>*>* {
    background-color: var(--bs-table-bg);
    border-bottom-width: .1rem;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    padding: 1rem 2rem
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: .2rem solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: 1rem
}

.table-bordered>:not(caption)>* {
    border-width: .1rem 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 .1rem
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000
}

.table-primary,.table-secondary {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000
}

.table-info,.table-success {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000
}

.table-danger,.table-warning {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000
}

.table-dark,.table-light {
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 899.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 1023.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 1279.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 1599.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

.header-section .section-title,h2 {
    font-size: 3rem;
    font-weight: 500
}

h3 {
    font-size: 2.2rem
}

h3,h4 {
    font-weight: 500
}

h4 {
    font-size: 2rem
}

h5 {
    font-size: 1.8rem
}

h5,h6 {
    font-weight: 600
}

h6 {
    font-size: 1.6rem
}

.atl-rounded,.product-2-cols__img img,.product-slider .slider-nav .slick-slide img,.satisfaction-image img,.satisfaction-image--mobile img,body .pswp .pswp__bullet {
    border-radius: var(--bs-border-radius-2xl) var(--bs-border-radius-2xl) 0 var(--bs-border-radius-2xl)
}

.link-extension {
    cursor: pointer
}

.arrow {
    border: solid #f26f5f;
    border-width: 0 .4rem .4rem 0;
    display: inline-block;
    padding: .9rem
}

.arrow.right {
    transform: rotate(-45deg)
}

.arrow.left {
    transform: rotate(135deg)
}

.atl-spin {
    -webkit-animation: atl-spin 2s linear infinite;
    animation: atl-spin 2s linear infinite;
    display: inline-block
}

@-webkit-keyframes atl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes atl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.offcanvas-filters {
    --bs-offcanvas-width: 38.5rem;
    padding: 3.8rem 3rem
}

.offcanvas-filters .offcanvas-header .offcanvas-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.111;
    margin: 0 0 2rem
}

.offcanvas-filters .offcanvas-header .btn-close {
    background: none;
    color: #f26f5f;
    font-size: 1.6rem;
    opacity: 1;
    position: absolute;
    right: 1.2rem;
    top: 1rem
}

.offcanvas-filters .offcanvas-body ul li {
    margin: 0 0 1.1rem
}

.offcanvas-filters .offcanvas-body .btn-atl {
    min-width: 16rem;
    width: 100%
}

.offcanvas-filters .offcanvas-body .btn-atl.filter-selected {
    background: #fff2e6;
    border-color: hsla(7,85%,66%,.4);
    cursor: not-allowed
}

.offcanvas-filters .offcanvas-body .btn-atl.filter-disabled {
    background: #e5d0bc;
    border-color: hsla(7,85%,66%,.4);
    cursor: not-allowed
}

.offcanvas-filters .offcanvas-body .btn-atl.filter-disabled .txt {
    color: #9b6738
}

.breadcrumb {
    margin: 0
}

.breadcrumb-section {
    margin: 2.7rem 0;
    position: relative;
    z-index: 1
}

@media (max-width: 899.98px) {
    .breadcrumbs-mobile .breadcrumb-section {
        display:block!important
    }
}

.breadcrumb-item {
    font-weight: 600
}

.breadcrumb-item a {
    color: inherit;
    font-weight: 400;
    text-decoration: none
}

.breadcrumb-item a:hover {
    text-decoration: underline
}

.breadcrumb-item:before {
    font-family: atlicon;
    font-size: 56%;
    font-weight: 400;
    position: relative;
    top: .3rem
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/atlantic_static/slick/slick.eot);
    src: url(fonts/atlantic_static/slick/slick.eot?#iefix) format("embedded-opentype"),url(fonts/atlantic_static/slick/slick.woff) format("woff"),url(fonts/atlantic_static/slick/slick.ttf) format("truetype"),url(fonts/atlantic_static/slick/slick.svg) format("svg")
}

.slick-loading .slick-list {
    background: #fff url(images/atlantic_static/slick/ajax-loader.gif) 50% no-repeat
}

.slick-next,.slick-prev {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:hover .slick-prev-icon {
    opacity: 1
}

.slick-next:focus,.slick-prev:focus {
    top: calc(50% - 1px)
}

.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon {
    color: orange;
    font-size: 28px;
    margin-left: -2px
}

.slick-next.slick-disabled,.slick-prev.slick-disabled {
    cursor: default
}

.slick-next.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-prev.slick-disabled .slick-prev-icon {
    opacity: .25
}

.slick-next .slick-next-icon,.slick-next .slick-prev-icon,.slick-prev .slick-next-icon,.slick-prev .slick-prev-icon {
    color: #000;
    display: block;
    font-family: slick;
    font-size: 24px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev .slick-prev-icon:before {
    content: "←"
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next .slick-next-icon:before {
    content: "→"
}

[dir=rtl] .slick-next .slick-next-icon:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-slider.slick-dotted {
    margin-bottom: 60px
}

.slick-dots {
    bottom: -30px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0px;
    margin-left: -4px;
    margin-top: -4px;
    width: 20px
}

.slick-dots li button:focus .slick-dot-icon,.slick-dots li button:hover .slick-dot-icon {
    opacity: 1
}

.slick-dots li button:focus .slick-dot-icon:before {
    color: orange
}

.slick-dots li button .slick-dot-icon {
    color: #000;
    opacity: .25
}

.slick-dots li button .slick-dot-icon:before {
    content: "•";
    font-family: slick;
    font-size: 12px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .05s linear
}

.slick-dots li.slick-active button:focus .slick-dot-icon {
    color: orange;
    opacity: 1
}

.slick-dots li.slick-active button .slick-dot-icon {
    color: #000;
    opacity: 1
}

.slick-dots li.slick-active button .slick-dot-icon:before {
    font-size: 18px;
    margin-left: -2px;
    margin-top: -3px
}

.slick-sr-only {
    clip: rect(1px,1px,1px,1px)!important;
    border: 0!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.slick-autoplay-toggle-button {
    background: none;
    border: 0;
    bottom: -32px;
    color: #000;
    cursor: pointer;
    left: 5px;
    opacity: .75;
    position: absolute;
    z-index: 10
}

.slick-autoplay-toggle-button:focus,.slick-autoplay-toggle-button:hover {
    opacity: 1
}

.slick-autoplay-toggle-button:focus {
    color: orange
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
    content: "⏸";
    font-family: slick;
    font-size: 18px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px
}

.slick-autoplay-toggle-button .slick-play-icon:before {
    content: "▶";
    font-family: slick;
    font-size: 18px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px
}

.slick-slider {
    --arrow-margin: 0;
    --arrow-top: 50%;
    --counter-top: 2rem;
    --counter-size: 1.6rem;
    margin-bottom: 0;
    margin-top: 0;
    z-index: 0
}

@media (max-width: 575.98px) {
    .slick-slider {
        --counter-top:1.1rem
    }
}

.slick-slider .slick-track {
    min-width: 100%
}

.slick-slider .slick-arrow {
    background: none;
    border: none;
    color: #f26f5f;
    font-size: 3rem;
    font-weight: 400;
    height: 6rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    top: var(--arrow-top);
    transform: translateY(-50%);
    width: 2rem;
    z-index: 1
}

.slick-slider .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

@media (max-width: 575.98px) {
    .slick-slider .slick-arrow {
        font-size:2.4rem
    }
}

.slick-slider .slick-next {
    right: var(--arrow-margin);
    text-align: right
}

.slick-slider .slick-prev {
    left: var(--arrow-margin);
    text-align: left
}

.slick-slider .slick-counter,.slick-slider+.slick-counter {
    color: #f26f5f;
    font-size: var(--counter-size);
    line-height: 1;
    margin-top: var(--counter-top);
    text-align: center
}

.product-slider {
    max-width: 54rem;
    position: sticky;
    top: 21rem
}

@media (max-width: 1599.98px) {
    .product-slider {
        top:18rem
    }
}

@media (max-width: 1023.98px) {
    .product-slider {
        top:12rem
    }
}

@media (max-width: 899.98px) {
    .product-slider {
        margin:2rem auto 0;
        max-width: 70rem;
        padding-top: 2rem;
        position: relative;
        top: auto
    }
}

@media (max-width: 575.98px) {
    .product-slider {
        max-width:43rem
    }
}

@media (max-width: 899.98px) {
    .product-slider:before {
        background:#e6e6e6;
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: calc(100vw - 6rem)
    }
}

.product-slider .slider-single.slick-initialized>div:nth-child(n+2) {
    display: block
}

.product-slider .slider-single>div:nth-child(n+2) {
    display: none
}

.product-slider .slider-single .slider-item,.product-slider .slider-single-wrapper {
    position: relative
}

.product-2-cols__img .product-slider .slider-single img.slider-item,.product-slider .slider-nav .slick-slide .slider-single img.slider-item,.product-slider .slider-single .product-2-cols__img img.slider-item,.product-slider .slider-single .satisfaction-image img.slider-item,.product-slider .slider-single .satisfaction-image--mobile img.slider-item,.product-slider .slider-single .slider-item.atl-rounded,.product-slider .slider-single .slider-nav .slick-slide img.slider-item,.product-slider .slider-single body .pswp .slider-item.pswp__bullet,.satisfaction-image .product-slider .slider-single img.slider-item,.satisfaction-image--mobile .product-slider .slider-single img.slider-item,body .pswp .product-slider .slider-single .slider-item.pswp__bullet {
    overflow: hidden
}

.product-slider .slider-single .slider-item .btn {
    bottom: 1.2rem;
    font-size: 1.6rem;
    height: 4rem;
    padding: 1rem 1.3rem;
    position: absolute;
    right: 1.2rem
}

@media (max-width: 575.98px) {
    .product-slider .slider-single .slider-item .btn {
        bottom:1rem;
        font-size: 1.5rem;
        padding: 1rem;
        right: .8rem
    }

    .product-slider .slider-single .slider-item .btn .atlicon {
        font-size: 2rem
    }
}

.product-slider .slider-single .slick-slide img {
    height: auto;
    max-width: 100%;
    min-height: 100%
}

.product-slider .slider-nav {
    margin: 1.5rem 0 0;
    padding: 0 3rem;
    visibility: hidden
}

.product-slider .slider-nav:not(.slick-initialized) {
    display: none
}

@media (max-width: 899.98px) {
    .product-slider .slider-nav {
        margin:.5rem 0 0;
        padding: 0 2rem
    }
}

.product-slider .slider-nav.slick-initialized {
    visibility: visible
}

.product-slider .slider-nav .slick-slide {
    cursor: pointer;
    margin: 0 .5rem;
    position: relative
}

.product-slider .slider-nav .slick-slide.slick-current img {
    border: .1rem solid hsla(7,85%,66%,.4)
}

.product-slider .slider-nav .slick-slide img {
    border: .1rem solid #f5f5f5;
    height: auto;
    max-width: 100%
}

.product-slider .slider-nav .slick-arrow {
    font-size: 2.45rem;
    font-weight: 600
}

@media (max-width: 899.98px) {
    .product-slider .slider-nav .slick-arrow {
        font-size:2.15rem
    }
}

.product-slider .slick-zoom {
    border: none;
    bottom: 2rem;
    color: #f26f5f;
    font-size: 3rem;
    left: 2rem;
    padding: 0;
    position: absolute
}

.product-slider .slick-zoom:focus {
    outline: auto
}

.product-slider .slick-counter {
    color: #f26f5f;
    font-size: 1.6rem;
    margin: 1rem 0 0;
    text-align: center
}

.product-slider .play-icon {
    color: #f26f5f;
    display: block;
    font-size: 4rem;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.product-slider .slider-iframe {
    background-color: #fff2e6
}

.product-slider .slider-iframe:before {
    content: "";
    display: block;
    padding-top: 76.2%;
    width: 100%
}

.product-slider .slider-iframe iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

body .pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79,79,79,.4);
    --pswp-preloader-color-secondary: hsla(0,0%,100%,.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: .2rem;
    --pswp-error-text-color: var(--pswp-icon-color)
}

body .pswp img {
    object-fit: contain
}

body .pswp img.pswp__img.pswp__img--placeholder {
    opacity: 0!important
}

body .pswp__content>iframe {
    background: #fff;
    display: block;
    margin: 5rem auto 12rem;
    max-height: calc(100% - 17rem);
    max-width: 70%
}

@media (max-width: 575.98px) {
    body .pswp__content>iframe {
        max-width:calc(100% - 10rem)
    }
}

body .pswp__content>iframe[src*="www.vectary.com"] {
    background: #fff2e6
}

body .pswp .pswp__zoom-icn-bar-h,body .pswp .pswp__zoom-icn-bar-v {
    fill: #000
}

body .pswp .pswp__bullets-indicator {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 50%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1rem;
    position: absolute;
    transform: translate(-50%)
}

@media (max-width: 575.98px) {
    body .pswp .pswp__bullets-indicator {
        bottom:1rem
    }
}

body .pswp .pswp__bullet {
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    cursor: pointer;
    flex: 1 0 11rem;
    height: 8.6rem;
    margin: 0 .5rem;
    width: 11rem
}

@media (max-width: 575.98px) {
    body .pswp .pswp__bullet {
        flex:1 0 8.9rem;
        height: 6.9rem;
        width: 8.9rem
    }
}

body .pswp .pswp__bullet--active {
    background-color: #f26f5f
}

@media (max-width: 899.98px) {
    .filters-fixed {
        height:6rem;
        position: sticky;
        top: 10rem;
        z-index: 2
    }
}

@media (max-width: 575.98px) {
    .filters-fixed {
        top:7rem
    }
}

@media (max-width: 899.98px) {
    .filters-backdrop {
        background-color:#fff2e6;
        bottom: 0;
        display: none;
        left: 0;
        opacity: .6;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1
    }
}

.filters-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 899.98px) {
    .filters-form {
        align-items:flex-start;
        flex-direction: column;
        margin: 0 auto;
        max-width: 30rem
    }
}

.filters-form .filter-item:not(:first-child) {
    margin-top: 2rem
}

@media (min-width: 900px) {
    .filters-form .filter-item:not(:first-child) {
        margin-top:0
    }

    .filters-form .filter-item:not(:last-child) {
        margin-right: 3rem
    }
}

@media (max-width: 1023.98px) {
    .range-filters__wrapper .filters-form .filter-item:not(:last-child) {
        margin-right:1.5rem
    }
}

@media (max-width: 899.98px) {
    .range-filters__wrapper .filters-form .filter-item:not(:last-child) {
        margin-right:0
    }

    .filters-form .filter-item.form-check:first-child {
        margin-top: 2rem
    }
}

.filters-form .filter-item.dropdown {
    margin-top: 0
}

@media (max-width: 899.98px) {
    .filters-form .dropdown {
        border-bottom:.1rem solid hsla(7,85%,66%,.66);
        width: 100%
    }
}

.filters-form .dropdown .collapse-toggle,.filters-form .dropdown-toggle {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    color: #2f2f2f;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1;
    min-height: 3rem;
    min-width: 16rem;
    padding: 2rem 0;
    width: 100%
}

@media (min-width: 900px) {
    .filters-form .dropdown .collapse-toggle,.filters-form .dropdown-toggle {
        border:.1rem solid #ea5d44;
        border-radius: .3rem;
        font-size: 1.5rem;
        padding: .7rem 1rem .5rem;
        width: auto
    }
}

.filters-form .dropdown .collapse-toggle:after,.filters-form .dropdown-toggle:after {
    content: none
}

.filters-form .dropdown .collapse-toggle .atlicon,.filters-form .dropdown-toggle .atlicon {
    color: #f26f5f;
    margin-left: 1rem
}

.filters-form .dropdown .collapse-toggle .atlicon:before,.filters-form .dropdown-toggle .atlicon:before {
    display: block;
    transform-origin: center;
    transition-duration: .3s;
    transition-property: transform
}

@media (min-width: 900px) {
    .filters-form .dropdown .collapse-toggle.show,.filters-form .dropdown-toggle.show {
        background-color:#fff2e6;
        border-radius: .3rem .3rem 0 0
    }
}

.filters-form .dropdown .collapse-toggle.show .atlicon:before,.filters-form .dropdown-toggle.show .atlicon:before {
    transform: rotate(180deg);
    transition-duration: .3s
}

.filters-form .dropdown .collapse-toggle {
    text-align: left
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-menu {
        display:contents!important
    }
}

@media (min-width: 900px) {
    .filters-form .dropdown-menu {
        --bs-dropdown-min-width:22rem;
        --bs-dropdown-padding-x: 1.55rem;
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-border-color: #ea5d44;
        --bs-dropdown-border-radius: 0.3rem;
        --bs-dropdown-border-width: 0.1rem;
        --bs-dropdown-spacer: 0.3rem;
        border-radius: 0 0 var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius)
    }
}

.filters-form .dropdown-menu .form-group-overflow {
    max-height: 30rem;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 900px) {
    .filters-form .dropdown-menu .form-group-overflow {
        --bs-dropdown-padding-x:0;
        margin: 1rem -1rem 0;
        padding: 0 1rem
    }
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-menu .form-group-overflow {
        margin-right:-1rem;
        padding-right: 1rem
    }
}

.filters-form .dropdown-menu .form-group-overflow>*,.filters-form .dropdown-menu>:not(.form-group-overflow) {
    padding: .75rem 0
}

@media (min-width: 900px) {
    .filters-form .dropdown-menu .form-group-overflow>*,.filters-form .dropdown-menu>:not(.form-group-overflow) {
        border-bottom:.1rem solid rgba(234,93,68,.66);
        margin: 0 calc(var(--bs-dropdown-padding-x)*-1);
        min-height: 5rem;
        padding: 1.5rem var(--bs-dropdown-padding-x)
    }
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-menu .form-group-overflow>:first-child,.filters-form .dropdown-menu>:not(.form-group-overflow):first-child {
        padding-top:0
    }

    .filters-form .dropdown-menu .form-group-overflow>:last-child,.filters-form .dropdown-menu>:not(.form-group-overflow):last-child {
        padding-bottom: 2rem
    }
}

@media (min-width: 900px) {
    .filters-form .dropdown-menu .form-group-overflow>:last-child,.filters-form .dropdown-menu>:not(.form-group-overflow):last-child {
        border-bottom:0
    }
}

.filters-form .dropdown-menu-bottom {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.filters-form .dropdown-radio {
    align-items: center;
    display: flex
}

.filters-form .dropdown-radio>label {
    display: block;
    margin-right: 1.4rem;
    padding-top: .3rem
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-radio>label {
        display:none
    }

    .filters-form .dropdown-radio {
        width: 100%
    }
}

.filters-form .dropdown-radio .dropdown-toggle {
    font-weight: 400
}

.filters-form .dropdown-radio .form-check-input[type=radio] {
    height: 0;
    left: -999em;
    opacity: 0;
    position: absolute;
    width: 0
}

.filters-form .dropdown-radio .form-check-input[type=radio]:focus-visible+label {
    outline: .1rem solid #000;
    outline-offset: .5rem
}

.filters-form .dropdown-radio .form-check-input[type=radio]:checked+label {
    color: #f26f5f;
    font-weight: 500
}

.filters-form .dropdown-radio .form-check-input[type=radio]:checked+label:before {
    background: #f26f5f
}

.filters-form .dropdown-radio .form-check-input[type=radio]+label {
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 2.7rem;
    position: relative;
    text-shadow: none;
    z-index: 0
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-radio .form-check-input[type=radio]+label {
        padding-left:0;
        padding-right: 2.7rem;
        width: 100%
    }
}

.filters-form .dropdown-radio .form-check-input[type=radio]+label:before {
    background-color: #fff;
    border: .2rem solid #fff;
    content: "";
    display: inline-block;
    height: 1.4rem;
    left: 0;
    margin: .1rem;
    outline: .1rem solid hsla(7,85%,66%,.66);
    position: absolute;
    top: 0;
    width: 1.4rem
}

@media (max-width: 899.98px) {
    .filters-form .dropdown-radio .form-check-input[type=radio]+label:before {
        left:auto;
        right: 0
    }
}

.filters-form .filter-helper {
    margin-top: .5rem
}

@media (min-width: 900px) {
    .filters-form .filter-helper {
        margin-top:0;
        padding-left: 1.2rem;
        padding-right: 1rem
    }

    .filters-form .collapse {
        display: contents
    }
}

.filters-form .collapse-toggle:not(.collapsed)~.collapsing {
    padding-bottom: 1.75rem
}

.filters-form .collapse-toggle[aria-expanded=true] .atlicon:before {
    transform: rotate(180deg)
}

.filters-form .collapse-toggle~.collapsing {
    padding-bottom: 0
}

@media (max-width: 899.98px) {
    .filters-form .collapse.show {
        padding-bottom:1.75rem
    }
}

.filters-form .btn-helper {
    background: none;
    border: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    line-height: 1;
    outline: none;
    padding: 0;
    text-align: left
}

.filters-form .btn-helper:focus-visible {
    outline: .1rem solid #000;
    outline-offset: .5rem
}

.filters-form .btn-helper:hover span:not(.atlicon) {
    color: #4f8bd1;
    text-decoration: underline
}

.filters-form .btn-helper .atlicon {
    color: #f26f5f;
    font-size: 1.6rem;
    line-height: 1;
    margin-right: 1rem;
    text-decoration: none
}

.filters-form .btn-helper span:not(.atlicon) {
    color: #2f2f2f;
    flex-grow: 1;
    width: 50%
}

.filters-form .btn-dropdown-close {
    font-size: 1.6rem;
    height: auto;
    margin: 0 auto;
    padding: 1rem 2rem .7rem
}

.filters-form .form-check-label {
    width: auto
}

.filters-toggle {
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4f8bd1;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2
}

.filters-toggle:after {
    content: none
}

@media (min-width: 576px) and (max-width:899.98px) {
    .filters-toggle {
        max-width:24.6rem
    }
}

@media (max-width: 899.98px) {
    .filters-toggle {
        transition-duration:.3s
    }
}

@media (max-width: 575.98px) {
    .filters-toggle {
        border-radius:0;
        margin-left: -2rem;
        width: 100vw
    }
}

.filters-toggle.show .atlicon-angle-down:before {
    transform: rotate(180deg);
    transition-duration: .3s
}

@media (max-width: 899.98px) {
    .filters-toggle.show~.filters-backdrop {
        display:block
    }

    .filters-toggle.show {
        border-radius: 0;
        left: 0;
        position: fixed;
        top: 10rem;
        transition-duration: .3s;
        width: 100%
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .filters-toggle.show {
        max-width:none
    }
}

@media (max-width: 575.98px) {
    .filters-toggle.show {
        top:7rem
    }
}

.filters-toggle span:not(.atlicon) {
    flex-grow: 1
}

.filters-toggle .atlicon-angle-down {
    margin: 0 0 0 1rem
}

.filters-toggle .atlicon-angle-down:before {
    display: block;
    transform-origin: center;
    transition-duration: .3s
}

@media (max-width: 899.98px) {
    .filters-fixed .filters-toggle {
        border-radius:0;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        width: 100vw
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .filters-fixed .filters-toggle {
        max-width:none
    }
}

@media (max-width: 575.98px) {
    .filters-fixed .filters-toggle {
        margin-left:0
    }
}

@media (max-width: 899.98px) {
    .filters-content {
        --bs-dropdown-border-width:0;
        --bs-dropdown-border-radius: 0;
        --bs-dropdown-padding-x: 4rem;
        --bs-dropdown-padding-y: 3rem;
        --bs-dropdown-divider-margin-y: 0;
        --bs-dropdown-box-shadow: 0 0.1rem 1rem rgba(0,0,0,.14);
        box-shadow: var(--bs-dropdown-box-shadow);
        max-height: calc(100vh - 19rem);
        overflow: auto;
        padding-bottom: 6rem;
        padding-top: 0;
        width: 100vw
    }

    .filters-content:after {
        background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
        bottom: -3rem;
        content: "";
        display: block;
        height: 3rem;
        left: 0;
        margin-bottom: -3rem;
        pointer-events: none;
        position: sticky;
        width: 100%
    }

    .filters-content.show {
        margin-top: -.2rem!important
    }
}

@media (min-width: 900px) {
    .filters-content {
        display:contents!important
    }
}

.filters-close-btn {
    display: block;
    font-size: 1.6rem;
    height: 4rem;
    margin: 3rem auto 0;
    padding: 0 2rem
}

.advice-card {
    border: .1rem solid hsla(7,85%,66%,.4);
    color: #2f2f2f;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media (max-width: 575.98px) {
    .advice-card {
        height:auto
    }
}

.advice-card:hover .advice-card__image img {
    transform: scale(1.15)
}

.advice-card:hover .advice-card__title a {
    color: #f26f5f
}

@media (min-width: 1280px) {
    .advice-card__list.row {
        --bs-gutter-x:5rem
    }
}

@media (max-width: 1023.98px) {
    .advice-card__list.row {
        justify-content:center
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__list.row {
        --bs-gutter-x:2.4rem
    }
}

@media (max-width: 575.98px) {
    .advice-card__list.row {
        margin-left:auto;
        margin-right: auto;
        max-width: 43rem
    }
}

.tip-to-dl-section .advice-card__list.row {
    --bs-gutter-x: 2rem;
    margin-top: 3.4rem
}

@media screen and (min-width: 577px) and (max-width:833px) {
    .advice-card__list>[class*=col-] {
        flex:0 0 auto;
        width: 50%
    }
}

.advice-card__list>[class*=col-]:nth-child(n+4) {
    margin-top: 4rem
}

@media (max-width: 1023.98px) {
    .advice-card__list>[class*=col-]:nth-child(n+3),.advice-card__list>[class*=col-]:nth-child(n+4) {
        margin-top:2rem
    }
}

@media (max-width: 575.98px) {
    .advice-card__list>[class*=col-]:nth-child(n+2) {
        margin-top:2rem
    }
}

.advice-card__image {
    overflow: hidden
}

.advice-card__image a:focus-visible {
    outline: .3rem inset;
    outline-offset: -.3rem
}

.advice-card__image picture {
    height: 100%
}

.advice-card__image img {
    aspect-ratio: 1.7777;
    display: block;
    height: auto;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
    transition: transform .2s ease-in;
    width: 100%
}

.advice-card__body {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    padding: 2rem 3rem
}

@media (max-width: 1279.98px) {
    .advice-card__body {
        padding:2rem
    }
}

@media (max-width: 575.98px) {
    .advice-card__body {
        padding:2rem 1.5rem
    }
}

.advice-card__body.small-pb {
    padding-bottom: 2rem
}

.advice-card__title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.167;
    margin: 0
}

@media (min-width: 576px) {
    .advice-card__title {
        align-items:center;
        display: flex;
        min-height: 5.6rem
    }
}

@media (max-width: 899.98px) {
    .advice-card__title {
        font-size:2.2rem;
        line-height: 1.273
    }
}

.advice-card__title a {
    color: #2f2f2f;
    text-decoration: none
}

.advice-card__title a:focus,.advice-card__title a:hover {
    color: #f26f5f
}

.advice-card__text {
    font-size: 1.6rem;
    margin: .8rem 0 0
}

@media (max-width: 899.98px) {
    .advice-card__text {
        font-size:1.5rem
    }
}

.advice-card__body-list {
    border-top: .1rem solid #e6e6e6;
    flex-grow: 1;
    margin: 1.5rem 0 0;
    padding: 1.4rem 0 1rem
}

.advice-card__body-list:last-child {
    border: none;
    margin: 0;
    padding: 0
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__body-list li {
        align-items:flex-start!important;
        flex-direction: column
    }
}

.advice-card__body-list li .col {
    flex-grow: 1;
    font-size: 1.6rem;
    line-height: 1.125;
    width: 12rem
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__body-list li .col {
        margin-bottom:.5rem;
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .advice-card__body-list li .col {
        padding-right:0
    }
}

.advice-card .review-value {
    margin-bottom: 1rem
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card .review-value {
        padding-left:2rem
    }
}

@media (max-width: 575.98px) {
    .advice-card .review-value {
        padding-left:1rem
    }
}

.advice-card .review-value .satisfaction-stars {
    font-size: 2rem
}

.advice-card .review-value .satisfaction-stars .atlicon {
    margin-right: .8rem
}

.advice-card .review-value .satisfaction-stars .atlicon:last-of-type {
    margin-right: 0
}

.advice-card__price {
    border-top: .1rem solid #e6e6e6;
    display: block;
    padding-top: 2rem
}

.advice-card__price .text {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0
}

.advice-card__price .text-unmarketed {
    color: #716f6f;
    font-weight: 600;
    margin: 0 0 1.2rem
}

.advice-card__price .price {
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0
}

.advice-card__price .unmarketed {
    font-size: 1.7rem;
    font-weight: 600;
    margin: 0
}

.advice-card__counter {
    align-items: center;
    background-color: #f26f5f;
    color: #fff;
    display: flex;
    font-size: 2.3rem;
    font-weight: 700;
    height: 4.4rem;
    justify-content: center;
    left: -1.2rem;
    line-height: 1;
    padding-top: .3rem;
    pointer-events: none;
    position: absolute;
    top: 2rem;
    width: 4.4rem;
    z-index: 1
}

.advice-card__counter:before {
    border-left: 1.2rem solid transparent;
    border-top: 1.2rem solid #c22310;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 100%
}

.advice-card__economy {
    color: #4f8bd1;
    line-height: 1;
    margin: 1rem 0
}

.advice-card__economy .price {
    font-size: 3.6rem;
    font-weight: 600;
    margin: 0
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__economy .price {
        font-size:3rem
    }
}

.advice-card__economy .price sub {
    bottom: 0;
    font-size: 67%;
    font-weight: 400
}

.advice-card__economy .text {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__economy .text {
        font-size:2rem
    }
}

.advice-card__form {
    margin-bottom: 2rem
}

.advice-card__form .btn {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__form .btn {
        font-size:1.4rem
    }
}

.advice-card__form .btn .atlicon {
    font-size: 2.4rem
}

.advice-card__form .btn span {
    pointer-events: none
}

.advice-card__btn {
    border-top: .1rem solid #e6e6e6;
    display: block;
    margin-top: 1.5rem;
    padding-top: 2rem
}

.advice-card__btn:not(:last-child) {
    border-bottom: .1rem solid #e6e6e6;
    border-top: .1rem solid #e6e6e6;
    margin: 1.5rem 0;
    padding: 1.4rem 0
}

.advice-card__btn .btn {
    justify-content: center;
    width: 100%
}

@media (min-width: 576px) and (max-width:899.98px) {
    .advice-card__btn .btn {
        font-size:1.4rem
    }
}

.advice-card__btn .btn .atlicon {
    font-size: 2.4rem
}

.advice-card__btn .btn span {
    pointer-events: none
}

.advice-card__badge {
    background: #f26f5f;
    border-radius: var(--bs-border-radius-2xl) 0 var(--bs-border-radius-2xl) 0;
    font-size: 1.8rem;
    font-weight: 500;
    left: 0;
    padding: 1rem 2.1rem;
    position: absolute;
    top: 0
}

@media (max-width: 1599.98px) {
    .advice-card__badge {
        font-size:1.6rem
    }
}

.advice-card__badge .atlicon {
    margin: 0 .7rem 0 0;
    vertical-align: bottom
}

.advice-card__pim h2 {
    display: none
}

.sticky-block {
    background-color: #fff;
    border-bottom: .1rem solid #e6e6e6;
    position: sticky;
    top: 12rem;
    z-index: 1
}

@media (max-width: 1599.98px) {
    .sticky-block {
        top:10rem
    }
}

@media (max-width: 1279.98px) {
    .sticky-block {
        top:8.5rem
    }
}

@media (max-width: 1023.98px) {
    .sticky-block {
        top:9.3rem
    }
}

@media (min-width: 1280px) {
    .sticky-atl .sticky-block {
        top:8rem
    }
}

.sticky-block-wrapper {
    justify-content: space-between;
    min-height: 6.5rem;
    padding: 1.2rem 0
}

.sticky-block-title,.sticky-block-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.sticky-block-title {
    border-right: .1rem solid #e6e6e6;
    padding-right: 1rem;
    position: relative;
    width: 27rem;
    z-index: 0
}

@media (min-width: 1600px) {
    .sticky-block-title {
        width:32rem
    }
}

.sticky-block-title .title {
    flex-grow: 1;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
    width: 50%
}

@media (min-width: 1600px) {
    .sticky-block-title .title {
        font-size:1.8rem
    }
}

.sticky-block-title .atlicon {
    color: #f26f5f;
    font-size: 2rem;
    margin-right: 1.5rem;
    position: relative
}

@media (min-width: 1600px) {
    .sticky-block-title .atlicon {
        font-size:2.4rem
    }
}

.highlight-section .row {
    --bs-gutter-x: 1.4rem;
    --bs-gutter-y: 0
}

@media (max-width: 899.98px) {
    .highlight-section .row {
        --bs-gutter-y:1.5rem
    }
}

.highlight-box {
    display: block;
    margin: auto;
    overflow: hidden;
    padding-top: 113.5%;
    position: relative;
    width: 100%
}

@media (max-width: 575.98px) {
    .highlight-box {
        padding-top:45.5%
    }
}

.highlight-box:focus .highlight-image img,.highlight-box:hover .highlight-image img {
    transform: scale(1.15)
}

.highlight-box--xl {
    height: 100%
}

@media screen and (max-width: 576px) {
    .highlight-box--xl {
        padding-top:61.5%
    }
}

.highlight-box--md {
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    padding-top: 62%
}

.highlight-box--sm {
    border-radius: 1rem 1rem 0 1rem;
    padding-top: 111%
}

.highlight-image {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

@media (max-width: 899.98px) {
    .highlight-image {
        min-height:auto
    }
}

.highlight-image picture {
    height: 100%;
    margin: 0;
    width: 100%
}

.highlight-image picture img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
    transition: transform .2s ease-in-out;
    width: 100%
}

.highlight-body {
    bottom: 0;
    left: 0;
    min-height: 21.7rem;
    padding: 6rem 5rem;
    position: absolute;
    width: 100%
}

@media (max-width: 1599.98px) {
    .highlight-body {
        min-height:17.6rem;
        padding: 4rem
    }
}

@media (max-width: 1279.98px) {
    .highlight-body {
        min-height:13.5rem;
        padding: 3rem 2rem
    }
}

@media (max-width: 899.98px) {
    .highlight-body {
        min-height:auto;
        padding: 3rem 6rem 3rem 2rem
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .highlight-body {
        padding:3rem 2rem
    }
}

.highlight-body--xl {
    min-height: auto;
    padding: 4rem
}

@media (max-width: 899.98px) {
    .highlight-body--xl {
        padding:1.5rem
    }
}

.highlight-body--md {
    min-height: auto;
    padding: 2rem 2.8rem
}

@media (max-width: 899.98px) {
    .highlight-body--md {
        padding:2rem
    }
}

.highlight-body--sm {
    min-height: auto;
    padding: 2rem
}

@media (max-width: 1279.98px) {
    .highlight-body--sm {
        padding:1.5rem
    }
}

.highlight-title {
    background-color: #f26f5f;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: .5rem 0 0 #f26f5f,-.5rem 0 0 #f26f5f;
    color: #fff;
    display: inline;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: .2rem .5rem .58rem
}

@media (max-width: 1279.98px) {
    .highlight-title {
        font-size:2.9rem;
        line-height: 1.25
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .highlight-title {
        font-size:2.2rem
    }
}

@media (max-width: 575.98px) {
    .highlight-title {
        font-size:2.5rem
    }
}

.highlight-title--xl {
    box-shadow: .25rem 0 0 #f26f5f,-.25rem 0 0 #f26f5f;
    font-size: 2.2rem;
    font-weight: 600;
    padding: .2rem .1rem .1rem
}

@media (max-width: 899.98px) {
    .highlight-title--xl {
        font-size:2rem;
        padding-top: .4rem
    }
}

.highlight-title--md,.highlight-title--sm {
    box-shadow: .25rem 0 0 #f26f5f,-.25rem 0 0 #f26f5f;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.33;
    padding: .35rem .1rem .4rem
}

@media (max-width: 1599.98px) {
    .highlight-title--md,.highlight-title--sm {
        font-size:2rem;
        line-height: 1.35
    }
}

@media (max-width: 1279.98px) {
    .highlight-title--md,.highlight-title--sm {
        font-size:1.8rem;
        line-height: 1.4;
        padding-top: .4rem
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .highlight-title--md,.highlight-title--sm {
        font-size:1.8rem;
        line-height: 1.45
    }
}

.highlight-md-list.row {
    --bs-gutter-x: 2.2rem;
    --bs-gutter-y: 2.6rem;
    margin-bottom: 0
}

@media (max-width: 575.98px) {
    .highlight-md-list.row {
        --bs-gutter-x:4rem;
        --bs-gutter-y: 1.5rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 43rem
    }
}

.tip-to-dl-section .highlight-md-list.row {
    margin-top: .5rem
}

@media (max-width: 899.98px) {
    .tip-to-dl-section .highlight-md-list.row {
        margin-top:2rem
    }
}

@media (max-width: 575.98px) {
    .product-route .highlight-md-list.row {
        margin-left:-2rem;
        margin-right: -2rem
    }
}

.highlight-card {
    color: inherit;
    text-decoration: none
}

.highlight-card:focus .highlight-card-image img,.highlight-card:hover .highlight-card-image img {
    transform: scale(1.15)
}

.highlight-card:focus .highlight-card-title,.highlight-card:hover .highlight-card-title {
    color: #f26f5f
}

.highlight-card-image {
    overflow: hidden;
    padding-top: 65.5%;
    position: relative;
    z-index: 0
}

@media (max-width: 575.98px) {
    .highlight-card-image {
        height:55vw;
        max-height: 25rem;
        padding-top: 0
    }
}

.highlight-card-image img,.highlight-card-image picture {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.highlight-card-image img {
    display: block;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
    transition: transform .2s ease-in-out
}

.highlight-card-body,.highlight-card-title {
    font-size: 2.4rem
}

.highlight-card-body {
    padding: 1.5rem 0 0
}

.highlight-card-title {
    font-weight: 700;
    margin: 0
}

.highlight-card-text {
    margin: 0
}

.header-section {
    line-height: 1;
    margin: 2.7rem 0 5rem;
    padding-left: 2.7rem;
    position: relative;
    z-index: 0
}

@media (max-width: 575.98px) {
    .header-section {
        padding-left:1.75rem
    }
}

.header-section:before {
    border-left: .5rem solid #f26f5f;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 1279.98px) {
    .header-section:before {
        bottom:0;
        top: 0
    }
}

@media (max-width: 575.98px) {
    .header-section:before {
        border-left-width:.4rem
    }
}

h6.header-section:before {
    bottom: 0;
    top: 0
}

.landing-section:not(.pt-0) .header-section {
    margin-top: 0
}

@media (max-width: 1599.98px) {
    .header-section {
        margin-bottom:3.5rem
    }
}

@media (max-width: 899.98px) {
    .header-section {
        margin-bottom:3rem
    }
}

.header-section .section-title {
    color: #f26f5f;
    line-height: 1.15;
    margin: 0
}

@media (max-width: 899.98px) {
    .interested-product-section .header-section .section-title {
        font-size:2.6rem;
        line-height: 1.077
    }
}

.header-section .section-title-desc {
    font-size: 2.8rem;
    line-height: 1.0714;
    margin: 1rem 0 0
}

@media (max-width: 1599.98px) {
    .header-section .section-title-desc {
        font-size:2.6rem
    }
}

@media (max-width: 1279.98px) {
    .header-section .section-title-desc {
        font-size:2rem
    }
}

@media (max-width: 899.98px) {
    .header-section .section-title-desc {
        margin-top:0
    }
}

.header-section--md {
    margin-bottom: 3rem
}

.product-2-cols-section .header-section--md {
    margin-bottom: 2.3rem;
    padding-left: 1.5rem
}

.header-section--md .section-title {
    font-weight: 600
}

.header-section--md .section-title,.wysiwyg .header-section--md .section-title {
    color: #2f2f2f
}

@media (max-width: 575.98px) {
    .header-section--md .section-title {
        font-size:2.6rem
    }
}

.banner-range .header-section--xl {
    margin: 2.9rem 0 2.4rem;
    padding-right: 5rem
}

@media (max-width: 1023.98px) {
    .banner-range .header-section--xl {
        padding-right:0
    }
}

@media (max-width: 899.98px) {
    .banner-range .header-section--xl {
        margin:0 0 2.4rem
    }
}

.header-section--xl .section-title {
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.0954
}

@media (max-width: 1599.98px) {
    .header-section--xl .section-title {
        font-size:4rem
    }
}

@media (max-width: 899.98px) {
    .header-section--xl .section-title {
        font-size:3rem
    }
}

.header-section--xl .section-title-desc {
    font-size: 2.8rem;
    line-height: 1.0715;
    margin: 1rem 0 0
}

@media (max-width: 1599.98px) {
    .header-section--xl .section-title-desc {
        font-size:2.6rem;
        line-height: 1.154
    }
}

@media (max-width: 899.98px) {
    .header-section--xl .section-title-desc {
        font-size:2rem;
        line-height: 1.2;
        margin: .8rem 0 0
    }
}

.tutorials-section .row {
    --bs-gutter-x: 4.6rem;
    --bs-gutter-y: 2.3rem
}

.tutorials-section .row.slick-initialized {
    margin-top: 0
}

@media (max-width: 899.98px) {
    .tutorials-section .row.slick-initialized {
        margin:0 -.3rem;
        padding: 0 1.3rem
    }

    .tutorials-section .row {
        --bs-gutter-x: 1.6rem
    }
}

.tutorials-list {
    margin-bottom: 0
}

.tutorials-list .block-video {
    margin: 0
}

@media (min-width: 576px) and (max-width:899.98px) {
    .tutorials-list .block-video {
        margin:0 auto
    }
}

@media (min-width: 900px) {
    .tutorials-list .slick-track {
        display:flex;
        justify-content: center
    }
}

.tutorials-list .slick-slide {
    margin-left: calc(var(--bs-gutter-x)/2);
    margin-right: calc(var(--bs-gutter-x)/2)
}

.tutorials-list .slick-slide li {
    display: block!important
}

@media (min-width: 900px) {
    .tutorials-list .slick-next {
        right:-.8rem
    }

    .tutorials-list .slick-prev {
        left: -.8rem
    }
}

.icons-section {
    padding: 7rem 0
}

@media (max-width: 899.98px) {
    .icons-section {
        padding:5rem 0
    }
}

.icons-section .header-section {
    margin-bottom: 4rem
}

@media (min-width: 576px) {
    .icons-section .header-section {
        margin-bottom:6.5rem
    }
}

@media (min-width: 900px) {
    .icons-section .row {
        flex-wrap:nowrap
    }
}

@media (max-width: 899.98px) {
    .icons-section .row>[class*=col-]:nth-child(n+3) {
        margin:4.5rem 0 0
    }

    .icons-section .row>[class*=col-].odd-element {
        flex: 0 0 100%
    }

    .icons-section .row>[class*=col-].odd-element .col-inner {
        margin: 0 auto;
        width: 60%
    }

    .icons-section .row>[class*=col-].odd-element+[class*=col-] {
        margin: 4.5rem 0 0
    }

    .icons-section .row>[class*=col-] .col-inner {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media (max-width: 575.98px) {
    .icons-section .row.xs-one-line>[class*=col-] {
        margin:4rem 0 0;
        width: 100%
    }

    .icons-section .row.xs-one-line>[class*=col-]:first-child {
        margin-top: 0
    }

    .icons-section .row.xs-one-line .col-inner {
        margin: 0 auto;
        max-width: 30rem
    }
}

.icons-section .col-inner {
    max-width: 23.4rem
}

@media (max-width: 899.98px) {
    .icons-section .col-inner {
        max-width:none
    }
}

.icons-section .col-inner .btn {
    border: 0;
    padding: 0
}

.icons-section .col-inner .btn:focus {
    outline: revert
}

.icons-section .atlicon {
    align-items: center;
    color: #f26f5f;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    margin: 0 auto;
    max-width: 5.5rem;
    min-height: 5.5rem;
    width: auto
}

.icons-section .atlicon img {
    max-height: 5.5rem;
    max-width: 5.5rem;
    width: 100%;
}

.icons-section .title {
    font-size: 2rem;
    font-weight: 700;
    margin: 1.4rem 0 0
}

.icons-section .title+.text {
    margin-top: .3rem
}

.icons-section .text {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 1rem 0 0
}

@media (max-width: 899.98px) {
    .icons-section .text {
        padding:0 2rem
    }
}

.satisfaction-wrapper {
    padding-left: 7rem
}

@media (max-width: 1279.98px) {
    .satisfaction-wrapper {
        padding-left:1rem
    }
}

@media (max-width: 899.98px) {
    .satisfaction-wrapper {
        padding-left:0
    }

    .satisfaction-image {
        display: none
    }
}

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

.satisfaction-image--mobile {
    display: none
}

@media (max-width: 899.98px) {
    .satisfaction-image--mobile {
        display:block;
        margin: 0 auto;
        max-width: 50rem
    }
}

.satisfaction-image--mobile img {
    height: auto;
    max-width: 100%
}

.satisfaction-body {
    margin-bottom: 3.5rem;
    margin-top: 7rem
}

@media (max-width: 1599.98px) {
    .satisfaction-body {
        margin-top:3.5rem
    }
}

.satisfaction-box {
    display: flex
}

@media (max-width: 899.98px) {
    .satisfaction-box {
        justify-content:center
    }
}

.satisfaction-box--md {
    margin-top: 4rem
}

@media (max-width: 575.98px) {
    .satisfaction-box--md {
        margin-top:3.5rem
    }
}

.satisfaction-value {
    font-size: 4rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 3rem
}

@media (max-width: 575.98px) {
    .satisfaction-value {
        margin-right:1rem
    }
}

.satisfaction-box--md .satisfaction-value--md {
    font-size: 2.8rem;
    margin-right: 2.2rem
}

.satisfaction-box--md .satisfaction-value--md sup {
    font-size: 3.4rem
}

.satisfaction-box--md .satisfaction-value--md .verti {
    height: 2.2rem;
    width: .25rem
}

.satisfaction-value sup {
    font-size: 5rem;
    font-weight: 500;
    position: relative;
    top: -.15em;
    vertical-align: baseline
}

@media (max-width: 1279.98px) {
    .satisfaction-value sup {
        font-size:4.8rem
    }
}

.satisfaction-value .verti {
    background-color: var(--bs-body-color);
    display: inline-block;
    height: 2.8rem;
    margin: 0 1.2rem;
    transform: rotate(20deg);
    width: .25rem
}

@media (max-width: 575.98px) {
    .satisfaction-value .verti {
        margin:0 1rem
    }
}

.satisfaction-stars {
    display: flex;
    font-size: 3.6rem;
    margin-bottom: 0
}

@media (max-width: 1279.98px) {
    .satisfaction-stars {
        font-size:2.6rem
    }
}

.satisfaction-box--md .satisfaction-stars {
    font-size: 2.6rem
}

.satisfaction-stars .atlicon {
    color: #f8a14c;
    margin-right: 1rem
}

.satisfaction-stars .atlicon.disabled {
    opacity: .5
}

@media (max-width: 575.98px) {
    .satisfaction-stars .atlicon {
        margin-right:.6rem
    }
}

.satisfaction-stars .atlicon:last-of-type {
    margin-right: 0
}

@media (max-width: 899.98px) {
    .satisfaction-btn {
        text-align:center
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family,inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular,400);
    line-height: var(--plyr-line-height,1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,.plyr iframe,.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background,#4a5464);
    border-radius: var(--plyr-badge-border-radius,2px);
    color: var(--plyr-badge-text-color,#fff);
    font-size: var(--plyr-font-size-badge,9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small,13px);
    left: 0;
    padding: var(--plyr-control-spacing,10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-base,15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-large,18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius: 2px;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color,#fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius,3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: var(--plyr-control-icon-size,18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size,18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    border-radius: var(--plyr-menu-radius,4px);
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-menu-color,#4a5464);
    font-size: var(--plyr-font-size-base,15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container:after {
    border-top-color: transparent;
    border: var(--plyr-menu-arrow-size,4px) solid transparent;
    border-top-color: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color,#4a5464);
    display: flex;
    font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: var(--plyr-menu-item-arrow-size,4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color,#728197);
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular,400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color,#728197);
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: var(--plyr-menu-back-border-color,#dcdfe5);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0,0,0,.1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing,10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease,opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35,40,47,.1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    appearance: none;
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: transparent;
    background: currentColor;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: 0;
    position: relative;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing,10px)
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius: var(--plyr-tooltip-radius,5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-tooltip-color,#4a5464);
    font-size: var(--plyr-font-size-small,13px);
    font-weight: var(--plyr-font-weight-regular,400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative
}

.plyr__progress input[type=range],.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background,#fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height,5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: var(--plyr-progress-marker-width,3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background,#fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color,#4a5464);
    padding: var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video {
    background: var(--plyr-video-background,var(--plyr-video-background,#000));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background,var(--plyr-video-background,#000));
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
        height:0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color,#fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:var(--plyr-control-spacing,10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color,#fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing,10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing,10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius: var(--plyr-tooltip-radius,5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none!important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    border: 0!important;
    height: 1px!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.plyr [hidden] {
    display: none!important
}

.plyr-video-wrapper {
    border-radius: 2rem 2rem 0 2rem;
    margin: 4rem 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.media .plyr-video-wrapper,.slider-item .plyr-video-wrapper {
    margin: 0
}

.block-plyr-video .plyr-video-wrapper {
    border-radius: 0;
    height: calc(100% - 10rem);
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.plyr-video-caption {
    font-size: 1.4rem;
    margin-top: 1rem
}

.plyr-video-pswp {
    backgroynd: #cecbcb;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.block-plyr-video {
    background-color: #000;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.block-plyr-video:before {
    content: "";
    display: block;
    padding-top: 76.2%;
    width: 100%
}

.plyr__control--overlaid {
    background: transparent!important;
    border: 2px solid #f26f5f;
    opacity: 1;
    padding: calc(var(--plyr-control-spacing, 12.67px)*1.5)
}

.plyr__control--overlaid svg {
    stroke: #f26f5f;
    fill: transparent
}

.plyr--full-ui input[type=range] {
    color: #f26f5f
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: #f26f5f
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px hsla(7,85%,66%,.5)
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #4f8bd1
}

.product-2-cols__desc {
    font-size: 1.6rem;
    margin: 0 0 3rem
}

.product-2-cols__desc h2 {
    color: #f26f5f;
    font-size: 3rem;
    line-height: 1;
    margin: 0 0 2.4rem
}

@media (max-width: 899.98px) {
    .product-2-cols__desc h2 {
        font-size:2.8rem;
        margin: 0 0 1rem
    }
}

.product-2-cols__desc h3 {
    font-size: 2.2rem;
    line-height: .8;
    margin: 0 0 1.5rem
}

@media (max-width: 899.98px) {
    .product-2-cols__desc h3 {
        margin:0 0 1rem
    }
}

.product-2-cols__desc p {
    line-height: 1.625;
    margin-bottom: 1.5rem
}

@media (max-width: 899.98px) {
    .product-2-cols__desc p {
        line-height:1.5
    }
}

.product-2-cols__desc p+ul {
    margin: 1rem 0 0
}

.product-2-cols__desc ul {
    margin: 1.9rem 0;
    padding: 0
}

.product-2-cols__desc ul li {
    align-items: baseline;
    display: flex;
    line-height: 1.625;
    margin: 0 0 .2rem
}

.product-2-cols__desc ul li:before {
    background: #f26f5f;
    border-radius: 50%;
    content: "";
    display: block;
    flex: 0 0 0.8rem;
    height: .8rem;
    margin: 0 .9rem 0 0
}

.product-2-cols__img {
    font-size: 1.6rem;
    margin-left: auto
}

@media (max-width: 575.98px) {
    .product-2-cols__img picture {
        margin:0 auto;
        max-width: 43rem
    }
}

.product-2-cols__img img {
    height: auto;
    margin: .7rem 0 3rem;
    max-width: 100%
}

@media (min-width: 1280px) {
    .questions-section--xl .row {
        --bs-gutter-x:6.6rem
    }
}

@media (max-width: 575.98px) {
    .questions-section--xl .row li:nth-child(n+2) {
        margin-top:3rem
    }
}

@media (min-width: 1280px) {
    .questions-section--xl .question-box {
        padding:3.5rem 8rem
    }
}

.questions-section--xl .question-box .question-box-text {
    min-height: auto
}

@media (max-width: 899.98px) {
    .questions-section-inner .header-section .section-title {
        font-size:2.6rem;
        line-height: 1.154
    }
}

.questions-section-intro {
    margin: 0 0 4rem
}

@media (max-width: 899.98px) {
    .questions-section-intro {
        margin:0 0 2rem
    }
}

.questions-section-intro p {
    font-size: 1.9rem
}

@media (max-width: 575.98px) {
    .questions-section-body {
        margin:0 auto;
        max-width: 39rem
    }
}

@media (max-width: 899.98px) {
    .questions-section-body .row {
        --bs-gutter-x:2.4rem
    }
}

.questions-section-body .row li {
    display: flex;
    flex-direction: column;
    padding: 0 3.1rem
}

@media (max-width: 1023.98px) {
    .questions-section-body .row li {
        padding:0 1.5rem
    }
}

.questions-section-body .row li:last-child .question-box {
    margin-bottom: 0
}

.question-box {
    background: #fff;
    border: .1rem solid hsla(7,85%,66%,.4);
    height: 100%;
    margin: auto;
    padding: 4.4rem 1rem;
    width: 100%
}

@media (max-width: 899.98px) {
    .question-box {
        padding:2rem 1rem
    }
}

@media (max-width: 575.98px) {
    .question-box {
        height:auto;
        margin-bottom: 1.5rem;
        padding: 4.4rem 2.5rem
    }
}

.question-box-first-title {
    font-size: 3rem;
    font-weight: 500;
    margin: 0 0 3rem;
    text-align: left
}

@media (max-width: 899.98px) {
    .question-box-first-title {
        font-size:2.4rem;
        margin: 0 0 2rem
    }
}

.question-box-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 1.8rem 0 1.5rem
}

@media (max-width: 1023.98px) {
    .question-box-title {
        font-size:1.8rem
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .question-box-title {
        font-size:2rem
    }
}

.question-box-text {
    font-size: 1.8rem;
    line-height: 1.556;
    margin: 0 auto 2.2rem;
    max-width: 30.3rem;
    min-height: 5.6rem
}

@media (max-width: 1023.98px) {
    .question-box-text {
        font-size:1.6rem
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .question-box-text {
        font-size:1.6rem
    }
}

@media (max-width: 575.98px) {
    .question-box-text {
        max-width:none;
        min-height: auto
    }
}

.question-box-text p {
    margin-bottom: 0
}

.question-box-icon .atlicon {
    color: #f26f5f;
    font-size: 5.8rem
}

.question-box .btn {
    align-items: center;
    display: inline-flex;
    line-height: 1.15;
    text-align: left
}

@media (min-width: 576px) and (max-width:899.98px) {
    .question-box .btn {
        font-size:1.6rem;
        line-height: 1.15;
        padding: 1rem
    }
}

.question-box .btn-num .btn-num__tel {
    font-size: 2.4rem;
    font-weight: 400;
    margin: 0
}

.question-box .btn+.question-box-text {
    margin: 1rem auto 0
}

.models-product {
    border: .1rem solid hsla(7,85%,66%,.4);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 100%;
    padding: 1.51rem 3rem 1.5rem;
    width: 100%
}

@media (min-width: 576px) and (max-width:899.98px) {
    .models-product {
        padding:1.5rem 2rem
    }
}

@media (max-width: 575.98px) {
    .models-product {
        padding:1.5rem 2rem
    }
}

.models-product-section__range {
    position: sticky;
    top: 7.9rem;
    z-index: 2
}

@media (max-width: 1279.98px) {
    .models-product-section__range {
        top:8.5rem
    }
}

@media (max-width: 1023.98px) {
    .models-product-section__range {
        top:9.3rem
    }
}

@media (max-width: 899.98px) {
    .models-product-section__range {
        margin:3.5rem 0 2rem;
        padding: 0;
        top: 9.9rem
    }
}

@media (max-width: 575.98px) {
    .models-product-section__range {
        margin:0;
        top: 7rem
    }
}

.models-product-section__range.isSticky {
    border-bottom: .1rem solid #e6e6e6
}

@media (min-width: 900px) {
    .models-product-section__range.isSticky {
        padding-bottom:1rem;
        padding-top: 2rem
    }
}

@media (max-width: 899.98px) {
    .models-product-section__range.isSticky {
        border-bottom:0;
        margin: 0
    }
}

@media (min-width: 1280px) {
    .models-product-section__range.isSticky .range-filters__wrapper-text {
        align-items:center;
        display: flex
    }
}

@media (min-width: 900px) {
    .models-product-section__range.isSticky .range-filters__wrapper-text {
        margin-bottom:1rem
    }
}

.models-product-section__range.isSticky .range-filters__wrapper .filters:after {
    display: none
}

.models-product-section__range.isSticky .range-filters__wrapper .filters-toggle {
    border-radius: 0
}

@media (min-width: 576px) and (max-width:899.98px) {
    .models-product-section__range.isSticky .range-filters__wrapper .filters-toggle {
        max-width:none
    }
}

@media (min-width: 900px) {
    .models-product-section__range.isSticky .filter-item {
        margin-bottom:1rem
    }
}

@media (max-width: 899.98px) {
    .models-product-section__range>.container {
        padding:0
    }
}

.models-product-section__range .range-filters__wrapper {
    align-items: center;
    display: flex
}

.models-product-section__range .range-filters__wrapper-text {
    border-right: .1rem solid #e6e6e6;
    display: none;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 3rem 0 0;
    padding: 0 5rem 0 0
}

.models-product-section__range .range-filters__wrapper-text .atlicon {
    color: #f26f5f;
    font-size: 2.1rem;
    margin: 0 1rem 0 0
}

.models-product-section__range .range-filters__wrapper .filters {
    margin: 0
}

@media (max-width: 899.98px) {
    .models-product-section__range .range-filters__wrapper .filters {
        width:100%
    }
}

.models-product-section__range .range-filters__wrapper .filters:after {
    background: #e6e6e6;
    bottom: 0;
    content: "";
    display: block;
    height: .1rem;
    max-width: 116.6rem;
    position: absolute;
    width: 100%
}

@media (max-width: 1279.98px) {
    .models-product-section__range .range-filters__wrapper .filters:after {
        max-width:93.6rem
    }
}

@media (max-width: 1023.98px) {
    .models-product-section__range .range-filters__wrapper .filters:after {
        max-width:74.6rem
    }
}

@media (max-width: 899.98px) {
    .models-product-section__range .range-filters__wrapper .filters:after {
        display:none
    }
}

@media (max-width: 575.98px) {
    .models-product-section__range .range-filters__wrapper .filters .dropdown-toggle {
        border-radius:0;
        left: auto
    }

    .models-product-section__range .range-filters__wrapper .filters .dropdown-toggle.show {
        left: 2rem
    }
}

.models-product-section .header-section {
    margin-bottom: 2.5rem
}

.models-product-section .filters {
    margin: 0 1.5rem 2.5rem
}

@media (min-width: 900px) {
    .models-product-section .filters {
        display:inline-flex;
        margin: 0 0 2.5rem
    }
}

@media (max-width: 575.98px) {
    .models-product-section .filters {
        margin:0 0 2.5rem
    }
}

.models-product-wrapper.row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
    --arrow-margin: -4rem;
    --arrow-top: 35%;
    clear: both
}

@media (max-width: 1599.98px) {
    .models-product-wrapper.row {
        --arrow-margin:-2rem
    }
}

@media (max-width: 899.98px) {
    .models-product-wrapper.row {
        --arrow-margin:-1rem
    }
}

@media (max-width: 575.98px) {
    .models-product-wrapper.row {
        --arrow-margin:0;
        margin: -.5rem;
        padding: 0 .5rem
    }
}

.models-product-wrapper .slick-slide {
    margin-left: calc(var(--bs-gutter-x)/2);
    margin-right: calc(var(--bs-gutter-x)/2)
}

.models-product-wrapper .slick-slide.centered .models-product,.models-product-wrapper .slick-slide.slick-center .models-product {
    border-color: #3b76ba
}

.models-product-wrapper .slick-slide.centered .models-product .models-product-title a,.models-product-wrapper .slick-slide.slick-center .models-product .models-product-title a {
    color: #3b76ba
}

.models-product-wrapper .slick-counter {
    --counter-top: 4.5rem;
    --counter-size: 1.8rem
}

@media (max-width: 575.98px) {
    .models-product-wrapper .slick-counter {
        --counter-top:2.5rem
    }
}

.models-product-header {
    border-bottom: .1rem solid hsla(7,85%,66%,.4);
    padding-bottom: 1.5rem
}

.models-product-body {
    flex-grow: 1;
    padding: 2rem 0
}

.models-product-footer {
    border-top: .1rem solid hsla(7,85%,66%,.4);
    padding-top: 1.5rem
}

.models-product-footer:empty {
    display: none
}

.models-product-top {
    position: relative
}

.models-product-title {
    align-items: center;
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.15;
    margin: 0;
    min-height: 4.6rem
}

.models-product-title a {
    color: #2f2f2f;
    text-decoration: none
}

.models-product-title a:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.models-product-title a:focus,.models-product-title a:hover {
    color: #f26f5f
}

.models-product-chars {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 1.4rem;
    justify-content: flex-start
}

.models-product-chars .char-item {
    margin-top: 1.3rem
}

.models-product-chars>.char-item:first-child {
    margin-top: 0
}

.models-product-chars strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: .5rem
}

.models-product-toggle {
    background: none;
    border: none;
    color: #4f8bd1;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 1.3rem;
    order: 1;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    z-index: 1
}

.models-product-toggle span {
    pointer-events: none
}

.models-product-toggle span:not(.atlicon) {
    text-decoration: underline
}

.models-product-toggle .atlicon {
    display: inline-block;
    font-size: 90%;
    margin-left: .1em;
    position: relative;
    top: .15em
}

.models-product-toggle .atlicon:before {
    display: block
}

.models-product-toggle .to-hide {
    /* display: none; */
    /* visibility: hidden; */
}

.models-product-toggle:not(.collapsed) .to-hide {
    display: inline;
    visibility: visible
}

.models-product-toggle:not(.collapsed) .to-show {
    display: none;
    visibility: hidden
}

.models-product-toggle:not(.collapsed) .atlicon:before {
    transform: rotate(180deg);
    transform-origin: center
}

.product-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-price>* {
    margin: .5rem 0
}

.product-price-text {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    width: 100%
}

.product-price-block {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase
}

.product-price-tva .form-check {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    min-height: auto;
    padding-left: 2rem;
    position: relative
}

.product-price-tva .form-check+.form-check {
    margin-top: .5rem
}

.product-price-tva .form-check-input {
    left: .3rem;
    margin: 0;
    position: absolute;
    top: .3rem
}

.notes-section__to-dl li:nth-child(2n) .card {
    border-left: 0
}

@media (max-width: 575.98px) {
    .notes-section__to-dl li:nth-child(2n) .card {
        border-left:.1rem solid hsla(7,85%,66%,.4);
        border-top: none
    }
}

.notes-section__to-dl .card {
    border: .1rem solid hsla(7,85%,66%,.4);
    border-radius: 0;
    padding: 3.4rem 5rem
}

@media (max-width: 899.98px) {
    .notes-section__to-dl .card {
        padding:2.5rem 2rem 11rem
    }
}

@media (max-width: 575.98px) {
    .notes-section__to-dl .card .col-img {
        flex:0 0 6rem;
        max-width: 25%
    }
}

.notes-section__to-dl .card-img {
    align-items: center;
    background: #fff2e6;
    display: flex;
    height: 19.2rem;
    justify-content: center;
    max-width: 14rem
}

@media (max-width: 575.98px) {
    .notes-section__to-dl .card-img {
        height:7rem;
        max-width: 6rem
    }
}

.notes-section__to-dl .card-img .atlicon {
    color: #f26f5f;
    font-size: 4.2rem
}

@media (max-width: 575.98px) {
    .notes-section__to-dl .card-img .atlicon {
        font-size:2.9rem
    }
}

.notes-section__to-dl .card-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 1.8rem
}

@media (max-width: 899.98px) {
    .notes-section__to-dl .card-title {
        font-size:1.8rem
    }
}

@media (max-width: 575.98px) {
    .notes-section__to-dl .card-title {
        margin:0 0 1rem
    }
}

.notes-section__to-dl .card-body {
    padding: 0 0 0 2rem
}

@media (max-width: 899.98px) {
    .notes-section__to-dl .card .btn {
        bottom:3rem;
        justify-content: center;
        left: 50%;
        max-width: 20rem;
        position: absolute;
        right: 2rem;
        transform: translateX(-50%);
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .notes-section__to-dl .card .btn {
        max-width:29.4rem
    }
}

.notes-section__interactive {
    margin: 5rem 0 0
}

.bg-light .notes-section__interactive {
    margin: 0
}

.notes-section__interactive .card {
    border: .1rem solid hsla(7,85%,66%,.4)
}

.notes-section__interactive .card-img {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width: 576px) and (max-width:899.98px) {
    .notes-section__interactive .card-img picture {
        height:100%
    }
}

@media (min-width: 900px) {
    .notes-section__interactive .card-img img {
        left:50%;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (min-width: 576px) and (max-width:899.98px) {
    .notes-section__interactive .card-img img {
        display:block;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover
    }
}

.notes-section__interactive .card-body {
    padding: 4rem 4rem 3.5rem 5rem
}

@media (max-width: 899.98px) {
    .notes-section__interactive .card-body {
        padding:2rem 2rem 3rem
    }
}

.notes-section__interactive .card-title {
    color: #f26f5f;
    font-size: 3rem;
    font-weight: 500;
    margin: 0
}

@media screen and (max-width: 699.98px) and (min-width:576px) {
    .notes-section__interactive .card-title {
        font-size:2.6rem
    }
}

.notes-section__interactive .card-text {
    font-size: 1.8rem;
    margin: 1.8rem 0 0
}

@media (max-width: 899.98px) {
    .notes-section__interactive .card-text {
        margin:1.2rem 0 0
    }
}

@media screen and (max-width: 699.98px) and (min-width:576px) {
    .notes-section__interactive .card-text {
        font-size:1.6rem
    }
}

.notes-section__interactive .card .btn {
    margin: 2rem 0 0
}

@media (max-width: 575.98px) {
    .notes-section__interactive .card .btn {
        display:flex;
        margin: 2rem -.5rem 0;
        max-width: 30.5rem
    }
}

.notes-section__interactive .card .btn .atlicon {
    font-size: 2.4rem
}

.notes-section .see-all-documents {
    margin: 3rem 0 0;
    text-align: center
}

@media (min-width: 1280px) {
    .product-media-section .container {
        max-width:125.8rem
    }
}

.product-media-section .header-section {
    margin: 0 0 2.5rem
}

@media (max-width: 899.98px) {
    .product-media-section .header-section {
        margin:0 0 1.4rem
    }
}

.product-media-section .header-section .section-title {
    font-size: 3.2rem;
    line-height: 1.125
}

@media (max-width: 899.98px) {
    .product-media-section .header-section .section-title {
        font-size:2.4rem;
        font-weight: 400;
        line-height: 1.25
    }

    .product-media-section .header-section .section-title-desc {
        margin: .5rem 0 0
    }
}

.product-media-section .satisfaction-info {
    align-items: center;
    display: flex;
    padding: 0 0 0 2.7rem
}

.product-media-section .satisfaction-info .review-value {
    font-size: 1.4rem;
    margin: 0 .8rem 0 0
}

.product-media-section .satisfaction-info .review-value .atlicon {
    margin-right: .8rem
}

.product-media-section .satisfaction-info__link {
    font-size: 1.6rem
}

.product-media-section .unmarketed-product {
    border-top: .1rem solid #e6e6e6;
    margin: 1.8rem 0 0;
    padding: 2.5rem 0 0
}

@media (max-width: 899.98px) {
    .product-media-section .unmarketed-product {
        padding:3rem 0 1rem
    }
}

.product-media-section .unmarketed-product__text {
    color: #f26f5f;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0
}

@media (max-width: 899.98px) {
    .product-media-section .unmarketed-product__text {
        font-size:1.8rem;
        line-height: 1.444
    }
}

.product-media-section .benefits-product {
    border-top: .1rem solid #e6e6e6;
    margin: 1.8rem 0 0;
    padding: 3.3rem 0 0
}

@media (max-width: 899.98px) {
    .product-media-section .benefits-product {
        margin:2rem 0 0;
        order: 3;
        padding: 2.5rem 0 0
    }
}

.product-media-section .benefits-product .like-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 1.5rem
}

.product-media-section .benefits-product ul {
    margin: 0
}

.product-media-section .benefits-product ul li {
    font-size: 1.8rem;
    line-height: 1.222;
    margin: 0 0 2rem
}

@media (max-width: 899.98px) {
    .product-media-section .benefits-product ul li {
        margin:0 0 1rem
    }
}

.product-media-section .benefits-product ul li::marker {
    color: #f26f5f;
    font-size: 120%;
    line-height: 1
}

.product-media-section .filters-product {
    border-top: .1rem solid #e6e6e6;
    margin: 3.3rem 0 0;
    padding: 2.1rem 0 0
}

@media (max-width: 899.98px) {
    .product-media-section .filters-product {
        margin:2rem 0 0;
        order: 1
    }
}

@media (max-width: 575.98px) {
    .product-media-section .filters-product .row {
        --bs-gutter-x:0.6rem
    }
}

@media (max-width: 1023.98px) {
    .product-media-section .filters-product .row li:nth-child(n+3) {
        margin-top:1.5rem
    }
}

.product-media-section .filters-product__txt {
    border: .1rem solid hsla(7,85%,66%,.4);
    color: #f26f5f;
    flex: 1 1 0%;
    margin: 0 0 1rem;
    padding: 1.4rem 1.3rem 1.2rem
}

.product-media-section .filters-product__txt-name {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 0 .9rem
}

.product-media-section .filters-product__txt-value {
    font-size: 2rem;
    font-weight: 600;
    line-height: .9;
    margin: 0
}

.product-media-section .filters-product .btn-wrapper {
    align-items: center;
    display: flex;
    min-height: 2rem
}

.product-media-section .filters-product .btn-wrapper .btn {
    margin: 0 1rem 0 0
}

.product-media-section .filters-product .btn-wrapper .nb-choice {
    font-size: 1.4rem;
    line-height: 1.286;
    margin: 0
}

.product-media-section .price-product {
    border-top: .1rem solid #e6e6e6;
    margin: 2rem 0 0
}

@media (max-width: 899.98px) {
    .product-media-section .price-product {
        margin:0;
        order: 2
    }
}

.product-media-section .price-product .col-price {
    padding: 2.7rem 2.1rem 2.7rem 1.2rem
}

@media (min-width: 1280px) {
    .product-media-section .price-product .col-price {
        border-right:.1rem solid #e6e6e6
    }
}

@media (max-width: 899.98px) {
    .product-media-section .price-product .col-price {
        padding:2rem 2.1rem 2rem 1.2rem
    }
}

.product-media-section .price-product .col-price-inner {
    align-items: center;
    display: flex
}

@media (max-width: 899.98px) {
    .product-media-section .price-product .col-price-inner {
        justify-content:center
    }
}

.product-media-section .price-product .col-price .text {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    width: 100%
}

@media (max-width: 899.98px) {
    .product-media-section .price-product .col-price .text {
        padding-bottom:2rem;
        text-align: center
    }
}

.product-media-section .price-product .col-btn {
    align-items: center;
    display: flex
}

@media (min-width: 1280px) {
    .product-media-section .price-product .col-btn {
        padding-left:3rem
    }
}

@media (max-width: 1279.98px) {
    .product-media-section .price-product .col-btn .btn-wrapper {
        border-top:.1rem solid #e6e6e6;
        padding: 2rem 0 0;
        width: 100%
    }
}

@media (max-width: 899.98px) {
    .product-media-section .price-product .col-btn .btn-wrapper {
        text-align:center
    }

    .product-media-section .price-product .col-btn .btn-wrapper .btn {
        justify-content: center;
        margin: 0 auto;
        max-width: 33.5rem;
        width: 100%
    }
}

.product-media-section .price-product .col-btn .btn-wrapper .btn .atlicon {
    font-size: 2.4rem
}

.product-media-section .price-product__num {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.4285;
    margin: 0 1.6rem 0 0
}

.product-media-section .buttons-tools-product {
    border-top: .1rem solid #e6e6e6;
    padding: 2rem 0 0
}

@media (max-width: 1279.98px) {
    .product-media-section .buttons-tools-product {
        margin:2rem 0 0
    }
}

@media (max-width: 899.98px) {
    .product-media-section .buttons-tools-product {
        margin:1.5rem 0 0;
        order: 4
    }
}

.product-media-section .buttons-tools-product__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0
}

.product-media-section .buttons-tools-product .btn-tools {
    margin: 2rem 0 0;
    width: 100%
}

@media (max-width: 899.98px) {
    .product-media-section .buttons-tools-product .btn-tools {
        margin:1.5rem 0 0
    }
}

.product-navigation {
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(-100%);
    transition-duration: .5s;
    transition-property: opacity,transform,visibility;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.product-navigation>.container {
    max-width: 100%
}

@media (min-width: 1280px) {
    .product-navigation>.container {
        padding-left:5rem
    }
}

@media (max-width: 1279.98px) {
    .product-navigation>.container {
        max-width:100%
    }
}

.sticky-atl .product-navigation {
    opacity: 1;
    pointer-events: all;
    transform: none;
    transition-duration: .5s;
    visibility: visible
}

@media (max-width: 1279.98px) {
    .product-navigation .sticky-block-wrapper {
        padding-right:22rem
    }
}

.product-navigation .nav {
    flex-grow: 1;
    padding: 0 2.5rem;
    width: 50%
}

.product-navigation .nav-item {
    margin: 0 2.5rem
}

.product-navigation .nav a {
    color: inherit;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none
}

@media (min-width: 1600px) {
    .product-navigation .nav a {
        font-size:1.8rem
    }
}

.product-navigation .nav a:hover {
    color: #4f8bd1
}

.product-navigation .btn-primary {
    border-radius: 0;
    height: 100%;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0
}

.anchor-scroll {
    scroll-margin-top: 17rem
}

@media (max-width: 1279.98px) {
    .anchor-scroll {
        scroll-margin-top:14rem
    }
}

@media (max-width: 1023.98px) {
    .anchor-scroll {
        scroll-margin-top:6rem
    }
}

.popover.icon-popover {
    --bs-popover-max-width: 20rem;
    text-align: center
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79,79,79,.4);
    --pswp-preloader-color-secondary: hsla(0,0%,100%,.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    contain: layout style size;
    display: none;
    height: 100%;
    left: 0;
    opacity: .003;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: var(--pswp-root-z-index)
}

.pswp,.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    background: var(--pswp-bg);
    opacity: .005
}

.pswp,.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__img,.pswp__zoom-wrap {
    height: auto;
    width: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.pswp__button,.pswp__container,.pswp__counter,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    overflow: hidden;
    z-index: 1
}

.pswp__hidden {
    display: none!important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    color: var(--pswp-error-text-color);
    font-size: 1em;
    line-height: 1;
    margin: auto
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    pointer-events: none;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);
    will-change: opacity;
    z-index: 10
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0;
    opacity: .85;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 50px
}

.pswp__button:active,.pswp__button:focus,.pswp__button:hover {
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
    padding: 0;
    transition: none
}

.pswp__button:disabled {
    cursor: auto;
    opacity: .3
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    height: 32px;
    left: 9px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 14px;
    width: 32px
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: flex-end;
    left: 0;
    pointer-events: none!important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 0;
    top: 50%;
    width: 75px
}

.pswp__button--arrow:disabled {
    cursor: default;
    display: none
}

.pswp__button--arrow .pswp__icn {
    background: none;
    border-radius: 0;
    height: 60px;
    margin-top: -30px;
    top: 50%;
    width: 60px
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    left: 0;
    right: auto
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    height: 60px;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 50px
}

.pswp__preloader .pswp__icn {
    animation: pswp-clockwise .6s linear infinite;
    opacity: 0;
    transition: opacity .2s linear
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pswp__counter {
    color: var(--pswp-icon-color);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    margin-inline-start:20px;opacity: .85;
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary)
}

.pswp--one-slide .pswp__counter {
    display: none
}
