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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.swiper {
    font-family: 'Roboto', sans-serif;
}

@media (min-width: 992px) {
    .col-md-3 {
        width: 33.3333333%;
    }

    .swiper #backBtn,
    .swiper #nextBtn {
        display: none;
    }
}

@media (max-width: 991px) {
    .swiper {
        position: relative;
    }

    .swiper #nextBtn {
        font-size: 30px;
        top: 160px;
        right: 0;
        opacity: 1;
        width: 42px;
        height: 42px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 1;
        color: #3D3D3D;
        position: absolute;
    }

    .swiper #backBtn {
        font-size: 30px;
        top: 160px;
        left: 0;
        opacity: 1;
        width: 42px;
        height: 42px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 1;
        color: #3D3D3D;
        position: absolute;
    }

}

.d-block {
    display: block;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width: 992px) {
    .product__box--carousel .product__info {
        max-height: none;
    }
}

@media (max-width: 991px) {
    .product__box {
        width: 262px;
    }
}

.product__box_single,
.product__box {
    position: relative;
    cursor: pointer;
}

.product__box_single:hover .product__image, .product__box_single:active .product__image,
.product__box:hover .product__image, .product__box:active .product__image {
    transform: scale(1.1);
}

.product__wrapper {
    padding: 0;
    position: relative;
    width: 100%;
}

.product__left-block {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.product__container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__image {
    max-width: 100%;
    height: auto;
    transition: transform .5s;
}

.product__image-link {
    text-decoration: none;
    z-index: 1;
}

.product__details {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    color: #FFFFFF;
    text-align: left;
    padding: 10px 15px;
    background: black;
    background: -moz-linear-gradient(360deg, rgba(0, 0, 0, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
}

.product__reviews {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-bottom: 5px;
}

.product__badges {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

@media (max-width: 767px), (max-width: 1199px) {
    .product__badges .badge__wrapper {
        min-width: 115px;
    }

    .product__badges .badge__content {
        padding: 5px 20px 5px 0;
    }
}

.product__badge {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-top: 6%;
    position: relative;
    opacity: 0.8;
}

.product__right-block {
    text-align: left;
    max-height: 180px;
    position: relative;
}

.product__content {
    height: 75px;
}

.product__name {
    display: -webkit-box;
    color: #333;
    line-height: 22px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}

.product__name__bold {
    font-weight: 700;
}

.product__name--click::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    .product__name {
        font-size: 14px;
        ne-height: 18px;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 385px) {
    .product__name {
        font-size: 12px;
    }
}

.product__name-wrapper {
    overflow: hidden;
    margin: 0;
    max-height: 48px;
}

@media (max-width: 767px) {
    .product__name-wrapper {
        max-height: 54px;
    }
}

.product__price {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: -0.5px;
}

@media (max-width: 991px) {
    .product__price--wrapper {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .product__price {
        font-size: 15px;
    }
}

.product__info {
    padding: 10px 0 5px 0;
}

@media (min-width: 992px) {
    .product__info {
        max-height: 62px;
    }
}

.product__pack {
    display: inline-flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 90%;
    padding: 10px 7px;
    color: #FFFFFF;
    border-radius: 0px;
    margin-top: 10px;
    pointer-events: none;
}

@media (max-width: 385px) {
    .product__pack {
        padding: 10px 5px;
    }
}

.product__pack--extreme {
    background: rgba(210, 33, 41, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(210, 33, 41, 0.75) 0%, rgba(227, 116, 121, 0.75) 75%, rgba(227, 116, 121, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(210, 33, 41, 0.75)), color-stop(75%, rgba(227, 116, 121, 0.75)), color-stop(100%, rgba(227, 116, 121, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(210, 33, 41, 0.75) 0%, rgba(227, 116, 121, 0.75) 75%, rgba(227, 116, 121, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(210, 33, 41, 0.75) 0%, rgba(227, 116, 121, 0.75) 75%, rgba(227, 116, 121, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(210, 33, 41, 0.75) 0%, rgba(227, 116, 121, 0.75) 75%, rgba(227, 116, 121, 0.75) 100%);
    background: linear-gradient(135deg, rgba(210, 33, 41, 0.75) 0%, rgba(227, 116, 121, 0.75) 75%, rgba(227, 116, 121, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22129', endColorstr='#e37479', GradientType=1);
}

.product__pack--active {
    background: rgba(222, 146, 48, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(222, 146, 48, 0.75) 0%, rgba(224, 173, 112, 0.75) 49%, rgba(224, 173, 112, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(222, 146, 48, 0.75)), color-stop(49%, rgba(224, 173, 112, 0.75)), color-stop(100%, rgba(224, 173, 112, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(222, 146, 48, 0.75) 0%, rgba(224, 173, 112, 0.75) 49%, rgba(224, 173, 112, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(222, 146, 48, 0.75) 0%, rgba(224, 173, 112, 0.75) 49%, rgba(224, 173, 112, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(222, 146, 48, 0.75) 0%, rgba(224, 173, 112, 0.75) 49%, rgba(224, 173, 112, 0.75) 100%);
    background: linear-gradient(135deg, rgba(222, 146, 48, 0.75) 0%, rgba(224, 173, 112, 0.75) 49%, rgba(224, 173, 112, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de9230', endColorstr='#e0ad70', GradientType=1);
}

.product__pack--relax, .product__pack--default {
    background: rgba(59, 39, 102, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(59, 39, 102, 0.75) 0%, rgba(112, 66, 212, 0.75) 75%, rgba(112, 66, 212, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(59, 39, 102, 0.75)), color-stop(75%, rgba(112, 66, 212, 0.75)), color-stop(100%, rgba(112, 66, 212, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(59, 39, 102, 0.75) 0%, rgba(112, 66, 212, 0.75) 75%, rgba(112, 66, 212, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(59, 39, 102, 0.75) 0%, rgba(112, 66, 212, 0.75) 75%, rgba(112, 66, 212, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(59, 39, 102, 0.75) 0%, rgba(112, 66, 212, 0.75) 75%, rgba(112, 66, 212, 0.75) 100%);
    background: linear-gradient(135deg, rgba(59, 39, 102, 0.75) 0%, rgba(112, 66, 212, 0.75) 75%, rgba(112, 66, 212, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b2766', endColorstr='#7042d4', GradientType=1);
}

.product__pack--air {
    background: rgba(32, 124, 229, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(32, 124, 229, 0.75) 0%, rgba(75, 190, 232, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(32, 124, 229, 0.75)), color-stop(100%, rgba(75, 190, 232, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(32, 124, 229, 0.75) 0%, rgba(75, 190, 232, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(32, 124, 229, 0.75) 0%, rgba(75, 190, 232, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(32, 124, 229, 0.75) 0%, rgba(75, 190, 232, 0.75) 100%);
    background: linear-gradient(135deg, rgba(32, 124, 229, 0.75) 0%, rgba(75, 190, 232, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#4bbee8', GradientType=1);
}

.product__pack--city {
    background: rgba(110, 158, 51, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(110, 158, 51, 0.75) 0%, rgba(160, 212, 97, 0.75) 75%, rgba(160, 212, 97, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(110, 158, 51, 0.75)), color-stop(75%, rgba(160, 212, 97, 0.75)), color-stop(100%, rgba(160, 212, 97, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(110, 158, 51, 0.75) 0%, rgba(160, 212, 97, 0.75) 75%, rgba(160, 212, 97, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(110, 158, 51, 0.75) 0%, rgba(160, 212, 97, 0.75) 75%, rgba(160, 212, 97, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(110, 158, 51, 0.75) 0%, rgba(160, 212, 97, 0.75) 75%, rgba(160, 212, 97, 0.75) 100%);
    background: linear-gradient(135deg, rgba(110, 158, 51, 0.75) 0%, rgba(160, 212, 97, 0.75) 75%, rgba(160, 212, 97, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e9e33', endColorstr='#a0d461', GradientType=1);
}

.product__pack--couple {
    background: rgba(34, 214, 227, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(34, 214, 227, 0.75) 0%, rgba(78, 230, 210, 0.75) 100%);
    /*background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(34, 214, 227, 0.75)), color-stop(100%, rgba(78, 230, 210, 0.75)));*/
    background: -webkit-linear-gradient(-45deg, rgba(34, 214, 227, 0.75) 0%, rgba(78, 230, 210, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(34, 214, 227, 0.75) 0%, rgba(78, 230, 210, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(34, 214, 227, 0.75) 0%, rgba(78, 230, 210, 0.75) 100%);
    background: linear-gradient(135deg, rgba(34, 214, 227, 0.75) 0%, rgba(78, 230, 210, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22d6e3', endColorstr='#4ee6d2', GradientType=1);
}

.product__localization {
    color: #595959;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.product__rating {
    display: inline-block;
    font-size: 23px;
    color: #FFD700;
    overflow: hidden;
    transform: none !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

.product__rating--filled {
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 385px) {
    .product__rating {
        font-size: 18px;
    }
}

.product__rating-wrapper {
    display: inline-flex;
}

.product__rating-content {
    display: inline-block;
    position: relative;
}

.product__rating-total {
    margin-left: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
}

@media (max-width: 12px) {
    .product__rating-total {
        margin-left: 2px;
    }
}

.pack__count {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 28px;
    padding-right: 4px;
    border-right: 3px solid #FFFFFF;
    white-space: nowrap;
}

@media (max-width: 385px) {
    .pack__count {
        font-size: 18px;
    }
}

.pack__text {
    font-size: 12px;
    line-height: 14px;
    margin-left: 7px;
    text-align: left;
}

.price {
    font-weight: 500;
    line-height: 26px;
    color: #3E3E3E;
    letter-spacing: -0.5px;
}

.price--old {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    color: #FF0000;
}

@media (max-width: 767px) {
    .price--old {
        font-size: 12px;
    }
}

@media (min-width: 991px) {
    .price--old {
        margin-right: 20px;
    }
}

.price--percent-reduction {
    color: #FFFFFF;
    background: #F1877F;
    font-size: 14px;
    border-radius: 25px;
    margin-left: 5px;
    padding: 4px 15px;
    float: right;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .price--percent-reduction {
        font-size: 12px;
        margin-left: 0;
        padding: 3px;
    }
}

.icon-only-us, .badge__only-us {
    background: #4d229b;
}

.icon-best, .badge__best {
    background: #fcbf1d;
}

.icon-new, .badge__new {
    background: #03a239;
}

.icon-discount, .badge__icon--percentage-promotion, .badge__promotion {
    background: #c61818;
}

.badge__only-us {
    color: #532598;
}

.badge__best {
    color: #ffc31d;
}

.badge__new {
    color: #66a80a;
}

.badge__discount {
    color: #b8030b;
}

.badge__wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    transform: translateX(-50%);
    min-width: 150px;
    height: 100%;
    padding: 5px 0;
}

@media (max-width: 767px) {
    .badge__wrapper {
        min-width: 130px;
    }
}

@media (max-width: 385px) {
    .badge__wrapper {
        min-width: 120px;
    }
}

.badge__content {
    display: inline-block;
    opacity: 0;
    font-size: 16px;
    line-height: 1.6em;
    transition: transform .5s, opacity .4s;
    transition-timing-function: ease-in-out;
    padding: 5px 26px 5px 0;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    transform: translateX(100%);
    background: #FFFFFF;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .badge__content {
        line-height: 1em;
    }
}

.badge__icon {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #FFFFFF;
    font-weight: bolder;
    clip-path: polygon(100% 0, 88% 61%, 100% 100%, 0 100%, 0% 50%, 0 0);
    padding: 9px 22px 9px 12px;
    line-height: normal;
    text-transform: uppercase;
}

.badge__icon:nth-child(n + 2) {
    margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .badge__icon {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .badge__icon {
        font-size: 12px;
    }

    .badge__icon.badge__icon--percentage-promotion {
        letter-spacing: -.5px;
    }
}

ul.product_duo,
ul.product_single{
    padding-left:0 !important;
}

@media (max-width: 991px) {
    ul.product_duo,
    ul.product_single,
    ul.product_list {
        scroll-snap-type: x mandatory;
        overflow: scroll;
    }

    ul.product_duo::-webkit-scrollbar,
    ul.product_single::-webkit-scrollbar,
    ul.product_list::-webkit-scrollbar {
        display: none;
    }

    ul.product_duo.grid,
    ul.product_list.grid {
        display: flex;
        padding: 0;
        list-style-type: none;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}

@media (min-width: 992px) {
    ul.product_duo{
        display: flex;
    }
    ul.product_single {
        padding: 10px;
    }
    ul.product_list.grid {
        padding-left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
}

ul.product_duo > li,
ul.product_single > li.default_padding,
ul.product_list.grid > li.default_padding {
    padding: 20px 5px 0px 5px;
}

ul.product_duo > li {
    scroll-snap-align: start;
    list-style: none;
    text-align: center;
    width: 50%;
}

ul.product_single > li {
    scroll-snap-align: start;
    list-style: none;
    text-align: center;
    width: 100%;
}

ul.product_list.grid > li {
    scroll-snap-align: start;
    list-style: none;
    padding: 20px;
    text-align: center;
    max-width: 292px;
}

@media (min-width: 992px) {
    ul.product_list.grid > li {
        padding: 5px 5px 10px 5px;
    }
}

@media (max-width: 991px) {
    ul.product_list.grid > li {
        padding: 0px 5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    ul.product_list.grid > li {
        float: left;
    }
}

@media (max-width: 767px) {

    ul.product_list.grid > li:nth-child(even) {
        padding-left: 3px;
        padding-right: 6px;
    }
}

#index ul.product_list.tab-pane > li .availability {
    display: none;
}

@media (min-width: 1200px) {
    #index ul.product_list.tab-pane > li.last-line {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #index ul.product_list.tab-pane > li.first-item-of-tablet-line {
        clear: none;
    }

    #index ul.product_list.tab-pane > li.first-item-of-mobile-line {
        clear: left;
    }
}


.product__rating--filled {
    position: absolute;
    top: 0;
    left: 0;
}

.icon-rating:before {
    content: "\e904";
}

.icon-rating-filled:before {
    content: "\e905";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}


[class^="icon-"], [class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}