*{
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    line-height: normal;
    outline: none;
}
html,
body{
    height: 100%;
    background-color: #000;
}
.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wrapperContent{
    flex: 1 0 auto;
}
.overflow{
    overflow: hidden;
}
.main{
    background-image: url(../img/bg-top.png);
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-color: #000;
    box-shadow: 0px 20px 40px 0px rgb(0, 0, 0);
}
.pattern{
    background-image: url(../img/pattern.png);
    background-position-y: 278px;
    background-repeat: no-repeat;
}
.functionBg{
    background-image: url(../img/pattern1.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    mix-blend-mode: color-dodge;
    height: 100%;
}
.promotionBg{
    background-image: url(../img/pattern2.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
}
.aboutUsBg{
    background-image: url(../img/pattern3.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
}
/*************header*************/
.headerBorder{
    border-bottom: 3px solid #590000;
    display: flex;
}
.w{
    width: 1500px;
    margin: 0 auto;
}
.header{
    height: 79px;
    display: flex;
    padding-top: 73px;
    justify-content: space-between;
}
.headerLeft, .headerRight{
    display: flex;
}
.header .logo{
    margin-right: 105px;
}
.headerRight{
    margin-bottom: 28px;
    padding-top: 12px;
}
.headerRight .lang{
    padding-top: 9px;
    margin-right: 22px;
}
.headerRight .lang a{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
}
.headerRight .lang a img{
    margin-left: 25px;
    margin-right: 25px;
}
.headerRight .lang{
    border-right: 2px solid #D9D9D9;
}
.headerPhone{
    margin-top: 8px;
}
.headerPhone a{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
}
.afterHeader{
    margin-top: 43px;
    display: flex;
    margin-bottom: 65px;
    justify-content: space-between;
}
.catalogBtn img{
    margin-right: 30px;
}
.socialLinks{
    display: flex;
    justify-content: space-between;
}
.afterHeader .catalogBtn {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    align-items: center;
    display: flex;
    z-index: 89999;
    position: relative;
    cursor: pointer;
    background-position: left;
    padding-left: 46px;
    width: 100% !important;
}
.afterHeader .socialLinksItem{
    margin:0 18px;
}
.basketIcon{
    width: 200px;
    text-align: right;
}
.catalog{
    position: relative;
}
.catalogSection {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    transition: 0.5s;
    margin-top: 50px;
}
.active-menu:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .2;
    z-index: 12;
}
.catalogSection.show {
    display: block;
}
.catalogSection .level1{
    position: absolute;
    width: 480px;
    background-color: #000;
    padding: 17px 30px;
}
.catalogSection .level1 ul{
    border-left: 1px solid red;
    padding-left: 30px;
}
.catalogSection .level1 ul li{
    margin-bottom: 32px;
    list-style: none;
}
.catalogSection .level1 ul li a{
    color: #F00;
    text-decoration: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
/*************Search Form*************/
.searchForm{
    margin-bottom: 76px;
}
.searchForm form{
    text-align: center;
    width: 525px;
    margin: 0 auto;
    position: relative;
}
.searchForm input{
    width: 100%;
    height: 62px;
    border-radius: 20px 0px;
    border: 2px solid #900000;
    background-color: #000;
    padding-left: 21px;
    color: #FFF;
    margin: 0 auto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.searchForm button {
    background-color: transparent;
    position: absolute;
    top: 14px;
    cursor: pointer;
    right: -5px;
}
/*************Header nav*************/
.header .nav a{
    color: #FFF;
    font-family: 'Geologica', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
    padding-top: 20px;
}
.header a:hover{
    color: #f00;
}
.header .nav ul{
    justify-content: flex-start;
    display: flex;
    height: 100%;
}
.header .nav ul li{
    display: flex;
    padding: 0 30px;
    position: relative;
}
.header .nav ul li:first-child:after {
    content: "";
    display: block;
    width: 3px;
    background-color: #09090A;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left:0;
}
.header .nav ul li:before{
    content: "";
    display: block;
    width: 3px;
    background-color: #09090A;
    height: 3px;
    position: absolute;
    right:0;
    bottom: -3px;
}
.burger-menu {
    position: relative;
}

.burger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    margin-top: 18px;
}

.burger-icon span {
    width: 30px;
    height: 3px;
    background-color: #fff;
    transition: 0.3s;
}
.burger-icon.active span{
    background-color: #FF0000;
}
.burger-icon.active span:nth-child(1) {
    transform: rotate(45deg) translate(-9px, -5px);
}

.burger-icon.active span:nth-child(2) {
    opacity: 0;
}

.burger-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translate(17px, -22px);
}
.soc{
    background-size: contain;
    width: 32px !important;
    display: block;
    height: 32px !important;
}
.soc1{
    background: url('../img/soc1.png') no-repeat center center;
}
.soc1:hover{
    background: url('../img/soc1H.png') no-repeat center center;
}
.soc2{
    background: url('../img/soc2.png') no-repeat center center;
}
.soc2:hover{
    background: url('../img/soc2H.png') no-repeat center center;
}
.soc3{
    background: url('../img/soc3.png') no-repeat center center;
}
.soc3:hover{
    background: url('../img/soc3H.png') no-repeat center center;
}
.soc4{
    background: url('../img/soc4.png') no-repeat center center;
}
.soc4:hover{
    background: url('../img/soc4H.png') no-repeat center center;
}
.basketIc{
    background: url('../img/basket.png') no-repeat center center;
}
.basketIc:hover{
    background: url('../img/basketH.png') no-repeat center center;
}
.searchIc{
    background: url('../img/icon.png') no-repeat center center;
}
.searchIc:hover{
    background: url('../img/iconH.png') no-repeat center center;
}
.catalogBtn{
    background: url('../img/cat.png') no-repeat center center;
}
.catalogBtn:hover{
    background: url('../img/catH.png');
    background-repeat: no-repeat;
    color: #f00;
}
.instaIcon svg {
    fill: #ff0000;
}
/*************Slider*************/
.splide__container {
    box-sizing: border-box;
    position: relative;
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
    display: none;
}

.splide__progress__bar {
    width: 0;
}

.splide {
    position: relative;
    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@keyframes  splide-loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.splide--rtl {
    direction: rtl;
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;

    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
}

.splide__arrow:disabled {
    opacity: 0.3;
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__arrow--prev svg,
.splide__arrow--next svg{
    display: none;
}
.splide__arrow{
    width: 51px;
    height: 64px;
    background-color: transparent;
}
.splide__arrow--prev:before{
    content: "";
    display: block;
    width: 51px;
    height: 64px;
    background-image: url(../img/left.png);
}
.splide__arrow--next:before{
    content: "";
    display: block;
    width: 51px;
    height: 64px;
    background-image: url(../img/right.png);
}
.splide__arrow--prev {
    left: -8em;
}

.splide__arrow--prev svg {
    transform: scaleX(-1);
}

.splide__arrow--next {
    right: -8em;
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__progress__bar {
    background: #ccc;
    height: 3px;
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
    outline: 0;
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}

@media  screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf;
    }
}

@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}

@media  screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track >
    .splide__list >
    .splide__slide:focus {
        border-color: #0bf;
    }
}

.splide__toggle {
    cursor: pointer;
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg);
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}
.sliderIndex .splide__slide{
    background-image: url(../img/slideBg.png);
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
    display: flex;
    background-size: cover;
}
.productItem .productImg{
    padding: 0 20px;
    display: block;
    margin-bottom: 30px;
}
.productItem{
    border-right: 2px solid #59000080;
}
.productItem .productImg img{
    width: 100%;
}
.productItem .price{
    color: #F00;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}
.productItem{
    padding: 0 40px;
}
.productItem .productTovarDesc{
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.productItem .buyBtn{
    display: block;
    text-decoration: none;
    margin-right: 18px;
}
.productItem .price{
    margin-right: 35px;
}
.productItem .price .newPrice{
    line-height: 44px;
}
.productItem .addToCart{
    line-height: 38px;
}
.sliderProduct .splide__arrow--prev:before,
.sliderProduct .splide__arrow--next:before{
    content: "";
    display: block;
    width: 32px;
    background-size: cover;
    height: 40px;
    background-image: url(../img/left.png);
}
.sliderProduct .splide__arrow--next:before{
    background-image: url(../img/right.png);
}
.sliderProduct .splide__arrow--prev {
    left: -1em;
}
.sliderProduct .splide__arrow--next {
    right: -1em;
}
.slideImg{
    width: 58%;
}
.slider{
    position: relative;
    z-index: 1;
}
.slider:before{
    position: absolute;
    z-index: 0;
    border-radius: 1147px;
    background: rgba(255, 0, 0, 0.70);
    content: "";
    display: block;
    filter: blur(150px);
    width: 1147px;
    height: 347px;
    flex-shrink: 0;
    top: 50%;
    left: 50%;
    margin-left: -565px;
    margin-top: -173px;
}
.splide{
    max-width: 1280px;
    margin: 0 auto;
}
.sliderProduct.splide{
    max-width: 100%;
    margin: 0 auto;
}
.slideContent {
    padding-top: 146px;
    width: 42%;
}
.nameCat{
    color: #FFF;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.nameProductSlider{
    color: #F00;
    font-size: 35px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 35px;
}
.annotation{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 66px;
}
.redBtn{
    width: 222px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #C00;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding:16px 36px;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    margin: 0 auto;
    display: block;
    line-height: normal;
}
.redBtn:hover{
    background-color: #fff;
    color: #f00;
}
/*************Function*************/
.function{
    background-image: url(../img/functions.png);
    padding: 97px 0 107px 0;
    position: relative;
}
.functionWrap{
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.functionsItem{
    width: 460px;
}
.functionsItem:first-child{
    width: 320px;
}
.functionsItem:last-child{
    width: 250px;
}
.functionsItem img{
    margin-bottom: 55px;
}
.functionsItem p{
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 35px */
}

/*************Catalog*************/
.catalogList{
    background-image: url("../img/catalogBg.png");
    text-align: center;
    padding-top: 92px;
    padding-bottom: 88px;
    background-size: cover;
}
.catalogListWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.catalogList .title{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
}
.catalogItem {
    width: calc(23% - 10px);
    color: white;
    text-align: center;
    position: relative;
}
.catalogItem a {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 1;
}
.catalogItem:before{
    position: absolute;
    z-index: 0;
    border-radius: 9px;
    background: rgba(255, 0, 0, 0.70);
    content: "";
    display: block;
    filter: blur(100px);
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -8x;
}
.catalogItem p {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    background-image: url(../img/catalogA.png);
    display: block;
    height: 43px;
    width: 100%;
    line-height: 43px;
}
.catalogItem img{
    width: auto;
    height: 260px;
}
@media (max-width: 768px) {
    .catalogItem {
        width: calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .catalogItem {
        width: calc(100% - 10px);
    }
}

/*************Promotion*************/
.promotion{
    background-image: url("../img/promotiomBg.png");
    text-align: center;
    padding-top: 68px;
    position: relative;
    padding-bottom: 93px;
}
.promotionImg,
.imgDescLeft{
    position: relative;
    margin-bottom: 38px;
}
.promotionImg::before,
.imgDescLeft .img:before{
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 320px;
    background: rgba(255, 0, 0, 0.70);
    filter: blur(150px);
    width: 320px;
    top:50%;
    margin-top: -160px;
    left: 50%;
    margin-left: -160px;
    height: 320px;
}
.promotionImg img,
.imgDescLeft img{
    position: relative;
    z-index: 1;
}
.promotion .title{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 60px;
}
.promotionWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.promotionItem {
    width: 50%;
    color: white;
    text-align: center;
}
.promotionItem a{
    display: block;
    text-decoration: none;
}
.promotiomTovarDesc{
    display: flex;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    justify-content: center;
}
.promotionProductName{
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    line-height: normal;
}
.promotiomTovarDesc .newPrice{
    color: #F00;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 56px */
}
.promotiomTovarDesc .price{
    margin-right: 33px;
    text-align: left;
}
.promotiomTovarDesc .oldPrice{
    color: #C00;
    text-decoration: line-through;
    text-decoration-color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 35px */
}
.buyBtn{
    width: 110px;
    height: 37px;
    flex-shrink: 0;
    color: #FFF;
    border-radius: 5px;
    background: #F00;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-right: 33px;
    padding-top: 8px;
}

/*************AboutUs*************/
.aboutUs{
    background: url("../img/promotiomBg.png");
    text-align: center;
    padding-top: 168px;
    background-color: #080707;
    background-repeat: no-repeat;
    position: relative;
}
.aboutUs .title{
    color: #FFF;
    margin-bottom: 67px;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.aboutUs p{
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 192px;
}
.aboutUs .w{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.aboutUsText{
    text-align: left;
}
.aboutUs .aboutUsText,
.aboutUs .w>.img{
    width: 50%;
    position: relative;
}
.aboutUs img{
    position: relative;
    z-index: 1;
}
.aboutUs .img::before{
    content: "";
    display: block;
    width: 626px;
    height: 397px;
    position: absolute;
    background-image: url(../img/before1.png);
}
.aboutUs .img{
    position: relative;
}
.aboutUs .img::after{
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 347px;
    background: rgba(255, 0, 0, 0.70);
    filter: blur(150px);
    width: 347px;
    top:96px;
    left: 50%;
    margin-left: -175px;
    height: 347px;
}
.aboutUs .aboutUsText .img::before{
    background-image: url(../img/before2.png);
}
/*************Manufacturers*************/
.manufacturers{
    background: rgba(204, 0, 0, 0.80);
   text-align: center;
    padding-top: 44px;
    padding-bottom: 95px;
    position: relative;
    z-index: 5;
}
.manufacturersWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.manufacturers .title{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 65px;
}
/***********************************/
.textSite{
    background: #090909;
    padding-top: 120px;
    padding-bottom: 33px;
}
.textSite .hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.textSite .visible {
    max-height: 1500px;
}
.textSite p{
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}
.textSite a{
    color: #C00;
    position: relative;
    z-index: 5;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    text-align: right;
    display: block;
    margin-top: 33px;
    width: 100%;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}
/*************Footer*************/
footer{
    background: #000;
    flex: 0 0 auto;
    width: 100%;
}
footer .w{
    flex-shrink: 0;
    padding-top: 68px;
    padding-bottom: 53px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footerLeft,
.socialLinks{
    display: flex;
}
.logo{
    margin-right: 50px;
}
footer nav{

}
footer nav ul{

}
footer nav li{
    list-style: none;
    margin-bottom: 25px;
}
footer nav li a,
.contact div,
.contact div a{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.contact{
    text-align: center;
}
.contact .addres{
    margin-bottom: 45px;
}
.socialLinks a{
    margin-right: 50px;
    display: block;
    padding:5px 5px 2px;
    border-radius: 7px;
}
.catalogItem a:hover p,
.promotionItem a:hover,
footer nav li a:hover, .contact div a:hover{
    color: #f00;
}
.buyBtn:hover{
    background-color: #fff;
    color: #f00;
}
#splide01-track:after{
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top:0;
    right: 0;
    background-color: #000;
}
.basketIcon a,
.promotionItem a.addToCart{
    display: inline-block;
    padding:5px 5px 2px;
    width: auto;
    height: 100%;
    border-radius: 7px;
}
.socialLinks a {
    height: max-content;
}
/*************Tabs*************/
.tabs {
    display: flex;
    padding-bottom: 13px;
    border-bottom: 2px solid #59000080;
}
.tab-content .slider:before{
    display: none !important;
}
.tab {
    cursor: pointer;
    color: #C00;
    font-size: 20px;
    margin-right: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.tab:hover {
    text-decoration: underline;
}
.tab-content {
    display: none;
}
.topInfo{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin-bottom: 21px;
    justify-content: space-between;
}
.nameProduct{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.art {
    background: #590000;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    width: auto;
    text-align: center;
    line-height: 40px;
    padding-left: 9px;
    padding-right: 9px;
}
.imgDesc{
    display: flex;
    flex-wrap: wrap;
}
.imgDescLeft,
.imgDesc{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.imgDescLeft,
.imgDescRight,
.imgDescLeft>div{
    flex: 0 0 50%;
    box-sizing: border-box;
}
.imgDescLeft .img img{
    width: 340px;
    height: auto;
}
.imgDescLeft .img:before{
    margin-left: -340px;
}
.imgDescLeft .buyCart .buyBtn{
    display: inline-block;
    text-decoration: none;
}
.imgDescLeft{
    border-right: 2px solid #59000080;
}
.imgDescLeft .priceBuy .price{
    width: 100%;
    text-align: center;
}
.imgDescLeft .priceBuy {
    display: flex;
    height: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.imgDescLeft .price {
    color: #F00;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 10px;
}

.imgDescLeft .buyCart {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.imgDescLeft .buyBtn,
.imgDescLeft .addToCart {
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.imgDescRight>p{
    color: #FFF;
    padding-left: 148px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.tab-content h2{
    color: #FFF;
    margin-bottom: 30px;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-top: 40px;
}
.tab-content{
    background-color: #000;
}
.tab-content p,
.tab-content ul li{
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
}
.tab-content ul {
    margin-left: 26px;
}
/*************Cart*************/
.cart{
    text-align: left;
}
.border{
    border-top: 2px solid #59000080;
    width: 100%;
    margin-bottom: 27px;
}
.cartWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cartItem {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 35px;
    justify-content: start;
    margin-bottom: 27px;
    border-bottom: 2px solid #59000080;
}
.cartItem:last-child{
    border-bottom: none;
}
.cartList{
    width: 575px;
}
.cartItem .img img{
    width: 155px;
    margin-right: 18px;
}
.cartContent a{
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    padding-top: 20px;
    font-style: normal;
    font-weight: 700;
    display: block;
    margin-right: 34px;
    margin-bottom: 35px;
    line-height: normal;
}
.cartContent .price{
    color: #F00;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.deleteItem{
    width: 30px;
    padding-top: 20px;
    cursor: pointer;
}
.cartInfo{
    width: 395px;
    margin-top: 25px;
    padding-top: 23px;
    text-align: center;
    border-radius: 10px;
    background: #010101;
}
.cartInfo .title{
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 21px;
    border-bottom: 2px solid #59000080;
    margin-bottom: 44px;
}
.totalPrice{
    color: #FFF;
    margin-bottom: 45px;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.containeShop{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.cartInfo .redBtn{
    margin-bottom: 23px;
    display: inline-block;
    width: auto;
    padding:18px 33px;
}
/*************Form*************/
.formWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 167px;
    margin-bottom: 96px;
}
.formBg{
    background-image: url(../img/pattern4.png);
    background-repeat: no-repeat;
    background-position-y: 202px;
    background-color: rgba(0,0,0,0.5);
}
.formLeft{
    width: 539px;
}
.form input{
    border:2px solid #C00;
    border-radius: 10px;
    width: 100%;
    height: 74px;
    margin-bottom: 50px;
    padding-left: 27px;
    background-color: #000;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    box-sizing: border-box;
}
.formRight{
    padding:50px 65px;
    border-radius: 10px;
    width: 540px;
    background: #000;
    text-align: center;
}
.productCheck{
    margin-bottom: 30px;
}
.productCheck .name{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-right: 37px;
    display: inline-block;
    line-height: normal;
}
.productCheck .pcs{
    color: #F00;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.productCheck+.border{
    width: 330px;
    height: 2px;
    background: rgba(89, 0, 0, 0.50);
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.totalOrder{
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.totalOrder span{
    color: #F00;
}
.form{
    text-align: center;
}
.form .redBtn{
    padding:18px 33px;
    width: auto;
    display: inline-block;
    margin-bottom: 50px;
}
.form .redBtn:hover{
    background-color: #fff;
    color: #f00;
}
.orangeBtn:hover {
    background-color: #fff;
    color: #FF8A00;
}
.orangeBtn{
    background-color: #FF8A00;
}
/*************Media*************/
@media (max-width: 1540px) {
    .w {
        width: 1200px;
    }
    .header .nav ul li {
        padding: 0 15px;
    }
    .socialLinks a {
        margin: 0 0px;
    }
    .socialLinks{
        width: 300px;
        margin: 0 auto;
    }
    .splide {
        max-width: 992px;
    }
    .splide__slide img {
        width: 100%;
    }
    .slideContent {
        padding-top: 81px;
    }
    .catalogItem {
        margin-bottom: 40px;
    }
    .catalogItem p,
    .header .nav a,
    .headerPhone a,
    .headerRight .lang a{
        font-size: 16px;
    }
    .headerPhone a, .headerRight .lang a {
        font-size: 16px;
        line-height: 2;
    }
    .functionsItem p{
        font-size: 21px;
    }
}
@media (max-width: 1280px) {
    .w {
        width: 992px;
    }
    .imgDescLeft>div {
        flex: 0 0 100%;
        box-sizing: border-box;
    }
    .productItem .productTovarDesc{
        flex: 0 0 50%;
    }
    .productItem .productTovarDesc {
        flex-wrap: wrap;
    }
    .productItem .price {
        margin-right: 0;
        width: 100%;
    }
    .imgDescRight>p{
        padding-left: 15px;
    }
    .imgDescLeft .img:before {
        margin-left: -182px;
    }
    .splide {
        max-width: 768px;
    }
    .nameCat,
    .nameProductSlider{
        font-size: 28px;
    }
    .annotation{
        margin-bottom: 15px;
    }
    .slideContent {
        padding-top: 50px;
    }
    .functionsItem {
        width: 33.3%;
    }
    .annotation{
        font-size: 17px;
        margin-bottom: 30px;
    }
    .catalogListWrap {
        justify-content: start;
    }
    .catalogItem {
        width: calc(32% - 10px);
    }
    .promotionProductName{
        font-size: 25px;
    }
    .aboutUs img {
        width: 100%;
    }
    .aboutUs .img::before {
        width: 567px;
        height: 342px;
        background-size: cover;
    }
    .header .logo {
        margin-right: 20px;
    }
    .header .nav ul li {
        padding: 0 10px;
    }
    .afterHeader .socialLinksItem {
        margin: 0;
    }
}
@media (max-width: 998px) {
    .w {
        width: 767px;
    }
    .splide {
        max-width: 480px;
    }
    .splide__arrow--next:before,
    .splide__arrow--prev:before{
        width: 31px;
        height: 39px;
        background-size: contain;
    }
    .splide__arrow--prev {
        left: -4em;
    }
    .splide__arrow--next {
        right: -4em;
    }
    .slideImg,
    .slideContent{
        width: 100%;
    }
    .slideContent{
        padding-bottom: 30px;
    }
    .sliderIndex .splide__slide{
        display: block;
    }
    .catalogItem {
        width: calc(51% - 10px);
    }
    .catalogItem p{
        background-repeat: no-repeat;
    }
    .promotionImg img, .imgDescLeft img {
        width: 75%;
    }
    .promotionProductName {
        font-size: 22px;
    }
    .promotiomTovarDesc .newPrice {
        font-size: 26px;
    }
    .promotiomTovarDesc .oldPrice{
        font-size: 20px;
    }
    .aboutUs .aboutUsText, .aboutUs .w>.img {
        width: 100%;
        position: relative;
    }
    .aboutUs p {
        margin-bottom: 30px;
    }
    .slider:before {
        border-radius: 1147px;
        width: 480px;
        margin-left: -240px;
    }
    .burger-icon {
        display: flex;
    }
    .nav ul#menu {
        position: absolute;
        height: auto;
        left: 0;
        display: none;
        flex-direction: column;
        background-color: #000;
        border: 1px solid #ccc;
        padding: 10px;
        top: 49px;
        width: 320px;
    }
    .burger-icon.active {
        margin-top: 32px;
    }
    .header{
        padding-top: 30px;
    }
    .cartList {
        width: 100%;
    }
    .cartInfo {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .imgDescLeft, .imgDescRight, .imgDescLeft>div {
        flex: 0 0 100%;
    }
    .socialLinks {
        width: 300px;
        margin: 0px auto;
        margin-left: 90px;
    }
    .formRight {
        padding: 37px 15px;
        width: 100%;
    }
    .imgDescLeft{
        border:none;
    }
    .imgDescLeft .img img {
        margin: 0 auto;
        display: block;
    }
    .manufacturersItem {
        width: calc(37% - 30px);
        margin-bottom: 10px;
    }
    .w {
        margin: 0 5%;
        width: 90%;
    }
    .header,
    .afterHeader,
    .searchForm {
        padding: 17px 0px;
        margin-top: 0;
    }
    .promotionImg::before, .imgDescLeft .img:before {
        width: 118px;
        margin-left: -59px;
    }
    .slider:before {
        border-radius: 1147px;
        width: 100%;
        margin-left: -50%;
    }
    .afterHeader{
        width: calc(95% - 30px);
    }
    .socialLinks a{
        margin: 0 10px;
    }
    .aboutUs{
        padding-top: 0px;
    }
    .manufacturersWrap {
        justify-content: start;
    }
    .nav ul a {
        text-decoration: none;
        color: #333;
        padding: 5px 0;
        transition: 0.3s;
    }
    .header .nav ul li:before,
    .header .nav ul li:after{
        display: none;
    }
    .header .nav ul li {
        padding: 8px 10px;
        display: block;
    }
    #menu a:hover {
        background-color: #f0f0f0;
    }
    .searchForm input,
    .searchForm form{
        width: 300px;
        display: block;
    }
    .searchForm button {
        position: absolute;
        top: 15px;
        right: 0;
        display: inline-block;
    }
    .searchForm form {
        width: 300px;
        display: block;
        margin: 0 auto;
        position: relative;
    }
}
@media (max-width: 642px) {
    .header {
        flex-direction: column;
    }
    .imgDescLeft .img img {
        width: 100%;
    }
    .afterHeader .catalogBtn {
        padding-left: 44px;
        width: 90% !important;
    }
    .socialLinks {
        width: 230px;
        margin: 0 auto;
    }
    .splide__arrow--next,
    .splide__arrow--prev{
      display: none;
    }
    .socialLinks a {
        margin: 0 8px;
    }
    .aboutUs .img::before {
        height: 247px;
    }
    .aboutUs .aboutUsText, .aboutUs .w>.img {
        margin-bottom: 10px;
    }
    .tab {
        font-size: 17px;
        margin-right: 15px;
    }
    .manufacturersWrap {
        justify-content: center;
    }
    .topInfo .nameProduct{
        margin-bottom: 15px;
    }
    .imgDescRight>p {
        padding-left: 0;
    }
    .catalogSection .level1{
        width: 300px;
    }
    .functionsItem,
    .functionsItem:last-child,
    .functionsItem:first-child{
        width: 100%;
        margin-bottom: 40px;
    }
    .functionWrap {
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: center;
    }
    .aboutUs .img::before {
        width: 100%;
    }
    .catalogItem {
        width: calc(99% - 10px);
        margin: 0px 0px 17px;
    }
    .manufacturersItem {
        width: calc(100% - 30px);
        margin-bottom: 10px;
    }
    .promotionItem {
        width: 100%;
        color: white;
        margin-bottom: 46px;
    }
    .aboutUs .img::after {
        border-radius: 171px;
        width: 96%;
        margin-left: -192px;
    }
    footer nav{
        display: none;
    }
    .textSite {
        padding: 20px 15px 30px;
    }
    footer .logo {
        margin-right: 0px;
        margin-bottom: 30px;
        width: 100%;
        text-align: center;
    }
    .contact {
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .footerLeft {
        display: flex;
        width: 100%;
        padding: 0 28px 26px;
    }
    .headerLeft {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .headerRight{
        justify-content: center;
    }
    .headerBorder{
        padding-bottom: 20px;
    }
    .nav ul#menu {
        left: -250px;
        width: 260px;
        z-index: 9999999;
    }
    .splide {
        max-width: 100%;
    }
    .basketIcon {
        width: auto;
        text-align: right;
    }
    .catalog {
        margin-bottom: 18px;
        width: 100%;
    }
    .afterHeader {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .searchForm input,
    .searchForm form{
        width: 250px;
        display: block;
    }
    .searchForm form {
        width: 270px;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .cartItem{
        position: relative;
    }
    .searchForm button {
        position: absolute;
        top: 15px;
        right: 9px;
        display: inline-block;
    }
    .contact .addres {
        margin-bottom: 10px;
    }
    .deleteItem {
        position: absolute;
        right: 15px;
        top: -27px;
    }
    .cartInfo .redBtn {
        padding: 18px 15px;
    }
}