body{
    font-size: 16px!important;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000!important;
}

html{
}

.container {
    max-width: 1820px!important;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
/*.container-fluid {overflow: hidden;}*/

a{
    color: black;
    transition: .4s;
}
a:hover{
    color: #E31F26;
    transition: .4s;
}

img,
svg,
svg path,
svg circle,
*:hover svg,
*:hover svg path{
    transition: .4s;
}

b{
    font-weight: bold;
}

/* FONT FAMILY
================================
================================*/
.fonts{
    font-family: fonts-title ;
}

/* FONT WEIGHT
================================
================================*/
.fw-100{
    font-weight: 100 !important;
}
.fw-200{
    font-weight: 200 !important;
}
.fw-300{
    font-weight: 300 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.fw-900{
    font-weight: 900 !important;
}

/* FONT SIZE 
================================
================================*/
.t-8{
    font-size: 8px;
}

.t-12{
    font-size: 12px;
}

.t-14{
    font-size: 14px;
}

@media (max-width: 579px){
    .t-14m{
        font-size: 14px !important;
    }
}

@media (max-width: 579px){
    .t-16m{
        font-size: 16px !important;
    }
}

.t-18{
    font-size: 18px;
}
@media (max-width: 579px){
    .t-18m{
        font-size: 18px !important;
    }
}
@media (max-width: 300px){
    .t-18m{
        font-size: 14px !important;
    }
}

@media (max-width: 579px){
    .t-20m{
        font-size: 20px !important;
    }
}

.t-24{
    font-size: 24px;
}

.t-26{
    font-size: 26px;
}

@media (min-width: 600px) and (max-width: 1200px){
    .t-24t{
        font-size: 24px !important;
    }
}
@media (max-width: 579px){
    .t-24m{
        font-size: 24px !important;
    }
}

.t-30{
    font-size: 30px;
}

.t-32{
    font-size: 32px;
}

@media (max-width: 1200px){
    .t-34t{
        font-size: 34px !important;
    }
}

.t-36{
    font-size: 36px;
}

@media (max-width: 600px){
    .t-40m{
        font-size: 40px !important;
    }
}
@media (max-width: 300px){
    .t-40m{
        font-size: 30px !important;
    }
}

@media (max-width: 579px){
    .t-42m{
        font-size: 42px !important;
    }
}
@media (max-width: 300px){
    .t-42m{
        font-size: 30px !important;
    }
}

.t-48{
    font-size: 48px;
}
@media (max-width: 579px){
    .t-48m{
        font-size: 48px !important;
    }
}
@media (max-width: 300px){
    .t-48m{
        font-size: 32px !important;
    }
}

.t-50{
    font-size: 50px;
}

.t-64{
    font-size: 64px;
}
@media (min-width: 801px) and (max-width: 1100px){
    .t-64t{
        font-size: 64px !important;
    }
}
@media (max-width: 579px){
    .t-64m{
        font-size: 64px !important;
    }
}
@media (max-width: 300px){
    .t-64m{
        font-size: 46px !important;
    }
}

@media (min-width: 801px) and (max-width: 1100px){
    .t-72t{
        font-size: 72px !important;
    }
}

.t-96{
    font-size: 96px;
}

.t-120{
    font-size: 120px;
}
@media (min-width: 600px) and (max-width: 1100px){
    .t-120t{
        font-size: 96px !important;
    }
}

.t-136{
    font-size: 136px;
}

.t-144{
    font-size: 144px;
}

.t-162{
    font-size: 162px;
}

.t-180{
    font-size: 180px;
}

/* LOST CSS
================================
================================*/
.ttu{
    text-transform: uppercase;
}

.op-05{
    opacity: 0.5;
}

.lh-1{
    line-height: 1;
}
.lh-11{
    line-height: 1.1;
}
.lh-12{
    line-height: 1.2;
}
.lh-13{
    line-height: 1.3;
}

.ls-0{
    letter-spacing: 0;
}

.ls-24{
    letter-spacing: 24px;
}

/* COLOR & BACKGROUND
================================
================================*/
.text-black{
    color: black;
}
.text-danger{
    color: #E31F26 !important;
}
.text-secondary{
    color: #888 !important;
}

.bg-danger{
    background-color: #E31F26 !important;
}
.bg-black{
    background-color: black !important;
}
.bg-dark{
    background-color: #313133 !important;
}

/* UTILITS
================================
================================*/
.btn{
    height: 64px;
    border-radius: 32px;
    line-height: 1;
}
@media (max-width: 579px){
    .btn:not(.city .dropdown-toggle){
        height: 48px;
        /*font-size: 13px;*/
    }
}
a.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

input.form-control{
    height: 64px;
    border-radius: 32px;
    padding: .5rem 1.5rem;
    border-color: transparent;
}
@media (max-width: 579px){
    input.form-control{
        height: 48px;
    }
}

input.form-control::placeholder{
    text-transform: capitalize;
    color: #888888;
    font-size: 14px;
    font-weight: 500;
}
input.form-control:focus{
    box-shadow: 0 0 0 0.25rem rgba(227, 31, 38, .25);
    border-color: transparent;
}

.bootstrap-select .dropdown-toggle:focus, 
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
    outline: none !important;
    box-shadow: none;
}

/* MOBILE NAV SWIPE 
================================
================================*/
.touch-side-swipe a{
    text-decoration: none;
}

@media (max-width: 300px){
    .touch-side-swipe .navigation ul li a.active{    
        padding: 0 3rem 0 1rem !important;
        font-size: 12px;
    }
    .touch-side-swipe ul.swipe-submenu li a{
        font-size: 12px;
    }
}

.touch-side-swipe .user{
    position: relative;
}
.touch-side-swipe .user.online::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: red;
    right: -5px;
    bottom: -2px;
}

.search{
    position: relative;
    display: flex;
    justify-content: end;
    padding-left: 2.5rem;
}
@media (max-width: 850px){
    .search{
        padding-left: 0;
    }
}

.search input.form-control{
    height: 44px;
    max-width: 330px;
    background-color: #F9F9F9;
    border: 0;
    border-radius: 22px;
    transition: .8s;
}
@media (max-width: 850px){
    .search input.form-control{
        width: 100%;
        max-width: 100%;
    }
}

.search input.form-control:focus{
    max-width: 100%;
    transition: .8s;
    box-shadow: none;
    /*box-shadow: 0 0 0 0.25rem rgba(180, 147, 111, .25);*/
    box-shadow: 0 0 0px 2px rgba(227, 31, 38, .5);
}

.search input.form-control::placeholder{
    color: #bbb;
}
.search input.form-control:focus::placeholder{
    color: rgba(0, 0, 0, .05);
    transition: .4s;
}

button.search-submit{
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
}

button.search-submit img{
    transition: .4s;
}
button.search-submit:hover img{
    transform: scale(1.1);
    transition: .4s;
}

.swipe-submenu li a{
    color: black;
    padding-left: 0;
}
.swipe-submenu li a:hover,
.swipe-submenu li a:focus{
    color: #E31F26;
}

.touch-side-swipe .nav-social{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.touch-side-swipe .nav-social a{
    width: 52px;
    height: 52px;
}

.touch-side-swipe .nav-social a::before{
    width: 42px;
    height: 42px;
}

@media (max-width: 300px){
    .touch-side-swipe .nav-social a{
        width: 42px;
        height: 42px;
    }
    .touch-side-swipe .nav-social a::before{
        width:  32px;
        height: 32px;
    }
}

.nav-social a svg,
.nav-social a img{
    width: 22px;
    height: 22px;
}

/* HEADER 
================================
================================*/
@media (max-width: 800px){
    header.header-mob{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 100;
    }
}
@media (max-width: 579px){
    header{
        padding: .75rem 0;
    }
    header .logo{
        margin-top: -10px;
    }
}


header a.heart:hover svg circle{
    /*fill: blue;*/
    opacity: .85;
}

header a.basket:hover svg path{
    fill: #E31F26;
    opacity: .85;
}
@media (max-width: 579px){
    header a.basket img,
    header a.basket svg{
        width: 28px;
    }
    header a.basket{
        position: relative;
    }
    header a.basket span{
        position: absolute;
        top: -10px;
        right: -5px;
        width: 18px;
        height: 18px;
        background-color: #E31F26;
        border-radius: 16px;
        color: white;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.enter{
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background-color: black;
    background-image: url(arrow-white-right.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: .4s;
}
header .login:hover .enter{
    background-color: #E31F26;
    transition: .4s;
}

header a{
    text-decoration: none;
}

/* NAVIGATION
================================
================================*/
.navigation ul li a{
    color: black;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 3.5rem 0 0;
    height: 64px;
    display: flex;
    align-items: center;
    /*background-color: blue;*/
}
.navigation ul li a:hover,
.navigation ul li a:focus{
    color: #E31F26;
}

.navigation ul li:last-child a{
    margin-right: 0;
}

.navigation ul li a.active{
    padding: 0 7rem 0 2rem;
    background-color: black;
    border-radius: 32px;
    color: white;
    background-image: url(active.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

@media (max-width: 1500px){
    .navigation ul li a{
        margin: 0 2.25rem 0 0;
    }
}

@media (max-width: 579px){
    .navigation ul li a{
        height: 44px;
        /*padding-left: 1rem;*/
        margin: .35rem 0;
    }
    .navigation ul li a.active{
        padding: 0 1rem 0 1rem;
        width: 100%;
        background-size: 24px;
    }
}


@media (max-width: 1024px){
    .navigation ul li a{    
        margin: 0 1.5rem 0 0;
    }
    .navigation ul li a.active{
        padding: 0 5rem 0 1rem;
    }
}

.nav-social a{
    position: relative;
    width: 64px;
    height: 64px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #E5E5E5;
    border-radius: 64px;
}

.nav-social a::before{
    position: absolute;
    content: '';
    width: 54px;
    height: 54px;
    border-radius: 58px;
    background-color: #F8F8F8;
    top: 4px;
    left: 4px;
    z-index: 0;
    transition: .4s;
}
.nav-social a:hover::before{
    background-color: black;
    transition: .4s;
}
@media (max-width: 579px){
    .nav-social a{
        width: 52px;
        height: 52px;
    }
    .nav-social a::before{
        width:  42px;
        height: 42px;
    }
}

.nav-social a svg{
    z-index: 1;
}

.nav-social a:hover svg path{
    fill: white;
}

.nav-search{
    position: relative;
    min-width: 480px;
}
@media (max-width: 1500px){
    .nav-search{
        min-width: 350px;
    }
}

.nav-search input{
    height: 64px;
    border: 1px solid #E5E5E5;
    border-radius: 64px;
    width: 100%;
    padding: 0 1.5rem;
    transition: .2s;
    position: relative;
    z-index: 4;
}
.nav-search input:focus{
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, .05);
    transition: .2s;
}

.nav-search input::placeholder{
    transition: .4s;
}
.nav-search input:focus::placeholder{
    opacity: .25;
    transition: .4s;
}

.nav-search input:focus-visible{
    outline: none;
}

.nav-search button{
    background-color: transparent;
    border: 0;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    background-color: #F8F8F8;
    position: absolute;
    top: 5px;
    right: 6px;
    transition: .4s;
    z-index: 4;
}
.nav-search button:hover{
    background-color: black;
    transition: .4s;
}

.nav-search button:hover svg path{
    fill: white;
}

.ajax-search-results{
    box-shadow: none;
    padding-top: 3rem;
    margin-top: -2rem;
    z-index: 3;
    height: 550px;
    overflow-y: scroll;
}

.ajax-search-item a{
    padding: .5rem 1.5rem !important;
    text-decoration: none;
    color: #888;
    font-size: 14px;
}
.ajax-search-item a:hover{
    color: black;
}

/* MAIN BANNER
================================
================================*/
.main-banner{
    position: relative;
    height: 98.5vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    overflow: hidden;
}
@media (max-width: 579px){
    .main-banner{
        height: 100vh;
    }
}

.main-banner img.poster{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.main-banner-info{
    padding: 4rem var(--bs-gutter-x, .75rem);
    display: grid;
    height: 100%;
}
@media (max-width: 579px){
    .main-banner-info{
        padding: 2rem var(--bs-gutter-x, .75rem);
    }
}

.main-banner-title{
    font-size: 162px;
    line-height: 1;
    font-weight: 700;
    color: white;
    margin-left: -.75rem;
}
@media (max-width: 1500px){
    .main-banner-title{
        font-size: 120px;
    }
}
@media (max-width: 1200px){
    .main-banner-title{
        font-size: 100px;
    }
}

@media (max-width: 710px){
    .main-banner-title{
        font-size: 96px;
        margin-left: 0;
    }
}
@media (max-width: 579px){
    .main-banner-title{
        font-size: 68px;
        margin-left: 0;
    }
}
@media (max-width: 400px){
    .main-banner-title{
        font-size: 64px;
    }
}
@media (max-width: 300px){
    .main-banner-title{
        font-size: 48px;
    }
}

.main-banner-title-color{
    color: #E31F26;
    text-transform: uppercase;
}

.box-main-banner{
    background-color: #E31F26;
    height: 100%;
    min-height: 250px;
    padding: 2rem;
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    align-content: space-between;
    color: white;
    text-decoration: none;
}
.box-main-banner:hover{
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: black;
}
@media (max-width: 1500px){
    .box-main-banner{
        min-height: auto;
    }
}
@media (max-width: 710px){
    .box-main-banner{
        min-height: 72px;
        flex-direction: row;
        padding: 0 1rem;
        align-content: center;
    }    
}

@media (min-width: 1200px){
    .template-collection-all .box-main-banner{
        min-height: 320px;
    }
}

.template-collection-all.bg-solutions{
    background-position: 100% 0;
}
@media (max-width: 579px){
    .template-collection-all.bg-solutions{
        background-position: 100% 100px;
    }
}

a.linkmore{
    text-decoration: none;
    display: inline-block;
}

a.linkmore .text-white{
    transition: .4s;
}
a.linkmore:hover .text-white{
    color: #E31F26 !important;
    transition: .4s;
}
a.linkmore:hover img{
    transform: scale(1.2);
}

.bg-danger a.linkmore:hover{
    color: white;
}
.bg-danger .linkmore:hover .btn-circle-arrow.bg-black{
    background-color: white;
}
.bg-danger .linkmore:hover .btn-circle-arrow.bg-black svg path{
    fill: #E31F26 !important;
}

.linkmore:hover .btn-circle-arrow.bg-black{
    background-color: #E31F26;
}

@media(max-width: 579px){
    a.linkmore{
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
    }
}

.btn-circle-arrow{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: black;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}
@media (max-width: 800px){
    .btn-circle-arrow{
        min-width: 52px;
        min-height: 52px;
        width: 52px;
        height: 52px;
    }
}

.box-main-banner:hover .btn-circle-arrow{
    background-color: #E31F26;
    transition: .4s;
}

.box-main-banner:hover .btn-circle-arrow img{
    transform: scale(1.25);
    transition: .4s;
}

.btn-circle-arrow.btn-border-white{
    background-color: black;
    border: 1px solid white;
}

/* MAIN INDEX 
================================
================================*/
/* SUPPORT */
.block-accordeon{
    /*min-height: 1000px;*/
}
@media (max-width: 710px){
    .block-accordeon{
        min-height: auto;
    }
}

.block-support{
    background-image: url(bg-support.jpg);
    background-size: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.block-support .accordion-item{
    position: relative;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    display: flex;
}
.block-support .accordion-item:last-child{
    border-bottom: 0;
}

.block-support button.accordion-button{
    background-color: transparent;
    box-shadow: none;
    font-weight: 500;
    font-size: 24px;
    z-index: 1;
    color: black;
    line-height: 1.2;
    padding: 2rem 1rem 2rem 3rem;
    transition: .4s;
    height: 100%;
    align-items: flex-start;
}
@media (max-width: 1200px){
    .block-support button.accordion-button{
        font-size: 22px;
        padding: 1.75rem 1rem 2rem 2rem;
    }
}

@media (max-width: 710px){
    .block-support .accordion-item{
        flex-direction: column;
    }
    .block-support button.accordion-button{
        padding: 1rem;
        align-items: center;
    }
}
@media (max-width: 300px){
    .block-support button.accordion-button{
        font-size: 16px;
        word-break: break-word;
    }
}

.accordion-button::after{
    margin-right: 1rem;
    width: 60px;
    height: 60px;
    background-color: black;
    background-image: url(angle-down-white.svg) !important;
    background-repeat: no-repeat;
    background-position: 50% 52%;
    background-size: 12px 9px;
    border-radius: 60px;
    transform: rotate(0deg) !important;
    transition: .4s;
}
@media (max-width: 800px){
    .accordion-button::after{
        width: 52px;
        height: 52px;
    }
}

.accordion-button[aria-expanded="true"]::after{
    background-image: url(angle-up-black.svg) !important;
    background-color: white;
    border: 1px solid #E5E5E5;
    transition: .4s;
}
.block-support .accordion-header button.accordion-button::after{
    display: none;
}
@media (max-width: 710px){
    .block-support .accordion-header button.accordion-button::after{
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*margin: auto;*/
        margin-right: 0;
    }
}

.block-support .accordion-collapse .accordion-body{
    padding: 2rem 2rem;
    color: #888888;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    padding-bottom: 5.4rem;
}
@media (max-width: 579px){
    .block-support .accordion-collapse .accordion-body{
        padding: 1rem 1rem;
        padding-bottom: 3rem;
    }
}
@media (max-width: 300px){
    .block-support .accordion-collapse .accordion-body{
        font-size: 16px;
    }
}

.accordion-label{
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: flex;
    flex-direction: column;
    background-color: #E31F26;

    position: absolute;
    top: 0;
    left:  calc(100% / -1.95);
    width: calc(100% /  1.95);
    min-height: 400px;
    height: auto;
    padding: 3rem 1.5rem;
}

.block-support button.accordion-button[aria-expanded="true"] + .accordion-label{
    opacity: 1;
    visibility: visible;
    transition: 1s;
}
@media (max-width: 710px){
    .block-support button.accordion-button[aria-expanded="true"] + .accordion-label{
        position: inherit !important;
        width: 100% !important;
        transition: opacity .4s !important;
        min-height: auto;
        padding: 1rem;
    }
}

.accordion-item.qwe .accordion-label{
    opacity: 1;
    visibility: visible;
    height: auto;
}

.accordion-item:last-child .accordion-label{
    top: auto;
    bottom: 0;
}

.accordion-label a{
    color: white;
    font-weight: 500;
    font-size: 18px;
}
.accordion-label a:hover{
    color: black;
}
@media (max-width: 800px){
    .accordion-label a{
        font-size: 16px;
    }
}

.bg-kluch{
    background-image: url(bg-kluch.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 800px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 579px){
    .bg-kluch{
        min-height: 500px;
    }
}
@media (max-width: 300px){
    .bg-kluch{
        min-height: 350px;
    }
}

.bg-mask{
    background: rgba(49, 49, 51, 0.1);
}

.bg-sota{
    background-image: url(bg-sota.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 1000px;
    margin-top: -200px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 710px){
    .bg-sota{
        margin-top: auto;
    }
}

.bg-sota ul .nav-link{
    position: relative;
    color: white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 1rem 0;
}
.bg-sota ul .nav-link::before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #E31F26;
    top: 16px;
    left: 0;
}
@media (max-width: 710px){
    .bg-sota{
        min-height: 500px;
    }
    .bg-sota ul .nav-link{
        margin: .5rem 0 ;
    }
}
@media (max-width: 300px){
    .bg-sota ul .nav-link{
        padding-right: 0;
    }
}

/* FILTER */
.filter{
    position: relative;
}

.filter-border{
    padding: 3px;
    background: linear-gradient(180deg, #FFFBDD 0%, #E5C3A3 30%, #B4936F 70%);
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
}

.filter-wrapper{
    background: white;
    padding: 2.25rem;
}
@media (max-width: 850px){
    .filter-wrapper{
        padding: 1.25rem;
    }
}

.filter-ring{
    position: absolute;
    top: -12px;
    left: -7px;
    width: 72px;
    height: 77px;
}

.bootstrap-select .dropdown-toggle .filter-option{
    height: auto;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.filter .dropdown-toggle{
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    background-color: #F9F9F9;
}
.filter .dropdown-toggle::after{
    position: absolute;
    margin: auto;
    vertical-align: middle;
    border: 0;
    right: 1.2rem;
    top: 0;
    bottom: 0;
    width: 7px;
    height: 12px;
    background-image: url(angle-right-grey.svg);
    transition: .4s;
}
.filter .dropdown-toggle[aria-expanded="true"]::after{
    transform: scale(-1,1);
    transition: .4s;
}
.filter .dropdown-toggle[aria-expanded="true"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
        /*box-shadow: 0 0 0px 2px #e5c3a3;*/
        box-shadow: 0 0 0px 2px black;
}

.filter .dropdown-menu{
    background-color: #F9F9F9;
    margin-top: -2px;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    overflow: visible !important;
    padding-bottom: 20px;
    padding-right: .25rem;
    padding-left:  .25rem;

    max-height: fit-content !important;
    inset: auto !important;
    transform: translate(0px, 0px) !important;
}
.filter .dropdown-menu::before{
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #F9F9F9;
}
.filter .dropdown-menu::after{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: calc(100% + 0px);
    height: 100%;
    z-index: -1;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    transition: box-shadow 0.1s ease-in-out;
}

.filter .dropdown-menu .dropdown-item.active,
.filter .dropdown-menu .dropdown-item:active{
    background-color: #E31F26;
}

.filter .dropdown-menu[data-popper-placement="bottom-start"]::after,
.filter .dropdown-menu[data-popper-placement="top-start"]::after{
    /*box-shadow: 0 0 0px 2px #e5c3a3;*/
    box-shadow: 0 0 0px 2px black;
    transition: box-shadow 0.15s ease-in-out;
}

.filter .show-tick .filter-option-inner-inner{
    display: none;
}
.filter .filter-option-inner-inner.active{
    display: flex;
}

.filter .show-tick .filter-option-inner{
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.filter .show-tick .filter-option-inner-inner{
    background-color: #E5C3A3;
    width: 24px;
    height: 24px;
    color: white;
    border-radius: 24px;
    align-items: center;
    justify-content: center;
}

.filter .filter-title{
    margin-bottom: .25rem;
    display: block;
    padding: 0 1rem;
    font-weight: 600;
    font-size: 14px;
}

.block-support-selection{
    margin-top: 20rem;
}
@media (max-width: 800px){
    .block-support-selection{
        margin-top: 7rem;
    }
}
@media (max-width: 579px){
    .block-support-selection{
        margin-top: 3rem;
    }
}

@media (min-width: 1150px){
    .block-support-middle{
        margin-top: -20rem;
    }
}
.block-support-middle label{
    color: white;
}

.block-support-middle input.form-control{
    border-color: #E5E5E5;
}

.block-support-middle input.form-control::placeholder{
    border-color: #888888;
    text-transform: uppercase;
}

.block-support-middle .filter button.btn-dark::after{
    display: none;
}

.block-support-selection .t-48,
.block-support-selection .t-64{
    font-size: 40px;
}
@media (max-width: 1024px){
    .block-support-selection .t-48,
    .block-support-selection .t-64{
        font-size: 32px;
    }   
}

/* LINEUP */
.block-lineup{
    overflow: hidden;
}

.title-big{
    position:relative;
    z-index: 2;
    font-size: 180px;
    line-height:1;
    font-weight: 700;
    letter-spacing:20px;
}
@media (max-width: 579px){
    .title-big{
        font-size: 100px;
        letter-spacing: 2px;
    }
}

.swiper.lineup{
    padding-top: 4.5rem !important;
    margin-top: -5.5rem;
    padding-left: 2rem;
}
@media (max-width: 579px){
    .swiper.lineup{
        padding-top: 1.75rem !important;
        margin-top: auto;
        padding-left: 1rem;
    }
}

.swiper.lineup .swiper-slide{
    height: auto;
}
.swiper.lineup .swiper-slide form{
    height: 100%;
}

.swiper.lineup .box-product .bp-info{
    padding-bottom: 1.5rem;
}
.swiper.lineup .box-product .bp-info.servis{
    padding-bottom: 0;
}

.swiper-button-tools{
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 2rem;
    width: 175px;
}
@media (max-width: 300px){
    .swiper-button-tools{
        column-gap: .25rem;
        width: 125px;
    }
}

.swiper-button-next,
.swiper-button-prev{
    position: relative;
    width:60px;
    height:60px;
    border-radius: 60px;
    background-color: black;
}
@media (max-width: 800px){
    .swiper-button-next,
    .swiper-button-prev{
        min-width: 52px;
        min-height: 52px;
        width: 52px;
        height: 52px;
    }
}

.swiper-button-next,
.swiper-button-prev{
    margin-top: 0;
    top: 0;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-prev{
    left: auto;
}

.swiper-button-next::after,
.swiper-button-prev::after{
    content: '';
    width:8px;
    height:12px;
}
.swiper-button-next::after{
    background-image: url(angle-right-white.svg);
}
.swiper-button-prev::after{
    background-image: url(angle-left-white.svg);
}


.box-product{
    position: relative;
    padding: .5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.box-product::before{
    position: absolute;
    content: '';
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    top: -1rem;
    left: -1rem;
    z-index: 0;
    transition: .4s;
}
@media (max-width: 579px){
    .box-product::before{
        width: calc(100% + .25rem);
        height: calc(100% + .25rem);
        top: -.125rem;
        left: -.125rem;
    }
}

.swiper-slide .box-product::before{
    position: absolute;
    content: '';
    width: calc(100% + 2rem);
    height: calc(100% + 3rem);
    top: -3rem;
    left: -1rem;
    z-index: -1;
    transition: .4s;
}
@media (max-width: 579px){
    .swiper-slide .box-product::before{
        position: absolute;
        content: '';
        width: calc(100% + 1rem);
        height: calc(100% + 1rem);
        top: -.5rem;
        left: -.5rem;
        z-index: -1;
        transition: .4s;
    }
}
.product-related .swiper-slide .box-product::before{
    height: calc(100% + 2rem);
    top: -1rem;
}

.box-product:hover::before{
    background-color: white;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
    transition: .4s;
}

.box-product a{
    text-decoration: none;
}

.box-product .cover{
    padding-top: 1rem;
    overflow:hidden;
    transition: .4s;
}

.box-product .cover a{
    display: block;
}

.box-product .cover img.poster{
    width: 100%;
    height:100%;
    object-fit: cover;
    aspect-ratio: 4/3;
}
.box-product:hover .cover img.poster{
    transform: scale(1.1);
    transition: .4s;
}
@media (max-width: 579px){
    .box-product .cover{
        padding: 1rem 0;
    }
}

.box-product .labels,
.block-product .labels{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 7px;
    grid-column-gap: 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: .85rem;
}

.block-product .labels{
    position: absolute;
    bottom: 1rem;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}

.box-product label,
.block-product label{
    position: relative;
    min-width: 134px;
    height: 24px;
    background-color: #E31F26;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 1rem;
}
.box-product label::before,
.box-product label::after,
.block-product label::before,
.block-product label::after{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: white;
}
.box-product label::before,
.block-product label::before{
    left: -4px;
}
.box-product label::after,
.block-product label::after{
    right: -4px;
}

.bp-content{
    font-weight: 500;
    color: #888;
    line-height: 1.4;
    z-index: 1;
    position: inherit;
}

.ba-category{
    z-index: 1;
    position: inherit;
}

.box-product .bp-info{
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.box-product:hover .bp-info{
    opacity: 1;
    visibility: visible;
    transition: .4s;
    z-index: 3;
    position: inherit;
}
    .box-product .bp-info{
        flex-wrap: wrap;
    }
@media (max-width: 1180px){
    .box-product .bp-info{
        opacity: 1;
        visibility: visible;
    }
}

.box-product .bp-info .price{
    position: relative;
}
/*
@media (min-width: 1180px){
    .box-product .bp-info .price::after{
        position: absolute;
        content: '';
        width: 3px;
        height: 26px;
        right: -8px;
        background-color: black;
    }
}
*/
    .box-product .bp-info .price{
        width: 100%;
    }
    .box-product .bp-info.servis .price{
        width: auto;
    }

.box-product .bp-info .price del{
    color: #888888;
    font-weight: 700;
    font-size: 18px;
    text-decoration-color: red;
    text-decoration-thickness: 2px;
    margin-right: .5rem;
}
.box-product .bp-info .price span{
    color: #E31F26;
    font-weight: 700;
    font-size: 18px;
}

.box-product .bp-info .available{
    font-size: 12px;
    font-weight: 500;
    color: #888;
    z-index: 2;
    position: relative;
}
.box-product .bp-info .available b{
    color: black;
}

.box-product .bp-info .bp-tools a.productmore img,
.box-product .bp-info .bp-tools a.productmore svg{
    width: 16px;
    height: 16px;
}

.box-product .bp-info .bp-tools a.productmore:hover svg path{
    fill: #E31F26 !important;
}

.box-product .bp-info .bp-tools{
    display: flex;
    align-items:center;
    justify-content: center;
    column-gap: 10px;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
}

.box-product .bp-info .bp-tools a:hover svg{
    transform: scale(1.05);
}

.box-product .bp-info .bp-tools a:hover svg path{
    fill: #E31F26;
}
.box-product .bp-info .bp-tools a:hover svg circle{
    stroke: #E31F26;
}

/* BLOCK NIGHT */
.block-night{
    background-image: url(bg-night.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -4rem;
    overflow: hidden;
}
@media (max-width: 820px){
    .block-night{
        margin-top: auto;
    }
}

.mos-logo{
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    max-width: 550px;
}

.mos-title{
    position: absolute;
    right: 0;
    bottom: -3rem;
}

@media (max-width: 579px){
    .mos-logo,
    .mos-title{
        position: inherit;
    }
}

.bg-trunkey{
    position: relative;
    background-image: url(bg-trunkey.jpg);
    background-repeat: no-repeat;
    background-position: right;
    overflow: hidden;
}
@media (max-width: 1200px){
    .bg-trunkey{
        background-size: cover;
        padding-bottom: 7rem !important;
    }
}
@media (max-width: 710px){
    .bg-trunkey{
        background-position: 0 0rem;
        background-size: 100% 60rem;
    }
}
@media (max-width: 579px){
    .bg-trunkey{
        background-position: 0 0rem;
        background-size: 100% 45rem;
    }
}

@media (max-width: 720px){
    .bg-trunkey::after{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0, 0.5);
        z-index: 0;
    }
}

.bg-trunkey div{
    position: relative;
    z-index: 1;
}

.block-trunkey{
    margin-top: 20rem;
    color: white;
}
@media (min-width: 600px) and (max-width: 1100px){
    .block-trunkey{
        margin-top: 7rem;
    }
}
@media (max-width: 579px){
    .block-trunkey{
        margin-top: 20rem;
    }
}
@media (max-width: 300px){
    .block-trunkey{
        margin-top: 5rem;
        padding-left:  3.5rem;
        padding-right: 3.5rem;
    }
    .block-trunkey .col{
        width: 100%;
    }
}

.box-trunkey .parallelogram{
    transform: skewX(30deg);
    background-color: #E31F26;
    padding: 2.5rem 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}
.box-trunkey:hover .parallelogram{
    background-color: white;
    transition: .4s;
}

.parallelogram img{
    transform: skewX(-30deg);
    width: 92px;
    height: 92px;
    object-fit: scale-down;
}
@media (max-width: 800px){
    .box-trunkey .parallelogram{
        padding: 1.5rem 2rem;
        transform: skewX(20deg);
    }
    .parallelogram img{
        width:  62px;
        height: 62px;
        transform: skewX(-20deg);
    }
}

.box-trunkey .bt-title{
    transition: .4s;
}
.box-trunkey:hover .bt-title{
    color: #E31F26;
    transition: .4s;
}

/* SOLUTIONS */
.bg-solutions{
    background-image: url(bg-solutions.jpg);
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-position: 100% -175%;
    overflow: hidden;
}
@media (max-width: 579px){
    .bg-solutions{
        background-size: contain;
        background-position: 0 6rem;
    }
}

@media (min-width: 600px) and (max-width: 800px){
    .bg-solutions .box-main-banner{
        flex-direction: column;
        padding: 1rem;
    }

}

/* ARTICLES */
.box-article{
    position: relative;
    text-decoration: none;
    display: block;
}
.box-article::before{
    position: absolute;
    content: '';
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    top: -1rem;
    left: -1rem;
    z-index: -1;
    transition: .4s;
}
.box-article:hover::before{
    background-color: white;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
    transition: .4s;
}
@media (max-width: 579px){
    .box-article::before{
        width: calc(100% + 1rem);
        height: calc(100% + 1rem);
        top: -.5rem;
        left: -.5rem;
    }
}


.box-article .cover{
    height: 360px;
    overflow: hidden;
}
.box-article .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s;
}
.box-article:hover .cover img{
    transform: scale(1.1);
    transition: .4s;
}

.ba-category{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    color: #888888;
}

.ba-category .tag{
    line-height: 1;
    padding: .2rem .3rem;
    background-color: #eee;
    border-radius: 4px;
    color: #444;
}

.ba-category span{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-right: .125rem;
}

/* REVIEWS */
.yt-lazyload{
    width: 100%;
    height: 100%;
}

.content-article img{
    width: 100%;
}

/* REVIEWS END */

/* ADVANTAGES */
.bg-advantages{
    background-image: url(bg-advantages.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}
@media (max-width: 1200px){
    .bg-advantages{
        background-size: cover;
    }
}

.box-advantage{
    height: 480px;
    background-color: #313133;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    text-decoration: none;
    transition: .4s;
}
.box-advantage:hover{
    border-color: black;
    background-color: black;
    transition: .4s;
}
@media (max-width: 579px){
    .box-advantage{
        padding: 1rem;
        height: 250px;
    }
}

.box-advantage .btn-circle-arrow.btn-border-white{
    opacity: 0;
    visibility: hidden;
    background-color: transparent;
    border: 1px solid white;
}
.box-advantage:hover .btn-circle-arrow.btn-border-white{
    opacity: 1;
    visibility: visible;
}

.box-advantage .cover{
    width: 67px;
    height: 67px;
}
.box-advantage .cover img.poster{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: left;
}

@media (min-width: 1024px){
    .block-advantages .col:nth-child(2){
        margin-top: 8rem;
    }
    .block-advantages .col:nth-child(3){
        margin-top: 4rem;
    }
}

/* SUBSCRIBE */
.block-subscribe input.form-control::placeholder{
    font-weight: 500;
    font-size: 14px;
    color: #888888;
    text-transform: uppercase;
    transition: .4s;
}
.block-subscribe input.form-control:focus::placeholder{
    color: transparent;
    transition: .4s;
}

.btn-input{
    position: absolute;
    top: 4px;
    right: 4px;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    border-color: transparent;
    background-color: transparent;
    transition: .4s;
}
.btn-input:hover,
.btn-input:focus,
.block-subscribe input.form-control:focus + .btn-input{
    background-color: black;
    transition: .4s;
}
.btn-input:hover svg,
.btn-input:focus svg{
    transform: scale(1.25);
}
.btn-input:hover svg path,
.btn-input:focus svg path,
.block-subscribe input.form-control:focus + .btn-input svg path{
    fill: white !important;
}

@media (max-width: 579px){
    .btn-input{
        width: 40px;
        height: 40px;
    }
}

.block-subscribe .cover{
    height: 320px;
    overflow: hidden;
    transition: .4s;
}

.block-subscribe .cover img.poster{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-subscribe{
    position: relative;
    text-decoration: none;
    display: block;
}
.box-subscribe:hover{
    letter-spacing: 1px;
}

.box-subscribe .cover img.poster{
    transition: .4s;
}
.box-subscribe:hover .cover img.poster{
    transform: scale(1.1);
}

.box-subscribe:hover .btn-circle-arrow img{
    transform: scale(1.25);
}

.box-subscribe-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* PRESENTATION */
.block-presentanion{
    display: flex;
    flex-wrap: wrap;
    column-gap: 5rem;
}

.box-presentanion{
    text-decoration: none;
}

.box-presentanion:hover .btn-circle-arrow{
    background-color: #E31F26;
}
.box-presentanion:hover .btn-circle-arrow img{
    transform: scale(1.25);
}

@media (max-width: 579px){
    .box-presentanion{
        display: flex;
        column-gap: 1rem;
        align-items: center;
        margin: .5rem 0;
    }
}

/* COLLECTION 
================================
================================*/
@media (max-width: 800px){
    .collection .container{
        padding: 0 !important;
    }
}

.banner-collection{
    position: relative;
    height: 280px;
}
.banner-collection .bc-info{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.banner-collection .cover{
    position: absolute;
    width: 100%;
    height: 100%;
}
.banner-collection .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bci-title{
    color: white;
}
.bci-title:first-letter{
    color: #E31F26;
}

/* CONTENT  */
.content{
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.content-band{
    min-height: 130px;
    background-color: #E5E5E5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}
@media (max-width: 579px){
    .content-band{
        padding: 1rem 1rem;
    }
}
@media (max-width: 300px){
    .content-band{
        padding: 1rem .5rem;
    }
}

.content-band:last-child{
    margin-top: auto;
}

.content-band .dropdown{
    width: 320px !important;
}
@media (max-width: 800px){
    .content-band .dropdown{
        width: 250px !important;
    }
}

.content-view{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1rem;
    align-items: center;
}

.content-view input{
    display: none;
}

.content-view label{
    cursor: pointer;
}

.content-view input:checked + label svg rect{
    stroke: #E31F26;
}

.content-band .cb-filter{
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-band .cb-filter:focus::after,
.content-band .cb-filter:hover::after{
    position: absolute;
    content: '';
    width:  50px;
    height: 50px;
    border: 2px solid black;
    border-radius: 100%;
    top:  -2px;
    left: -2px;
}

.content-sort .filter .dropdown{
    width: 322px !important;
}

.items-list{
    position: relative;
}

@media (min-width: 1120px){
    .items-list .col:nth-child(-n+3){
        margin-top: 1.5rem;
    }
}

@media (max-width: 710px){
    .items-list .col:nth-child(-n+2){
        margin-top: 1.75rem;
    }
}

@media (max-width: 600px){
    .items-list .col{
        margin-top: .75rem !important;
    }
    .items-list .col:nth-child(-n+3){
        margin-top: 1.5rem;
    }
    .items-list .col:first-child{
        margin-top: 1.5rem;
    }
}


/* GRID VIEWS  */

body.template-is-collection[grid="columns"] .box-product .bp-info .bp-query{
    width: 100%;
    margin-bottom: 1rem;
}

body.template-is-collection[grid="strings"] .col{
    margin-top: 2rem;
}

@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .box-product{
        display: grid; 
        grid-template-columns: .75fr 1.75fr 1.5fr;
        grid-column-gap: 20px;
        align-items: center;
    }
}
@media (min-width: 710px) and (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product{
        grid-template-columns: 1fr 2.5fr 1.25fr;
        grid-column-gap: 10px;
    }
}

@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .box-product::after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #E5E5E5;
        bottom: -1rem;
        left: 0;
        opacity: 1;
        transition: .4s;
    }
}
body.template-is-collection[grid="strings"] .box-product:hover::after{
    opacity: 0;
    transition: .4s;
}

body.template-is-collection[grid="strings"] .items-list .col:nth-last-child(-n+2) .box-product::after{
    display: none;
}

body.template-is-collection[grid="strings"] .box-product .bp-info .price .bp-query a.btn{
    height: 40px;
}

@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .box-product .bp-info{
        opacity: 1;
        visibility: visible;
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 710px) and (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product .bp-info{
        padding-left: 1rem;
        justify-content: end;
        text-align: end;
    }
    body.template-is-collection[grid="strings"] .box-product .bp-info del{
        margin-right: 0;
    }
}

body.template-is-collection[grid="strings"] .box-product .cover{
    position: relative;
    overflow: visible;
    padding: 0;
    margin-bottom: 0 !important;
}

body.template-is-collection[grid="strings"] .box-product .cover a{
    display: block;
}

body.template-is-collection[grid="strings"] .box-product .labels{
    /*margin-top: 1rem !important;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

body.template-is-collection[grid="strings"] .box-product .labels label{
    margin-top: .25rem;
}

@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .box-product .bp-content{
        margin-top: 0 !important;
        padding-right: 3rem;
        padding-left: 3rem;
        line-height: 1.3;
    }
}
@media (min-width: 710px) and (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product .bp-content{
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 14px;
    }
}

@media (min-width: 710px) and (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product .bp-info .price{
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .box-product .bp-info::after{
        position: absolute;
        content: '';
        width: 3px;
        background-color: black;
        height: 80%;
        right: auto;
        left: -.5rem;
    }
    body.template-is-collection[grid="strings"] .box-product .bp-info.transport::after{
        display: none;
    }
}

body.template-is-collection[grid="strings"] .box-product .bp-info{
    margin-top: initial;
}

body.template-is-collection[grid="strings"] .box-product .bp-info .price{
    width: initial;
    text-align: center;
}

body.template-is-collection[grid="strings"] .box-product .bp-info .price::after{
    top: 0;
    display: none;
}

body.template-is-collection[grid="strings"] .box-product .bp-info .bp-query{
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}
body.template-is-collection[grid="strings"] .box-product:hover .bp-info .bp-query{
    opacity: 1;
    visibility: visible;
    transition: .4s;
}
@media (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product .bp-info .bp-query{
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 400px) and (max-width: 1200px){
    body.template-is-collection[grid="strings"] .box-product .bp-info .bp-tools{
        margin-top: .5rem;  
    }
}
@media (min-width: 710px){
    body.template-is-collection[grid="strings"] .items-list .col{
        width: 100% !important;
    }
}

/* GRID VIEWS END */

.viewby label{
    padding: .5rem 1rem;
    color: #888888;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.viewby label.is-checked{
    cursor: default;
}

.viewby label:hover span{
    color: #E31F26;
}

.viewby label input:checked + span{
    color: black !important;
    font-weight: 600 !important;
}

ul.viewby li .nav-link{
    color: #888888;
    font-weight: 500;
    font-size: 14px;
}
ul.viewby li .nav-link:hover{
    color: #E31F26;
}
ul.viewby li .nav-link.active{
    color: black;
}

.content-band ul.pagination li .nav-link{
    width: 62px;
    height: 63px;
    border-radius: 62px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #888;
    font-weight: 600;
    font-size: 14px;
    background-color: white;
    margin: 0 .75rem;
}
.content-band ul.pagination li a:hover{
    background-color: #999999;
    color: white;
}
@media (max-width: 579px){
    .content-band ul.pagination{
        width: 100%;
        justify-content: space-between;
    }
    .content-band ul.pagination li .nav-link{
        width: 42px;
        height: 42px;
    }    
}
@media (max-width: 300px){
    .content-band ul.pagination li .nav-link{
        margin: 0 .05rem;
    }
}

.content-band ul.pagination li .nav-link.active{
    color: black;
    background-color: white;
    font-size: 20px;
}

.content-band ul.pagination li .nav-link.arrows{
    background-color: black;
    color: white;
}
.content-band ul.pagination li .nav-link.arrows:hover img{
    transform: scale(1.5);
}

.content-band ul.pagination li:first-child .nav-link.arrows{
    margin-left: 0;
}
.content-band ul.pagination li:last-child .nav-link.arrows{
    margin-right: 0;
}

.content-band ul.pagination li:first-child .nav-link.arrows img{
    margin-left: -3px;
}
.content-band ul.pagination li:last-child .nav-link.arrows img{
    margin-right: -3px;
}


.content-band ul.pagination li span.nav-link.dots{
    background-color: transparent;
    margin: 0;
    letter-spacing: 2px;
}
@media (max-width: 300px){
    .content-band ul.pagination li span.nav-link.dots{
        width: 20px;
    }
}

/* COLLECTION STOCK */
.box-stock{
    position: relative;
    overflow: hidden;
    height: 100%;
}

.box-stock .cover{
    height: 100%;
}

.box-stock .cover img.poster{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-stock:hover .cover img.poster{
    transform: scale(1.1);
}

.bs-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3rem;
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: column;
    /*justify-content: center;*/
}

.bsi-banner{
    position: relative;
    clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);
    height: 165px;
    filter: grayscale(100%);
}
.bsi-banner::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 34px;
    background-image: url(mlogo.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bsi-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*body.template-is-collection[grid="strings"] .box-stock .cover{*/
body.template-is-collection .box-stock .cover{
    height: 150px;
}

/*body.template-is-collection[grid="strings"] .box-stock .bs-info{*/
body.template-is-collection .box-stock .bs-info{
    display: grid; 
    grid-template-columns: .75fr 1.75fr 1.5fr;
    grid-column-gap: 20px;
    align-items: center;
    padding: 0 3rem;
}

/*body.template-is-collection[grid="strings"] .box-stock .bs-info .mt-auto{*/
body.template-is-collection .box-stock .bs-info .mt-auto{
    margin-top: 0 !important
}

body.template-is-collection[grid="strings"] .box-stock .bs-info .bsi-banner{
    height: 150px;
}

body.template-is-collection[grid="strings"] .box-stock .bs-info .bsi-title{
    margin-top: 0 !important;
}

body.template-is-collection[grid="strings"] .box-stock .bs-info .bsi-title p{
    margin-bottom: 0 !important;
}

/*body.template-is-collection[grid="strings"] .box-stock .bs-info a.linkmore{*/
body.template-is-collection .box-stock .bs-info a.linkmore{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
    flex-direction: row-reverse;
    column-gap: 1rem;
}

/*body.template-is-collection[grid="strings"] .box-stock .bs-info a.linkmore div{*/
body.template-is-collection .box-stock .bs-info a.linkmore div{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.template-is-collection[grid="strings"] .box-stock .bs-info a.linkmore .btn-circle-arrow{
    margin-left: 0 !important;
}

/* SIDEBAR 
================================
================================*/
.sidebar{
    background-color: black;
    height: 100%;
}
.sidebar-title{
    position: relative;
    height: 130px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
}
.sidebar-title::before{
    position: absolute;
    content: '';
    width: 64px;
    height: 110px;
    bottom: -110px;
    left: 0;
    border-top: 110px solid rgba(255, 255, 255, 0.2);
    border-right: 64px solid transparent;  
}


.sidebar-filter{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

.sidebar-filter .filter:first-child{
    margin-top: 1rem;
}

.filter .filter-title{
    text-transform: uppercase;
    margin: .5rem 0;
    color: white;
}

/* BTN WHITE */
.btn-white {
    color: #888888;
    background-color: #fff;
    border-color: #f8f9fa
}

.btn-white:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-white,
.btn-white:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active+.btn-white,
.btn-check:checked+.btn-white,
.btn-white.active,
.btn-white:active,
.show>.btn-white.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-white:focus,
.btn-check:checked+.btn-white:focus,
.btn-white.active:focus,
.btn-white:active:focus,
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
}

.btn-white.disabled,
.btn-white:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
/* BTN WHITE END */

.filter-box{
}

.filter-box.show{
    border-radius: 32px;
    /*box-shadow: 0 0 0 0.25rem rgba(227, 31, 38, 1);*/
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .5);
    overflow: hidden;
}

.filter .btn{
    position: relative;
    width: 100%;
    text-align: start;
    padding: .375rem 1.4rem;
}

.filter .btn::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 8px;
    background-image: url(angle-down-dark.svg);
    top: 0;
    right: 1.5rem;
    bottom: 0;
    margin: auto;
    transition: .4s;
}
.filter .btn[aria-expanded="true"]::after{
    transform: scale(1,-1);
    transition: .4s;
}

.filter .filter-box .btn{
    display: flex;
    align-items: center;
}

.filter .filter-box .btn[aria-expanded="true"]{
    color: black;
    background-color: #f9fafb;
    border-color: #f9fafb;
    /*box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);*/
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*transition: .2s;*/
}
.filter .filter-box .btn[aria-expanded="false"]{
    transition: .5s;
    transition-delay: .25s;
}
.filter .btn[aria-expanded="false"]{
    box-shadow: none;
}

.filter .filter-collapse{
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}

.filter .filter-collapse.collapsing{
    transition: .4s;
}

.filter .filter-body{
    background-color: #f9fafb;
    /*border-color: #f9fafb;*/
    /*box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);*/
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    margin-top: -.5rem;
}

.filter .filter-param{
    margin: .5rem 0;
    text-transform: uppercase;
}

.filter .filter-param input{
    display: none;
}

.filter .filter-param label{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    color: #888888;
    font-weight: 500;
    font-size: 14px;
}

.filter .filter-param label::after{
    position: absolute;
    content: '';
    left: 0;
    width: 20px;
    height: 20px;
    background: #F8F8F8;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.filter .filter-param input:checked + label{
    color: black;
    font-weight: 600;
}

.filter .filter-param input:checked + label::after{
    /*background-color: red;*/
    background-image: url(check.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.dynamic-filter .sidebar{
    height: auto;
}

.dynamic-filter .sidebar-title{
    height: 70px;
}
.dynamic-filter .sidebar-title::before{
    width: 45px;
    border-right: 45px solid transparent;
}

/* BREADCRUMBS  
================================
================================*/
@media (max-width: 1024px){
    .breadcrumbs.content-band{
        min-height: 85px;
    }
}
@media (max-width: 800px){
    .breadcrumbs.content-band{
        min-height: 50px;
    }
}

.breadcrumbs li .nav-link{
    position: relative;
    padding: 0;
    padding-left: 2.5rem;
    margin: .1rem 3.2rem .1rem 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #888888;
}
@media (max-width: 579px){
    .breadcrumbs li .nav-link{
        padding-left: 1.5rem;
        margin-right: .75rem;
    }
}

.breadcrumbs li .nav-link:hover{
    color: black;
}
.breadcrumbs li span.nav-link,
.breadcrumbs li span.nav-link:hover{
    color: #E31F26;
}

.breadcrumbs li:first-child .nav-link::after{
    position: absolute;
    content: '';
    left: 0;
    width: 19px;
    height: 16px;
    background-image: url(blogo.svg);
    background-position: center center;
    background-size: cover;
}
.breadcrumbs li .nav-link::after{
    position: absolute;
    content: '';
    top: 1px;
    left: -.5rem;
    width: 16px;
    height: 16px;
    background-image: url(bdot.svg);
    background-position: center center;
    background-size: cover;
}
@media (max-width: 579px){
    .breadcrumbs li .nav-link::after{
        left: 0;
    }
}

.breadcrumbs a.linkmore:hover .btn-circle-arrow{
    background-color: #E31F26 !important;
}

/* PRODUCT 
================================
================================*/
.bg-subscribe{
    background-image: url(bg-subscribe.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 80px;
    padding: 1.75rem 2rem;
}
@media (max-width: 579px){
    .bg-subscribe{
        background-position: center;
    }
}
@media (max-width: 300px){
    .bg-subscribe{
        padding: 1rem 1rem;
    }
}

@media (max-width: 579px){
    .bg-subscribe .nav-search input{
        height: 52px;
    }
    .bg-subscribe .nav-search button{
        height: 42px;
        width:  42px;
    }
}


.bg-subscribe .nav-search button:hover svg path{
    fill: white !important;
}
@media (max-width: 579px){
    .bg-subscribe{
        border-radius: 15px;
    }
    .bg-subscribe .nav-search{
        min-width: 100%;
    }
}

.bg-subscribe .nav-search input{
    z-index: 2 !important;
}

.msticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

/* GALLEY THUMBS */
@media (min-width: 710px){
    .thumbs-height{
        /*height: 500px;*/
        height: 606px
    }
}
@media (max-width: 800px){
    .thumbs-height{
        position: relative;
    }
}

.gallery-thumbs{
    box-sizing: border-box;
    padding: 10px 0;
}

@media (min-width: 700px){
    .swiper-thumbs{
        height: calc(100% - 30px)
    }
    
    .swiper-thumbs .swiper-wrapper{
        height: 500px;
    }
}
@media (min-width: 400px) and (max-width: 700px){
    .swiper-thumbs{
        height: calc(100% - 30px)
    }
    
    .swiper-thumbs .swiper-wrapper{
        height: 400px;
    }
}
@media (max-width: 579px){
    .swiper-thumbs{
        width: 100%;
    }    
    .swiper-thumbs .swiper-wrapper{
        height: 80px;
        width: 100%;
    }
}

.swiper-thumbs .swiper-wrapper img{
    /*width: 100%;*/
    /*height: 100%;*/
    object-fit: cover;
    /*border-radius: 15px;*/
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 110px;
}
@media (max-width: 700px){
    .swiper-thumbs .swiper-wrapper img{
        width:  80px;
        height: 80px;
    }
}

.swiper-thumbs .swiper-wrapper .swiper-slide{
    overflow: hidden;
    border-radius: 15px;
    text-align: center;
}
.swiper-thumbs .swiper-wrapper .swiper-slide img{
    transition: .4s;
}
.swiper-thumbs .swiper-wrapper .swiper-slide img:hover{
    /*transform: scale(1.1);*/
    transition: .4s;
}

.swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{
    filter: brightness(60%);
    /*transform: scale(1.1);*/
}

.swiper-thumbs .swiper-wrapper .swiper-slide .thumb-image{
    position: relative;
}

.swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-image::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background-image: url(play.svg);
    background-size: cover;
}
@media (max-width: 700px){
    .swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-image::after{
        width: 40px;
        height: 40px;
    }
}

.swiper-button-prev.swiper-thumb-up,
.swiper-button-next.swiper-thumb-down{
    height: auto;
    border: 0;
    /*height: 60px;*/
    min-height: 60px;
    height: auto;
}
@media (max-width: 700px){
    .swiper-button-prev.swiper-thumb-up,
    .swiper-button-next.swiper-thumb-down{
        height: auto;
        border: 0;
        min-height: 50px;
        height: auto;
    }
}

.swiper-button-prev.swiper-thumb-up{
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    margin: 5px auto;
}
.swiper-button-prev.swiper-thumb-up::after,
.swiper-button-next.swiper-thumb-down::after{
    width: 18px !important;
}
@media (max-width: 579px){
    .swiper-button-prev.swiper-thumb-up::after,
    .swiper-button-next.swiper-thumb-down::after{
        width: 8px !important;
    }
}

.swiper-button-prev.swiper-thumb-up::after{
    background-image: url(angle-up-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    margin: 0;
    top: 0;
    left: auto;
    right: auto;
    bottom: 0;
    margin: auto;
}

.swiper-button-next.swiper-thumb-down{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    margin: auto;
}
.swiper-button-next.swiper-thumb-down::after{
    background-image: url(angle-down-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    margin: 0;
    top: 0;
    left: auto;
    right: auto;
    bottom: 0;
    margin: auto;
}

@media (max-width: 579px){
    .thumbs-height .swiper-button-prev,
    .thumbs-height .swiper-button-next{
        top: 50%;
        z-index: 2;
    }
}
@media (max-width: 579px){
    .thumbs-height .swiper-button-prev,
    .thumbs-height .swiper-button-next{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        /*transform: rotate(-90deg);*/
        width: 5px;
        height: 100%;
        min-width: 25px;
        min-height: 15px;
        background-color: black;
    }
    .thumbs-height .swiper-button-prev{
        left: -10px;
    }
    .thumbs-height .swiper-button-next{
        right: -10px;
    }
    .swiper-button-prev.swiper-thumb-up::after{
        background-image: url(angle-left-white.svg);
    }
    .swiper-button-next.swiper-thumb-down::after{
        background-image: url(angle-right-white.svg);
    }
}

/* GALLERY */
.swiper-gallery .swiper-wrapper{
    height: 606px;
}
.swiper-gallery .swiper-wrapper img{
    width: 100%;
    height: 606px;
    object-fit: cover;
    border-radius: 15px;
}
@media (max-width: 579px){
    .swiper-gallery .swiper-wrapper,
    .swiper-gallery .swiper-wrapper img{
        height: 360px;
    }
}

/* PRODUCT INFO */
.sku-label{
    border: 2px solid #DCDCDC;
    border-radius: 17px;
    padding: .5rem 2rem;
    color: #888888;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 300px){
    .sku-label{
        padding: .5rem .75rem;
    }
}

.sku-label span{
    font-weight: 700;
    color: black;
    margin-left: .5rem;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short{
    background-color: transparent !important;
    border: 2px solid #000000 !important;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}   

.ya-share2__container_size_m .ya-share2__item_more .ya-share2__icon_more{
    height: 18px !important;
    width: 18px !important;
    background-size: 16px 16px !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more{
    background-image: url(share.svg) !important;
}

@media (max-width: 300px){
    .product-info .price{
        flex-wrap: wrap;
    }
}

.product-info .price del{
    font-weight: 700;
    font-size: 18px;
    color: #888888;
    text-decoration-color: #E31F26;
    text-decoration-thickness: 2px;
    margin-right: 1rem;
}
.product-info .price span{
    font-weight: 700;
    font-size: 36px;
    color: #E31F26;
}

.quantity{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-column-gap: .3rem;
    align-items: center;
}

.quantity .col{
    text-align: center;
}

.quantity .btn-plusminus{
    width: 64px;
    height: 64px;
    border: 1px solid #C4C4C4;
    border-radius: 100%;
}
.quantity .btn-plusminus:focus{
    box-shadow: 0 0 0 0.25rem rgb(227 31 38 / 25%);
}

.quantity input{
    border: 1px solid #C4C4C4;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
}
@media (max-width: 579px){
    .quantity .btn-plusminus{
        width: 48px;
    }
    .quantity .btn-plusminus{
        border-width: 2px;
    }
    .quantity input{
        border-width: 2px;
    }
}

.product-info .btn-buy{
    background-image: url(btn-buy.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.product-info a.clickorder{
    text-decoration: none;
    color: #E31F26;
}
.product-info a.clickorder:hover{
    color: black;
}

.product-info a.clickorder:hover svg path{
    fill: #E31F26;
}

.product-info a.clickorder span{
    border-bottom: 2px solid #E31F26;
}

.box-balance{
    background: #F8F8F8;
    border-radius: 48px;
    padding: 1.5rem;
    font-weight: 500;
    font-size: 14px;
}
.available,
.box-balance ol{
    padding-left: 1.5rem;
}

.box-balance .spinner-border{
    width: 1rem;
    height: 1rem;
    border-width: 0.125em;
}

.available{
    position: relative;
}
.available::after{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    top: 0;
    left: .35rem;
    bottom: 0;
    margin: auto;
}
.available.on::after{
    background-color: green;
}
.available.off::after{
    background-color: black;
}

ol {
    padding-inline-start: 0px;
}

ol li {
    display: flex;
    justify-content: space-between;
}

ol li b{
    color: black;
}

/*
ol li div:first-child{
    color: #888;
}
*/

li .dots {
    flex: 1 0;
    border-bottom: 1px dotted #aaa;
    height: 1em;
    margin: 0 .4em;
}

/* PRODUCT CHARACTERISTICS */
.block-characteristics{
    background-image: url(bg-solutions.jpg);
    background-position: 0 10rem;
    padding-bottom: 15rem;
}
@media (max-width: 579px){
    .block-characteristics{
        padding-bottom: 5rem;
    }
}

.block-characteristics .accordion{
    border: 1px solid #E5E5E5;
}

.block-characteristics .line-parametres:first-child{
    border-top: 1px dashed #888888;
}
.block-characteristics .accordion .line-parametres{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .7rem 0;
    border-bottom: 1px dashed #888888;
}

.block-characteristics .accordion-label{
    min-height: 340px;
    height: 100%;
}

.product-block-night.block-night{
    background-size: 100% 100%;
}

/* PRODUCT ALERT */
.product-alert{
    border: 2px solid #E31F26;
    padding: 1rem 2rem;
}

/* CART 
================================
================================*/
.cart-items{
    padding: 1.5rem 0;
}

.cart-items:not(.cart-items:last-child){
    border-bottom: 1px solid #E5E5E5;
}

.cart-items a.cover{
    display: block;
    overflow: hidden;
}

.cart-items:hover a.cover img{
    transform: scale(1.05);
}

@media (min-width: 400px) and (max-width: 1200px){
    .cart-items .cart-item-title{
        font-size: 14px;    
    }
}

.cart-items .bp-info{
    position: relative;
    padding-left: 2rem;
}
.cart-items .bp-info::before{
    position: absolute;
    content: '';
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
}
@media (max-width: 1200px){
    .cart-items .bp-info{
        padding-left: 1.5rem;
    }
    .cart-items .bp-info .price{
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 800px){
    .cart-items .bp-info{
        padding-left: 1rem;
    }
}

@media (max-width: 579px){
    .cart-items .bp-info{
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-top: 1rem;
    }
    .cart-items .bp-info::before{
        display: none;
    }
    .cart-items .bp-info .price{
        display: flex;
        flex-direction: column;
    }
    .cart-items .bp-info .quantity input{
        height: 50px;
    }
    .cart-items .bp-info .quantity button{
        min-width: 50px;
    }
}
@media (max-width: 300px){
    .cart-items .bp-info{
        flex-direction: column;
    }
    .cart-items .bp-info .price{
        display: flex;
        flex-direction: row;
    }
}

.cart-items .bp-info .price del{
    font-weight: 700;
    font-size: 18px;
    text-decoration-color: #E31F26;
    text-decoration-thickness: 2px;
    color: #888;
    margin-right: .5rem;
}

.cart-items .bp-info .price span{
    color: #E31F26;
    font-weight: 700;
    font-size: 18px;
}

.cart-items .quantity{
    display: flex;
    column-gap: 5px;
}

.cart-items .quantity button{
    height: 30px;
    min-width: 30px;
    padding: 0;
}
.cart-items .quantity input{
    height: 30px;
}

.cart-tools{
    height: 100%;
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: end;
    text-align: right;
}
@media (max-width: 579px){
    .cart-tools{
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.cart-tools a{
    text-decoration: none;
}

.cart-tools a.delete{
    min-width: 34px;
    height: 34px;
    padding: .65rem;
    border: 2px solid #E5E5E5;
    border-radius: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.cart-tools a.delete:hover{
    border-color: #E31F26;
}

.cart-tools a.delete:hover{
    transform: scale(1.2);
}

.cart-tools a:hover svg{
    transform: scale(1.2);
}

.cart-tools a:hover svg path{
    fill: #E31F26;
}
.cart-tools a:hover svg circle{
    stroke: #E31F26;
}

.cart-checkout{
    background-color: #E31F26;
    padding: 3rem 3rem 7.5rem 3rem;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 75px));
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    z-index: 2;    
}
@media (max-width: 1024px){
    .cart-checkout{
    padding: 1.5rem 1.5rem 7.5rem 1.5rem;
    }
}

.cart-checkout del{
    text-decoration-color: #fff;
    text-decoration-thickness: 2px;
    color: #000;
}

.cart-checkout input.form-control{
    background-color: rgba(255, 255, 255, .3);
    text-align: center;
    color: white;
    font-size: 18px;
    line-height: 1;
}
.cart-checkout input.form-control::placeholder{
    text-align: center;
    text-transform: uppercase;
    transition: .4s;
    color: #888888;
}
.cart-checkout input.form-control:focus::placeholder{
    opacity: 0;
    transition: .4s;
}

.cart-checkout .btn-outline-light{
    border: 2px dashed rgba(255, 255, 255, .3) !important;
}
.cart-checkout .btn-outline-light:hover{
    background-color: transparent;
    border-style: solid !important;
    transition: .4s;
}

.security-pay{
    border: 4px solid #27CD7D;
    border-radius: 80px;
    padding: 1rem 2rem;
}
@media (max-width: 1024px){
    .security-pay{
        padding: 1rem 1rem;
    }
}
@media (min-width: 400px) and (max-width: 1024px){
    .security-pay{
        padding: 2rem 2rem;
    }
}
@media (max-width: 600px){
    .security-pay{
        border-radius: 20px;
    }
}

.security-pay .paylist svg path{
    fill: #C4C4C4;
}
@media (min-width: 650px) and (max-width: 1200px){
    .security-pay .paylist{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 10px;
    }
}

.template-cart .block-advantages .box-advantage{
    background: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.template-cart .box-advantage .btn-circle-arrow.btn-border-white{
    border-color: #ccc;
}

/* FOOTER 
================================
================================*/
.footer-box{
    min-height: 320px;
}

footer ul li a.nav-link{
    padding: .5rem 0; 
    color: white;
}
@media(max-width: 579px){
    footer ul li a.nav-link{
        font-size: 13px;
    }
}

footer ul li a.nav-link:hover,
footer ul li a.nav-link:focus{
    color:#E31F26;
}

footer a{
    color: white;
    text-decoration: none;
}

.paylist{
    display: flex;
    align-items:end;
    justify-content:end;
    column-gap:8px;
}
@media (min-width: 600px) and (max-width: 1024px){
    .paylist img{
        max-width: 36px;
    }
}

@media (max-width: 300px){
    .paylist img{
        max-width: 36px;
    }
}

.footer-contact a{
    color: white;
}
.footer-contact a:hover{
    color:black;
}

footer .socials{
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    align-items:center;
}

footer .nav-social a{
    border-color: white;
}

footer .map-button{
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 579px){
    footer .map-button{
        left: 0;
        margin: auto;
    }
}

/* BTN DANGER */
.btn-danger {
    color: #fff;
    background-color: #E31F26;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
/* BTN DANGER END  */

/* BTN BLACK */
.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}
/* BTN BLACK END */

/* POINT MAP
================================
================================*/
.block-maps{
    position: relative;
    height: 80vh;
    background-color: #07162A;
}
@media (max-width: 1024px){
    .block-maps{
        min-height: 50vh;
        height: 100%;
    }
}
@media (max-width: 579px){
    .block-maps{
        height: 60vh;
    }
}

@media (max-width: 579px){
    .delivery-selct{
        width: 100% !important;
    }
}

#map {
    width: 100%;
    height: 100%;
}

.gm-style{
    font-family: 'Montserrat', sans-serif !important;
}

.gm-style div[aria-hidden="true"]{
    background-color: white;
    margin-top: 4rem;
    padding: .45rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif !important;
}

.gm-style .gm-style-iw-c{
    border-radius: 0;
}

.gm-style .gm-style-iw-c hr{
    background-color: black;
    opacity: 1;
}

.gm-style .gm-style-iw-c a{
    text-decoration: none;
    color: black;
}
.gm-style .gm-style-iw-c a:hover{
    color: #E31F26;
}

.gm-style .gm-style-iw-c .icon{
    width: 24px;
    height: 24px;
}
.gm-style .gm-style-iw-c .icon img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

@media (min-width: 600px){
    .gm-style .gm-style-iw-c{
        transform: translate3d(30%,-40%,0);
        padding-right: 10px;
        padding-bottom: 10px;
        overflow: initial;
        /*box-shadow: none !important;*/
        width: 340px;
    }
    .gm-style .gm-style-iw-t::after{
        /*transform: translate(75%,80%) rotate(45deg);*/
        display: none;
    }
}
@media (max-width: 1200px){
    .gm-style .gm-style-iw-c{
        width: 280px;
    }
}

    .gm-ui-hover-effect{
        display: none !important;
    }

/* YANDEX MAPS 
=================================
=================================*/
.ymaps-layers-pane,
.ymaps-2-1-79-ground-pane{
    -webkit-filter: grayscale(100%);
}

#map .ymaps-image-with-content-content{
    font-size: 18px !important;
    font-weight: 700 !important;
    top: 5px !important;
    left: 25px !important;
    width: auto !important;
    height: auto !important;
}

.ymaps-b-balloon__content-body{
    padding: 1rem 0;
}

.ymaps-b-balloon__content-foot a{
    color: black;
    font-weight: 600;
    transition: .4s;
}
.ymaps-b-balloon__content-foot a:hover{
    color: #E31F26;
    transition: .4s;
}

/* DYNAMIC BASKET
=================================
=================================*/
.dynamic-basket {
    height: 100%;
    width: 100%;
    background-color: #EFEFEF;
    position: fixed !important;
    /*z-index: 1033 !important;*/
    overflow: auto;
    right: 0%;
    z-index: 5;
    display: none;
}

@media (max-width: 1023px){
    .dynamic-basket{
        width: 100%;
    }
}

@media (min-width: 1024px){
    .dynamic-basket{
        width: 600px !important;
    }
}

.db-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999
}

@media (max-width: 579px){
    .db-overlay{
        width: 15%;
        z-index: 1034;
        background-color: transparent;
    }
}

.db-animate-right {
    position: relative;
    animation: animateright 0.4s
}
@keyframes animateright {
    from { right: -600px; }
    to { right: 0; opacity: 1 }
}
.db-animate-left {
    right: -600px !important;
    transition: .4s;
}
@media (max-width: 800px){
    .db-animate-left{
        right: -100% !important;
    }    
}

/* dynamic filter */
.dynamic-filter{
    height: 100%;
    width: 80%;
    background-color: #000;
    position: fixed !important;
    overflow: auto;
    left: 0%;
    z-index: 5;
    display: none;
}
@media (min-width: 600px) and (max-width: 710px){
    .dynamic-filter{
        width: 60%;
    }
}

.df-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999
}

.df-animate-right {
    position: relative;
    animation: animateleft 0.4s
}
@keyframes animateleft {
    from { left: -700px; }
    to { left: 0; opacity: 1 }
}
.df-animate-left {
    left: -700px !important;
    transition: .4s;
}

/* BLOG
=================================
=================================*/
.box-product .ba-category.labels{
    margin-top: -2.5rem;
}

.box-product a.more{
    color: #888;
    font-weight: 500;
    font-size: 14px;
}
.box-product a.more:hover{
    color: #E31F26;
}


body.template-is-collection[grid="strings"] .box-product .ba-category.labels{
    /*margin-top: 1rem !important;*/
    position: absolute;
    bottom: .5rem;
    left: 0;
    right: 0;
    margin: auto;
}

.sidebar-menu ul li a{
    position: relative;
    display: inline-block;
    color: white;
    padding-left: 3rem;
    font-size: 18px;
    font-weight: 500;
}
.sidebar-menu ul li a::before{
    position: absolute;
    content: '';
    left: 0;
    width: 30px;
    height: 20px;
    background-color: #E31F26;
    transform: skewX(30deg);
    transition: .4s;
    top: 0;
    bottom: 0;
    margin: auto;
}
.sidebar-menu ul li a:hover::before,
.sidebar-menu ul li a.active::before{
    background-color: white;
    border: 1px solid #E31F26;
    transition: .4s;
    width: 20px;
    border-radius: 20px;
    transform: skewX(0deg);
}
@media (max-width: 579px){
    .sidebar-menu ul li a{
        font-size: 15px;
        padding-left: 1.75rem;
        margin-left: 2rem;
    }
    .sidebar-menu ul li a::before{
        width: 20px;
        height: 14px;
    }
    .sidebar-menu ul li a:hover::before{
        width: 14px;
    }
}

.sidebar-menu ul li a:hover,
.sidebar-menu ul li a.active{
    color: #E31F26;
}

/* BLOG
=================================
=================================*/


/* Insales Engine  */
.bttn-favorite{
    background-image: url(pheart.svg) !important;
    width: 32px;
    height: 32px;
}
.bttn-favorite.is-added{
    background-image: url(phearta.svg) !important;
}

.m-modal{
    transform: none; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

.cart-items .bttn-favorite{
    transform: scale(1.1);
    transition: .4s;
}
.cart-items .bttn-favorite:hover{
    transform: scale(1.3);
    transition: .4s;
}

.m-modal-button,
.co-button--checkout,
.co-modal-button,
.bttn-prim{
    height: 64px !important;
    background-color: #E31F26 !important;
    border-color: #E31F26 !important;
    border-radius: 64px !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.m-modal-button:hover,
.m-modal-button:focus,
.co-button--checkout:hover,
.co-button--checkout:focus,
.co-modal-button:hover,
.co-modal-button:focus,
.bttn-prim:hover,
.bttn-prim:focus{
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%);
}

@media (max-width: 579px){
    .m-modal-button,
    .co-button--checkout,
    .co-modal-button,
    .bttn-prim{
        height: 48px !important;
        border-radius: 48px !important;
    }
}

.adaptive .co-button--checkout{
    margin-left: 0;
}

.co-section--content_wrapper{
    min-height: auto;
}

.g-recaptcha {
    display: inline-block;
}

.bttn-transparent{
    height: 64px;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .alertify-notifier .ajs-message{
    font-size: 12px !important
}
body .alertify-notifier .ajs-message.ajs-error{
    background-color: #E31F26 !important;
}
body .alertify-notifier .ajs-message.ajs-success{
    background-color: black !important;
}

#feedback_form textarea.form-control,
#feedback_form input.form-control{
    border-radius: 5px;
}

#feedback_form input.form-control{
    border-color: #ccc;
}

#feedback_form p small{
    background-color: transparent;   
    border: 0;
    padding: 0;
    color: #aaa;
}
/*
#header-surname{
    position: relative;
    padding-left: 10px;
}
#header-surname::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 10px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #e31f26;
}*/