/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*================CATEGORIES=================*/
section.productCategoriesContainer {
    width: calc(100% - var(--spaceX));
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:not(:last-child){
    /* margin-left: 1rem; */
}

section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide {
    width: calc(100% - 1rem * 4/5);
    width: 100%;
}
.product_category_item {
    position: relative;
    padding-top: 2rem;
    cursor: pointer;
}

.product_media_name_wrap {
    position: relative;
    width: 100%;
    display: block;
    z-index: 4;
}

.product_media_name_wrap .media_wrap {
    width: 100%;
    height: calc((100vw - var(--spaceX)*1)/6);
    margin-bottom: 6rem;
    position: relative;
}

.product_media_name_wrap .media_wrap img {
    height: 100%;
    z-index: 1;
    position: relative;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transform: scale(1.65);
    -ms-transform: scale(1.65);
    transform: scale(1.65);
}
.counter_item {
    font-size: 8rem;
    font-weight: 800;
    color: rgba(0, 84, 107, 0.20);
    left: 50%;
    top: 0;
    z-index: 0;
    -webkit-transition: opacity 0.45s cubic-bezier(.4,0,.2,1),
    left 0.45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    transition: opacity 0.45s cubic-bezier(.4,0,.2,1),
    left 0.45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .45s .45s cubic-bezier(.4,0,.2,1),
    transform .45s cubic-bezier(.4,0,.2,1),
    opacity 0.45s cubic-bezier(.4,0,.2,1),
    left 0.45s .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s .45s cubic-bezier(.4,0,.2,1),
    transform .45s cubic-bezier(.4,0,.2,1),
    opacity 0.45s cubic-bezier(.4,0,.2,1),
    left 0.45s .45s cubic-bezier(.4,0,.2,1);
    transition: transform .45s .45s cubic-bezier(.4,0,.2,1),
    transform .45s cubic-bezier(.4,0,.2,1),
    opacity 0.45s cubic-bezier(.4,0,.2,1),
    left 0.45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s .45s cubic-bezier(.4,0,.2,1),
    -webkit-transform .45s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    -webkit-transform: translate(-50%,60px);
    -ms-transform: translate(-50%,60px);
    transform: translate(-50%,60px);
}
html[dir="ltr"] .counter_item {
    font-weight: 700;
}
.product_media_name_wrap .product_name {
    text-align: center;
    font-weight: 800;
    font-size: 0.875rem;
}
html[dir="ltr"] .product_media_name_wrap .product_name {
    font-weight: 700;
    font-size: 0.9375rem;
    text-transform: uppercase;
}
img.shadowImg {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0 !important;
    mix-blend-mode: normal !important;
}
.product_category_item:hover .counter_item {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.product_media_name_wrap .media_wrap img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
}
.product_category_item:hover .product_media_name_wrap .media_wrap img:last-child {
    opacity: 1;
}
.product_category_item:hover .product_media_name_wrap .media_wrap img.shadowImg {
    opacity: 1;
}
html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(1) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}
html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(2) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(3) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
/*================CATEGORIES=================*/
@media only screen and (max-width: 768px) {
    /*================CATEGORIES=================*/
    section.productCategoriesContainer {
        width: 100%;
        display: block;
        padding-bottom: 3rem;
    }
    section.productCategoriesContainer .swiper{
        width: 100%;
        height: 100%;
    }
    .product_category_item {
        padding-top: 3rem;
    }
    html[dir="ltr"] .product_category_item{
        padding-top: 2rem;
    }
    section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide{
        width: 100%;
    }
    section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:not(:last-child){
        margin-left: 0;
    }
    .product_media_name_wrap .media_wrap {
        height: calc((100vw - var(--spaceX)* 8) / 1 - .5rem);
        margin-bottom: 6rem;
    }
    section.productCategoriesContainer .swiper-pagination{
        bottom: 0;
    }
    .counter_item {
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(50px);
        -ms-transform: translateX(-50%) translateY(50px);
        transform: translateX(-50%) translateY(50px);
        opacity: 0;
    }
    html[dir="ltr"] .counter_item {
        left: 50%;
        right: auto;
    }
    section.productCategoriesContainer .swiper-pagination span.swiper-pagination-bullet {
        width: calc((100% - .31rem* 12) / 6);
        height: 0.12638rem;
        border-radius: 0;
        background: #00546B;
        -webkit-box-shadow: 0 0 14px 0 #00FFC2;
        box-shadow: 0 0 14px 0 #00FFC2;
        margin: 0 .31rem;
        opacity: 1;
        position: relative;
        overflow: hidden;
    }
    section.productCategoriesContainer .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #E5B35B;
        -webkit-box-shadow: 0 0 14px 0 #00FFC2;
        box-shadow: 0 0 14px 0 #00FFC2;
    }
    .swiper-slide-active .counter_item {
        -webkit-transition-delay: .35s;
        -o-transition-delay: .35s;
        transition-delay: .35s;
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(1) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(2) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(3) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    /*================CATEGORIES=================*/
}
@media only screen and (min-width: 640px) and (max-width: 768px){
    .product_media_name_wrap .media_wrap {
        width: calc(100% - 20rem);
        margin-right: auto;
        margin-left: auto;
        height: 25vh;
    }
    section.productCategoriesContainer {
        width: calc(100% - var(--spaceX)* 2);
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    section.productCategoriesContainer {
        width: calc(100% - var(--spaceX)* 2);
        display: block;
    }
    section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:not(:last-child){
        margin: 0;
    }
    .counter_item {
        opacity: 1;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        font-size: 4.75rem;
    }
    .product_category_item {
        padding-top: 2rem;
    }

    .product_media_name_wrap .media_wrap {
        margin-bottom: 3.25rem;
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(1) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(2) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    html[dir="ltr"] section.productCategoriesContainer.swiper.mySwiper .product_category_item.swiper-slide:nth-of-type(3) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
    section.productCategoriesContainer {
        width: calc(100% - var(--spaceX));
    }
    .product_media_name_wrap .product_name {
        font-size: .75rem;
    }
    .product_media_name_wrap .media_wrap {
        margin-bottom: 5rem;
    }
    .counter_item {
        font-size: 6rem;
    }
    .product_category_item {
        padding-top: 1.95rem;
    }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){
    section.productCategoriesContainer {
        width: calc(100% - var(--spaceX));
    }
    .product_media_name_wrap .media_wrap{
        height: calc((100vw - var(--spaceX)* 1) / 6);
        margin-bottom: 6rem;
    }
    .counter_item {
        font-size: 7rem;
    }
    .product_category_item {
        padding-top: 2.75rem;
    }
}