body{
    font-size: 16px!important;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'Museo Sans Cyrl 300', sans-serif!important;
    /*font-weight: 400;*/
    color: #323232!important;
}

html{
}

.container {
    max-width: 1640px!important;
    padding-right: 15px!important;
    padding-left: 15px!important;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 800px){
  .container {
padding: 0 15px!important;
  }
}

.container-fluid {
    max-width: 2048px;
}

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

b{
    font-weight: bold;
}

img.ico{
    margin-top: -5px;
}

p{
    margin-bottom: 0px !important;
}

/* FONT FAMILY
================================
================================*/
.MSC1{
    font-family: 'Museo Sans Cyrl 100', sans-serif;
}
.MSC3{
    font-family: 'Museo Sans Cyrl 300', sans-serif !important;
}
.MSC5{
    font-family: 'Museo Sans Cyrl 500', sans-serif;
}
.MSC7{
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}
.MSC9{
    font-family: 'Museo Sans Cyrl 900', sans-serif;
}

.FSN{
    font-family: 'Freestyle Script Normal', sans-serif;
}

/* FONT WEIGHT
================================
================================*/


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

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

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

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

@media (min-width: 580px) and (max-width: 1024px){
    .t-24t{
        font-size: 24px !important;
    }
}



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

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

@media (min-width: 580px) and (max-width: 1024px){
    .t-36t{
        font-size: 36px !important;
    }
}

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

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

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

@media (min-width: 580px) and (max-width: 1024px){
    .t-52t{
        font-size: 52px !important;
    }
}

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

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

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

.op-05{
    opacity: 0.5;
}

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

/* COLOR & BACKGROUND
================================
================================*/
.text-gold{
    color: #fadbae;
}
.text-pink{
    color: #ff817d;
}
.text-footer{
    color: #e0d0c3;
}
.text-lightgrey{
    color: #9B9595;
}

.bg-black{
    background-color: black !important;
}
.bg-pink{
    background-color: #ff817d;
}
.bg-nightpink{
    background-color: #c34457;
}
.bg-lightpink{
    background-color: #fdc7c8;
}

/* MOBILE NAV SWIPE 
================================
================================*/


/* HEADER 
================================
================================*/
header {
    box-shadow: 0 0 47px 3px rgba(28, 28, 28, 0.15);
}

.icochange{
  width: 22px;
  height: 22px;
}

.icochange img {
    width: 100%;
}

.hlang .btn-light{
    background-color: transparent;
    color: white;
    border: 0px;
    font-size: 12px;
}
.hlang .btn-light:focus,
.hlang .btn-light.focus,
.hlang .btn-light.active,
.hlang .btn-light:hover{
    background-color: transparent !important;
    color: #ff817d;
    box-shadow: none;
    outline: none !important;
}

.hlang .dropdown-item{
    padding: .25rem 1.25rem;
}

.hlang .dropdown-item.active, 
.hlang .dropdown-item:active{
    background-color: #ff817d;
}
.hlang .dropdown-item:focus{
    box-shadow: none;
    outline: none;
}

.hlang .dropdown-toggle{
    text-transform: uppercase;
}

.hlang .dropdown-toggle::after{
    display: none;
}

.hlang .dropdown-menu{
    border-radius: 0px !important;
    background-color: black;
    left: -20% !important;
}

.hlang a.dropdown-item{
    color: white;
    font-size: 12px;
}
.hlang a.dropdown-item:hover{
    color: black;   
}

.hbasket{
    display: inline-block;
    background-color: white;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    border-radius: 100%;
    font-size: 12px;
}

@media (max-width: 579px){
    img.logo{
        width: 100%;
    }
}
@media (min-width: 600px) and (max-width: 1023px){
    img.logo{
        width: 152px !important;
        height: 54px;
    }
}
@media (max-width: 1024px){
    img.logo{
        width: 100%;
    }
}

ul.headnavi li a.active{
    color: #c34457;
}

@media (max-width: 1200px){
    ul.headnavi li a{
        font-size: 14px;
        padding: .5rem .3rem;
    }
}
@media (min-width: 1201px) and (max-width: 1500px){
    ul.headnavi li a{
        font-size: 14px;
        padding: .5rem .5rem;
    }
}

a img.hico{
    transition: .4s;
    transform: scale(1) ;
}

a:hover img.hico{
    transition: .4s;
    transform: scale(1.2) rotate(5deg);
}

/*
ul.boxicon li{
    position: relative;
}

*/
.counticon{
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    /*background-color: orange;*/
    display: inline-block;
}

/* HEADER SEARCH MODAL==========
================================*/
#SearchModal .modal-dialog{
    padding: 0px 6px;
}

#SearchModal .modal-content{
    border-radius: 0px !important;
}

#SearchModal .btn.modsearchico{
    width: 60px;
    height: 60px;
    background: #ff817d;
    border-radius: 0px;
}

#SearchModal input.form-control{
    height: 60px;
    border: 0px;
    font-size: 30px;
}

@media (max-width: 579px){
    #SearchModal .btn.modsearchico{
        width: 40px;
        height: 40px;
        border-radius: 0px;
    }
    #SearchModal .btn{
        padding: 4px 8px;
    }
    #SearchModal .btn.modsearchico img{
        object-fit: cover;
        width: 100%;
    }

    #SearchModal input.form-control{
        height: 40px;
        border: 0px;
        font-size: 24px;
    }

    #SearchModal{
        margin-top: 60px;
        clear: both;
    }
}

#SearchModal input.form-control:hover,
#SearchModal input.form-control:focus{
    box-shadow: none;
    outline: 0;
}

body.modal-open header{
    padding-right: 15px !important;
    margin-right: 0px !important;
}

/* SLIDER
================================
================================*/
@media (min-width: 1200px){
    .main-slider .swiper-slide img{
        height: 630px;
        object-fit: cover;
        object-position: 30%;
    }
}
@media (min-width: 600px) and (max-width: 1199px) {
    .main-slider .swiper-slide img{
        height: 500px;
        object-fit: cover;
    }
}
@media (max-width: 768px){
    .main-slider .swiper-slide img{
        height: 400px;
        object-fit: cover;
        object-position: 30%;
    }
}

@media (min-width: 600px) and (max-width: 768px){
    .main-slider .swiper-slide img{
        object-position: center;
    }
}

.ms-info{
    position: absolute !important;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto;
    height: fit-content;
    /*width: 100% !important;*/
}

.main-slider .swiper-slide{
    position: relative;
}

@media (max-width: 768px){
    .main-slider .swiper-slide::after{
        position: absolute;
        content: '';
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.4);
        z-index: 0;
    }
}

.main-slider .ms-info{
    position: relative;
    z-index: 1;
}

.msi-point ul{
    display: block;
    justify-content: space-between;
    padding-inline-start: 0px;

}

@media (min-width: 1450px){
    .msi-point ul{
        display: flex;        
    }
}

@media (max-width: 579px){
    .msi-point ul{
        display: block;
    }
}

.msi-point ul li{
    padding: .5rem 1rem;
    list-style-type: none;
}

@media (min-width: 1450px){
    .msi-point ul li + li{
        position: relative;
    }
    .msi-point ul li + li::after{
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #d59d50;
        background-image: linear-gradient(to top, #fba980 0%, #f7cb6b 100%);
        border-radius: 100%;
        top: 0%;
        left: -17px;
        right: auto;
        bottom: 0%;
        margin: auto;
    }
}

/* MAIN INDEX 
================================
================================*/
/* BLOCK 1 */
ul.main-tabs{
    border-bottom: 0px;
}

ul.main-tabs li span.nav-link{
    border: 0px;
    cursor: pointer;
    padding: .5rem 2rem;
}
@media (max-width: 1024px){
    ul.main-tabs li span.nav-link{
        border: 0px;
        cursor: pointer;
        padding: .5rem 1.5rem;
    }    
}

@media (max-width: 768px){
    ul.main-tabs li span.nav-link{
        padding: .5rem 1rem;
    }
}

ul.main-tabs li span:hover{
    border: 0px;
}

ul.main-tabs li span.nav-link.active{
    color: #ff817d
}

@media (max-width: 579px){
    .scroll-area{
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }
    ::-webkit-scrollbar{
        height: 0px;
    }
    .scroll-area .scroll-nav{
        width: calc(100vw + 130vw);
    }
}

.bn-img img{
    width: 100%;
    height: 340px;
    object-fit: cover;
    transition: .4s;
}

.bn-img{
    overflow: hidden;
}

/*
@media (max-width: 1024px){
    .box-news .mobiletitle{
        height: 60px;
    }
}
*/

.box-news:hover .bn-img img{
    transform: scale(1.1);
    transition: .4s;
}

.box-news{
    position: relative;
    width: 100%;
    height: 100%;
    /*z-index: 1000;*/
}
.box-news:hover{
    z-index: 1;
}

.box-news .bn-hover{
    height: 0px;
    overflow: hidden;
    background-color: white;
}
.box-news:hover .bn-hover{
    width: 100%;
    position: absolute;
    height: auto;
    padding: 10px 0px;
    bottom: 0%;
    transform: translate(0%,100%)!important;
}
@media (max-width: 579px){
    .box-news .bn-hover{
        width: 100%;
        position: relative;
        height: auto;
        padding: 10px 0px;
    }   
    .box-news:hover .bn-hover{
        position: relative;
        transform: translate(0%,0%)!important;
    } 
}

.swiper-container.tab-carousel{
    padding-bottom: 65px;
}

@media (min-width: 1920px){
    .tc-arrow-left{
        left: -5% !important;
    }
    .tc-arrow-right{
        right: -5% !important;
    }
}

.swiper-button-prev:focus,
.swiper-button-next:focus{
    box-shadow: none;
    outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
    display: none;
}

.swiper-button-prev,
.swiper-button-next{
    width: 50px !important;
    height: 50px !important;
    box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}
.swiper-button-next{
    background-image: url(arrow-right-dark.svg);
}
.swiper-button-prev{
    background-image: url(arrow-left-dark.svg);
}

/* BLOCK 2 */
img.cat-prime{
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
@media (max-width: 1024px){
    .cat-prime{
        width: 100%;
    }
}

img.cat-size{
    width: 70px;
    height: 70px;
    object-fit: contain;
}
@media (max-width: 1024px){
    img.cat-size{
        width: 50px;
        height: 50px;
    }
}

.bg-cat{
    position: absolute;
    top: 0%;
    right: 0%;
    margin: auto;
}
@media (max-width: 1440px){
    .bg-cat{
        left: 0%;
    }
}

.bl2-info{
    position: relative;
    z-index: 100;
}

.alink span{
    border-bottom:1px solid black;
}
.alink:hover span{
    border-bottom:2px solid #ff817d;
}
.alink img{
    transition: .4s;
}
.alink:hover img{
    margin-left: 10px;
    transition: .4s;
}

.alink-left span{
    border-bottom:1px solid black;
}
.alink-left:hover span{
    border-bottom:2px solid #ff817d;
}
.alink-left img{
    margin-right: 10px;
    transition: .4s;
}
.alink-left:hover img{
    margin-right: 20px;
    transition: .4s;
}


.bl2box2{
    position: relative;
}
.bl2box2::after{
    position: absolute;
    content: '';
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 25.5rem;
    height: 15.5rem;
    background-image: url(cat.png);
    z-index: 0;
}
@media (max-width: 1440px){
    .bl2box2::after{
        width: 14.5rem;
    }
}
@media (max-width: 1023px){
    .bl2box2::after{
        display: none;
    }
}

/* BLOCK 3 */
.pg-img img{
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: .4s;
}

.pg-img{
    overflow: hidden;
}

.box-news:hover .pg-img img{
    transform: scale(1.1);
    transition: .4s;
}

.b3s-info{
    position: absolute;
    bottom: 5%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: fit-content;
}

.swiper-button-prev.b3s-arrow-left,
.swiper-button-next.b3s-arrow-right{
    bottom: 3% !important;
    top: auto;
}

.block3-slider .swiper-slide img{
    height: 620px;
    object-fit: cover;
}

/* BLOCK 4 */
@media (max-width: 1024px){
    .bs-banner{
        height: 400px;
        object-fit: cover;
    }
}

.box-subscribe{
    position: absolute !important;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    height: fit-content;
}
.box-subscribe .form-control{
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
}
@media (max-width: 579px){
    .box-subscribe .form-control{
        padding-left: 20px;
        padding-right: 20px;
    }    
}

.box-subscribe .form-control:focus{
    box-shadow: none;
    outline: none;
}
.box-subscribe .form-control::placeholder{
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 900', sans-serif;
    color: black;
}

.box-subscribe .bs-button{
    position: absolute;
    top: 0%;
    right: 1%;
    bottom: 0%;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 0px;
    background-color: #f9b477;
    background-image: url(bbmail.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.box-subscribe .bs-button:focus{
    box-shadow: none;
    outline: none;
    background-color: #E47C67;
}

.bs-desc{
    background-image: url(bsdesc.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /*padding-left: 80px !important;*/
    /*padding-right: 80px !important;*/
    padding: 10px 80px !important;
    height: 50px;
}
@media (max-width: 1024px){
    .bs-desc{
        padding: 10px 10px !important;
        height: auto;
    }
}


input#subcheck{
    display: none;
}

input#subcheck ~ .subcheck{
    position: relative;
}

input#subcheck ~ .subcheck::before{
    position: absolute;
    content: '';
    left: 0%;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #ffffff;
}
input#subcheck:checked ~ .subcheck::after{
    position: absolute;
    content: '';
    left: 1%;
    top: 5px;
    width: 17px;
    height: 11px;
    background-image: url(check.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

/* BLOCK 5 */
.bl5-back{
    background: rgb(254,245,245);
    background: linear-gradient(0deg, #fef5f5 65%, white 0%);
}
@media (max-width: 579px){
    .bl5-back{
        background: linear-gradient(0deg, #fef5f5 48%, white 0%);
    }
}

img.bl5-img{
    width: 93px;
    height: 93px;
    object-fit: contain; 
}

/* BLOCK 6 */
@media (max-width: 579px){
    img.bl6banner{
        height: 400px;
        object-fit: cover;
    }
}

.bl6-info{
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    height: fit-content;
}

.bl6-button{
    position: absolute;
    bottom: 10%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: fit-content;
}


/* BLOCK 7 */
.box-usimg{
    background-image: url(us.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

img.bl7img{
    width: 150px;
    height: 150px;
    object-fit: contain;
}
@media (max-width: 579px){
    img.bl7img{
        width: 100%;
    }
}

/* BLOCK 8 */
.htop img{
    transition: .4s;
}
.htop:hover img{
    margin-top: -20px;
    padding-bottom: 20px;
    transition: .4S;
}

/* BLOCK 9 */
.bl9-back{
    position: relative;
    background: rgb(254,245,245);
    background: linear-gradient(0deg, #fef5f5 85%, white 0%);
}
.bl9-back::after{
    position: absolute;
    content: '';
    width: 112px;
    height: 32px;
    bottom: -32px;
    right: 35%;
    background-image: url(wool.svg);
}

img.ins-img{
    width: 100%;
    max-width: 124px;
    max-height: 124px;
    object-fit: contain;
}

/* BREADCRUMBSs 
================================
================================*/
ul.breadcrumbs li a{
    color: #1b1a22;
    transition: .4s;
    opacity: .5;
    padding: .5rem 1rem;
}
ul.breadcrumbs li a:hover{
    color: black;
    transition: .4s;
    opacity: 1;
}

ul.breadcrumbs li + li{
    position: relative;
}
ul.breadcrumbs li + li::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    background-color: #d59d50;
    background-image: linear-gradient(to top, #fba980 0%, #f7cb6b 100%);
    border-radius: 100%;
    top: 0%;
    left: 0px;
    right: auto;
    bottom: 0%;
    margin: auto;
}

/* FILTER & SORT 
================================
================================*/
.filtersort .btn-light{
    background-color: transparent !important;
}
.separator{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 600px) and (max-width: 1025px){
    .separator{
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media (max-width: 579px){
    .separator{
        padding: 0px;
    }
}

.separator::after{
    position: absolute;
    content: '';
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    width: 1px;
    height: 15px;
    background-color: black;
}
@media (max-width: 768px){
    .separator::after{
        display: none;
    }
}

.filtersort button.bs-placeholder{
    position: relative;
    color: #9B9595;
}
.filtersort button{
    color: black;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}
.filtersort button:hover,
.filtersort button:focus{
    border-color: transparent;
    box-shadow: none;
    outline: none;
}
/*
.filtersort button::before{
    position: absolute;
    content: '';
    left: -120px;
    top: 0%;
    width: 140px;
    height: 100%;
}
*/

.filtersort .dropdown-toggle::after{
    border: 0px !important;
    width: 11px;
    height: 6px;
    background: url(select.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.filtersort .bootstrap-select>.dropdown-toggle:after{
    margin-top: 0px;
}

.filtersort .dropdown-menu{
    border-radius: 0px;
}

.filtersort a.dropdown-item.selected{
    background-color: #ff817d;
}
.filtersort a.dropdown-item:focus{
    box-shadow: none;
    outline: none;
    background-color: #ccc;
}
.filtersort a.dropdown-item .check-mark{
    top: 10px !important;
}
.filtersort a.dropdown-item .check-mark::after{
    border: 0px;
    background-image: url(check.svg);
    transform: rotate(0deg);
    width: 17px;
    height: 11px;
    top: 0%;
    bottom: 0%;
    margin: auto;
}

.filtersort a.clearall{
    color: #9B9595;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}
.filtersort a.clearall:hover{
    color: #ff817d;
}

@media (max-width: 768px){
    .filtitle{
        width: 75px;
    }
}

/* SORTBY */
.boxsort{
    padding: 5px 10px;
    background-color: #fce1e6;
    border-radius: 4px;
}

.boxsort a{
    color: #999;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}
.boxsort a.active{
    color: black;
}

/* COLLECTION 
================================
================================*/
@media (min-width: 1024px){
    .bg-colcat{
        background: linear-gradient(180deg, #fef5f5 95%, #fff 0%);
    }
}

@media(min-width: 1200px){
    .coldesc{
        width: 100%;
        height: 227px; 
        background-color: #fef5f5;
    }
}

@media (max-width: 768px){
    img.colcat{
        width: 100%;
    }
}

.cd-title{
    position: absolute !important;
    top: 0%;
    left: 10%;
    bottom: 0%;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.cdt-first{
    position: relative;
}
.cdt-first::before{
    position: absolute;
    content: '';
    width: 22px;
    height: 51px;
    top: 0%;
    left: -10%;
    bottom: 0%;
    margin: auto;
    background-image: url(usleft.svg);
}

.bnc-img img{
    height: 388px;
    width: 100%;
    object-fit: cover;
    transition: .4s;
}
@media (max-width: 579px){
    .bnc-img img{
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
}
.box-news:hover .bnc-img img{
    transform: scale(1.1);
    transition: .4s;
}


.bnc-img{
    overflow: hidden;
}

img.np-img{
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.next-page{
    position: relative;
}

.np-link{
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.next-page a span{
    color: white;
    border-bottom: 1px solid white;
}
.next-page a img.arrow-link{
    transition: .4s;
    margin-left: 10px;
}
.next-page a:hover img.arrow-link{
    margin-left: 20px;
    transition: .4s;
}

/* SHOWBY & PAGINATION */
.showby span{
    color: #9B9595;
    transition: .4s;
}
.showby span:hover{
    color: #ff817d;
    transition: .4s;
}
.showby span.active{
    color: black;
}
.page_size-radio [type="radio"]:checked + .page_size-radio-control{
    color: black;
}

.pagination a{
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    color: #9B9595;
}
.pagination a:hover{
    color: black;
}

.pagination span{
    width: 34px;
    height: 34px;
    background-color: #ff817d;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}

a.pag-arrow img{
    transition: .4s;
}
a.pag-arrow:hover img{
    margin-left: 10px;
    transition: .4s;
}

/* COLLECTION MEOW */
img.catmeow-size{
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.meowlabel{
    position: absolute;
    top: 0%;
    right: 3%;
    background-image: url(label-dark.svg);
    width: 75px;
    height: 66px;
}

.boxtags{
    background-color: #fce1e6;
    padding: 2px 4px;
    border-radius: 4px;
    color: black;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
    text-transform: uppercase;
    margin: 12px 8px;
    display: inline-block;
}
.boxtags:hover{
    color: #c34457;
    transition: .4s;
}

/* PRODUCT 
================================
================================*/
/* THUMBs */
.product-thumb-arrow-up{
    position: relative;
    width: 57px;
    height: 57px;
    box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.07) !important;
    background-color: #ffffff;
    background-image: url(arrow-left-dark.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    transform: rotate(90deg);
    border-radius: 100%;
    transition: .3s;    
}
.product-thumb-arrow-down{
    position: relative;
    width: 57px;
    height: 57px;
    box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.07) !important;
    background-color: #ffffff;
    background-image: url(arrow-right-dark.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    transform: rotate(90deg);
    border-radius: 100%;
    transition: .3s;    
}


@media (min-width: 1920px){
    .product-arrow-left,
    .like-arrow-left{
        left: -5% !important;
    }
    .product-arrow-right,
    .like-arrow-right{
        right: -5% !important;
    }
}

.product-thumb-arrow-up:focus,
.product-thumb-arrow-down:focus{
    box-shadow: none;
    outline: none;
}

@media (min-width: 1024px){
    .product-thumb,
    .product-gallery{
        height: 575px;
    }
}
@media (min-width: 600px) and (max-width: 1024px){
    .product-thumb,
    .product-gallery{
        height: 340px;
    }
}
@media (min-width: 600px) and (max-width: 768px){
    .product-thumb,
    .product-gallery{
        height: 450px;    
    }
}

.box-arrow{
    width: 100%;
    height: 80px;
    z-index: 100;
    position: relative;
}

.product-thumb img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.swiper-container {
  width: 100%;
  /*height: 300px;*/
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  height: 100%;
  width: 100%;
}

.gallery-top .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.gallery-thumbs .swiper-slide {
  width: 100%;
  height: 100%;
  min-height: 75px;
  cursor: pointer;
}

.gallery-thumbs .swiper-slide img{
    width: 100%;
    /*min-height: 75px;*/
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide.swiper-slide-thumb-active{
    position: relative;
}
.swiper-slide.swiper-slide-thumb-active::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background-color: rgba(255,255,255,.4);
}

.product-carousel a{
    color: white !important;
}

.bundle-img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}

@media (max-width: 768px){
    .promobsep .border-left{
        border-left: 0px !important;
    }
}

/* CARD 
================================
================================*/
@media (min-width: 1024px){
    .bg-procat{
        background: linear-gradient(180deg, #ff817d 95%, #000 0%);
    }
}

@media (min-width: 1024px){
    .pro-title{
        position: absolute !important;
        top: 0%;
        left: 10%;
        bottom: 0%;
        margin: auto;
        width: fit-content;
        height: fit-content;
    }

    .description-scroll{
        overflow-y: scroll; 
        height: calc(100% - 40px); 
        margin-top: 10px;
    }

    .description-scroll::-webkit-scrollbar {
      width: 10px;
    }

    .description-scroll::-webkit-scrollbar-track {
      background: transparent;
    }
     
    .description-scroll::-webkit-scrollbar-thumb {
      background: #c34457; 
    }

    .description-scroll::-webkit-scrollbar-thumb:hover {
      background: #BD605E; 
    }
}


/* BASKET 
================================
================================*/
.itemcount{
    width: 34px;
    height: 34px;
    background-color: #ff817d;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-family: 'Museo Sans Cyrl 700', sans-serif;
}

.boxquntity{
    background-color: white;
    border-radius: 4px;
}

input.bq-input{
    width: 30px;
    text-align: center;
    border: 0px;
}
input.bq-input:focus{
    box-shadow: none;
    outline: none;
}

.boxquntity button.minus,
.boxquntity button.plus{
    background: transparent;
    border: 0px;
    font-size: 20px;
    font-weight: bold;
}

.boxquntity button.minus:focus,
.boxquntity button.plus:focus{
    box-shadow: none;
    outline: none;
}

span:hover .bas-del{
    transition: .4s;
    transform: rotate(90deg);
}

button.btn-basket{
    background-image: url(arrow-right-white.svg);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    transition: .4s;
}
button.btn-basket:hover{
    background-position: 95% 50%;
    transition: .4s; 
}

.promocod-border{
    border: 1px dashed #d3d3d3;
}

.promocod{
    background-color: transparent;
    border: 0px;
    width: 100%;
    height: 100%;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}
.promocod:focus{
    box-shadow: none;
    outline: none;
}
input.promocod::placeholder{
    color: white !important;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 900', sans-serif;
    text-transform: capitalize;
}

button.btn-darkpink:focus{
    box-shadow: none;
    outline: none;
    background-color: #c34457 !important;
    color: white;
    transition: .4s;
}

.raduga{
    position: absolute;
    bottom: -15%;
    left: 0%;
    right: 0%;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

@media (max-width: 579px){
    .basketcart .item-border{
        border-top: 1px solid #ccc;
    }
}

/* FOOTER 
================================
================================*/
footer ul li a.nav-link{
    padding: .2rem 1rem;
    color: #e0d0c3;
}
footer ul li a.nav-link:hover{
    color: white;
}

footer a{
    color: #e0d0c3;
}
footer a:hover{
    color: white;
}

footer a img.social{
    transition: .4s;
}
footer a:hover img.social{
    transform: rotate(15deg);
    transition: .4s;
}

footer .byidbi{
    opacity: .5
}

/* ENGINE
================================
================================*/

.added-content a{
    box-shadow: none !important;
}

button.co-button{
    background-color: #ff817d !important;
    border: 1px solid #ff817d !important;
}

button.co-button:hover,
button.co-button:focus{
    background-color: #c34457 !important;
    border: 1px solid #c34457 !important;
}

a.co-button{
    background-color: black !important;
    border: 1px solid black !important;
}
a.co-button:hover,
a.co-button:focus{
    background-color: #481e01 !important;
    border: 1px solid #481e01 !important;
}
.scroll {
  overflow-y: scroll;
  width: 100%;
  height: 447px;
}

.scroll::-webkit-scrollbar-thumb {
 background-color: #FC46AA;
}

@media (max-width: 768px){
    .main-slider .ms-info{
       width: 80%;
    margin-left: auto;
    margin-right: auto;

    }
}