*{
    scroll-behavior:smooth
}
@-webkit-keyframes animate-circle{
    from{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes animate-circle{
    from{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.preloader-wrap{
    position:static;
    background:#fff;
    width:100%;
    height:100vh;
    overflow:hidden;
    left:0;
    top:0;
    z-index:999
}
.preloader{
    --size:10rem;
    position:fixed;
    top:50%;
    left:50%;
    height:var(--size);
    width:var(--size);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.preloader>.circle{
    --duration:2s;
    position:absolute;
    height:inherit;
    width:inherit;
    background:#ffa5ab;
    border-radius:50%;
    -webkit-animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite;
    animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite
}
.preloader>.circle:nth-of-type(1){
    -webkit-animation-delay:0;
    animation-delay:0
}
.preloader>.circle:nth-of-type(2){
    -webkit-animation-delay:calc(var(--duration)/ -3);
    animation-delay:calc(var(--duration)/ -3)
}
.preloader>.circle:nth-of-type(3){
    -webkit-animation-delay:calc(var(--duration)/ -6);
    animation-delay:calc(var(--duration)/ -6)
}
.header-contacts__mail,.header-contacts__spec,.header-contacts__tel{
    color:#fff;
    font-weight:700;
    font-size: 18px;
    margin-right:10px
}
.header-contacts__spec{
    background:red;
    padding:10px;
    color:#fff;
    display:inline-block;
    margin-right:0;
    border-radius:8px
}
.header-contacts__spec a{
    color: #fff
}
.header-contacts__spec:focus{
    color:#fff
}
.header-contacts__spec:hover{
    color:#fff;
    border-radius:16px
}
a.address-footer__mail,a.address-footer__phone{
    display:block;
    margin-bottom:10px
}
a.address-footer__mail:hover span,a.address-footer__phone:hover span{
    color:#ff3737
}
a.address-footer__mail span,a.address-footer__phone span{
    color:#fff;
    transition:.4s
}
a.address-footer__mail i,a.address-footer__phone i{
    margin-right:5px
}
.sticker.sticker--new{
    color:#fff;
    background:#000
}
.sticker.sticker--stock{
    color:#fff;
    background:#ff3737
}
.single-feature-area:hover{
    cursor:pointer;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.66);
    margin-top:-15px
}
.header--other{
    background:#000
}
.header--other .logo-area{
    padding:15px
}
.feature-icon{
    margin:20px 0;
    text-align:center;
    position:relative
}
.scroll-up{
    position:fixed;
    bottom:50px;
    right:20px;
    background:#363636;
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:20px;
    padding-top:7px;
    padding-left:10px;
    z-index:100;
    display:none
}
.scroll-up__link{
    color:#fff
}
.first-img{
    transition:.4s
}
.product-img:hover{
    border-color:#ff3737
}
.product-img:hover .first-img{
    transform:scale(1.2)
}
.product-stock--ok{
    padding:3px 10px;
    background:green;
    color:#fff;
    display:inline-block
}
.product-stock--no{
    padding:3px 10px;
    background:red;
    color:#fff;
    display:inline-block
}
.modal-header{
    display:block;
    position:relative;
    margin-top:20px
}
.modal-header .close{
    top:0;
    right:20px;
    color:#000;
    border:none;
    opacity:1
}
.modal-header .close span{
    font-size:20px
}
.modal-about{
    color:#000
}
.modal-body{
    min-height:640px
}
.modal-title{
    font-size:24px;
    text-align:center;
    color:#000
}
.modal-footer{
    padding-top:0
}
.mobile-menu{
    color:#fff;
    font-size:20px
}
.nav .mobile-menu{
    position:absolute;
    right:40px;
    z-index:101;
    height:40px;
    padding-top:32px
}
.mobile-nav{
    position:fixed;
    width:100%;
    height:100%;
    z-index:100;
    top:90px;
    left:0;
    background-color:#000;
    display:none;
    padding: 15px 25px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.mobile-nav__list{
    list-style:none
}
.mobile-nav__list li{
    display:block
}
.mobile-nav__list a{
    color:#fff;
    font-size:22px;
/*     font-weight:500;
 */    text-decoration:none
}
.bars{
    position:relative;
    width:28px;
    height:4px;
    background-color:#fff;
    border-radius:4px;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}
.bars::after,.bars::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:4px;
    background-color:#fff;
    border-radius:4px
}
.bars::before{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.bars::after{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
}
.no-scroll{
    height:100%;
    overflow:hidden
}
.mobile-nav .social-link a{
    color:#fff;
    font-size:30px
}
.category-block{
    border:1px solid #000;
    margin-bottom:30px;
    transition:.4s;
    border-radius:6px;
    height:150px
}
.category-block__content{
    height:100%;
    padding:0 10px
}
.category-block:hover{
    box-shadow:0 2px 14px 0 rgba(0,0,0,.66)
}
.category-block:hover .category-block__title{
    color:#ff3737
}
.category-block__title{
    padding:10px 5px;
    font-size:14px;
    line-height:22px
}
.about-compnany{
    text-align:center;
    padding:15px
}
.about-compnany-cont{
    border-radius:8px;
    padding:10px 5px;
    box-shadow:0 2px 14px 0 rgba(0,0,0,.66)
}
.about-compnany__icon{
    font-size:40px;
    color:#ff3737
}
.about-compnany__text{
    font-size:20px
}
.section-title.akcii-titles h2,.section-title.akcii-titles span{
    color:#fff
}
.about-company__text{
    margin-bottom:20px
}
.about-company__list{
    list-style-position:inside;
    font-size:16px;
    padding:0 15px
}
.footer-bottom-area{
    color:#fff;
    background:#000
}
.logo-area img{
    margin: -20px;
}
.default-header-area .header-contacts{
    padding-top:30px
}
.footer-logo img{
    max-width:150px
}
.breadcrumb-menu li a:hover{
    color:#ff3737
}
.video-container{
    height:100%;
    overflow:hidden;
    position:relative;
    top:-70px
}
.video-container video{
    height:100%;
    width:100%
}
.video-text{
    position:absolute;
    top:40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    display:none;
    font-size: 50px;
    width: 40%;
    text-align: center;
}
.video-btn{
    position:absolute;
    bottom:20%;
    left:calc(50% - 145px);
    display:none
}
.video-btn__button{
    background:#ff3737;
/*     border:1px solid #fff;
 */    padding:10px 12px;
    border-radius:8px;
    color:#fff!important;
    display:block;
    margin-bottom:15px;
    width:290px;
    transition:.4s;
    text-align:center
}
.video-btn__button:hover{
    background:#fff;
    color:#000!important;
    cursor:pointer
}
.indecor-about--main{
    background:#fff
}
.card-body ul{
    list-style-position:inside
}
.header-select{
    color:#000;
    border-radius:8px;
    width:150px;
    margin-right:10px;
    height:40px;
    font-weight:700
}
.header-option{
    transition:.4s
}
.header-option:hover{
    background:#ff3737
}
.header-select span.current{
    color:#000;
    font-weight:700
}
.header-select-mob{
    display:none
}
.mobile-nav__list a:focus,.mobile-nav__list a:hover{
    color:#ff3737
}
.mobile-catalog img{
    display:none;
    margin:auto
}
.mobile-catalog{
    text-align:center
}
.mobile-catalog .about-btn{
    display:block;
    max-width:250px;
    margin:20px auto
}
@media (max-width:1200px){
    .category-block{
        height:170px
    }
    header .container-fluid.pl-60{
        padding-left:15px
    }
    .about-compnany__text{
        font-size:18px
    }
    .header-contacts{
        padding-left:0
    }
    .main-menu>li{
        margin:0
    }
    .main-menu{
        margin-left:-15px
    }
    .header-contacts__mail,.header-contacts__spec,.header-contacts__tel{
        margin-right:8px
    }
    .video-btn{
        bottom:14%
    }
}
@media (max-width:992px){
    .category-block{
        height:290px
    }
    .about-compnany__text{
        height:80px
    }
    .video-btn{
        bottom:5%
    }
}
@media (max-width:768px){
    .header-absolute{
        background: #000;
        position: relative;
    }
    .video-btn{
        top:70%;
        bottom: 0;
    }
    .about-video{
        height:300px!important
    }
    .category-block{
        height:210px
    }
    .video-btn{
        display:block;
    }
    .video-text{
        display:block;
        top:20%;
        color: #fff;
        font-size: 22px;
        width: 90%;
        font-weight: 600;
        text-align: center;
    }
    .scroll-up{
        bottom:100px;
        right:10%
    }
    .video-container{
        top:0;
        height:90vh;
        background:#000;
/*         background:url(../img/poster.jpg);
 */        background-size:cover;
        background-position:center
    }
    .video-container video{
        display:none
    }
    .header-select-mob{
        display:block
    }
    .footer-top-area{
        text-align:center
    }
    .logo-area{
        padding:20px 0
    }
    .header-contacts{
        text-align:center
    }
    .header-contacts__mail,.header-contacts__tel{
        display:none
    }
}
@media (max-width:576px){
    .breadcrumb-bg h2{
        font-size:24px
    }
    .product-list-item .col-lg-6{
        margin-bottom:20px
    }
    .header-contacts{
        display:none
    }
    .category-block{
        height:100%;
        text-align:center
    }
    .logo-area{
        padding:10px 0
    }
    .nav .mobile-menu{
        top:15px;
        font-size:35px
    }
    .category-block__title{
        text-align:center
    }
    .header-select{
        width:300px;
        margin:auto;
        margin-top:15px;
        font-size:20px
    }
    .header-select-mob{
        display:block
    }
    .product-area .product-tab-menu2,.product-area .tab-content{
        display:none
    }
    .mobile-catalog img{
        display:block
    }
    .single-feature-area{
        padding:10px
    }
    .single-feature-area .feature-content h3{
        font-size:12px
    }
    .feature-icon{
        width: 70px;
        margin: 0 auto;    
    }
    .header-contacts__spec{
        background:0 0
    }
}
@media (max-width:400px){
    .modal-body{
        height:700px
    }
    .feature-area .col-6{
        padding-left:5px;
        padding-right:5px
    }
    .single-feature-area{
        margin-bottom:10px
    }
    .about-video{
        height:250px!important
    }
}
.cars,.category{
    border:1px solid #000;
    margin-bottom:30px;
    padding:10px;
    transition:.4s;
    overflow:hidden;
    text-align:center;
    border-radius:6px;
    position:relative
}
.cars::before,.category::before{
    content:'';
    position:absolute;
    transition:.4s;
    opacity:0;
    bottom:0;
    right:0;
    background:#ff3737;
    background:-webkit-linear-gradient(135deg,transparent 35px,#ff3737 0);
    background:-moz-linear-gradient(135deg,transparent 35px,#ff3737 0);
    background:-o-linear-gradient(135deg,transparent 35px,#ff3737 0);
    background:linear-gradient(135deg,transparent 35px,#ff3737 0)
}
.cars::after,.category::after{
    content:url(../img/arrow-right.png);
    position:absolute;
    bottom:23px;
    right:21px;
    width:10px;
    height:10px
}
.cars:hover::before,.category:hover::before{
    width:50px;
    height:50px;
    opacity:1
}
.cars:hover,.category:hover{
    cursor:pointer;
    border-color:#ff3737
}
.category__img{
    transition:.4s
}
.cars:hover .category__img,.category:hover .category__img{
    transform:scale(1.2)
}
.category__title{
    font-size:20px;
    font-weight:500
}
.category__desc{
    font-size:16px
}
.config-body,.config-header{
    display:flex;
    padding:5px 0;
    border-bottom:1px solid;
    font-size:14px
}
.config-header{
    background:#ff3737;
    color:#fff
}
a.about-btn{
    cursor:pointer
}
#app a.about-btn:hover{
    color:#ff3737!important
}
.config__tovarName{
    margin:15px 0;
    cursor:pointer
}
.config-header__col{
    width:120px;
    border-right:1px solid #fff;
    padding-left:10px;
    display:flex;
    align-items:center
}
.config-body__col:nth-child(1),.config-header__col:nth-child(1){
    width:160px
}
.config-body__col:nth-child(1){
    font-weight:600
}
.config-body__col:nth-child(5),.config-header__col:nth-child(5){
    width:180px
}
.config-header__col:last-child{
    border-right:none
}
.config-body__col{
    width:120px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px
}
.config-table{
    position:relative;
    display:flex
}
.config-table__left{
    width:290px;
    border:2px solid #ff3737;
    padding:10px;
    height:420px
}
.config-table__right{
    width:800px;
    margin-left:10px
}
.form-checkbox{
    z-index:-1;
    opacity:0;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(0 0 0 0)
}
.form-checkbox+label{
    position:relative;
    padding:0 0 0 30px;
    cursor:pointer
}
input.form-checkbox+label:before{
    content:'';
    position:absolute;
    top:2px;
    left:0;
    width:17px;
    height:17px;
    border:1px solid #cdd1da;
    border-radius:50%;
    background:#fff
}
input.form-checkbox:checked+label:after{
    background:#ff3737;
    opacity:1
}
#app .about-btn{
    color:#fff
}
@media (max-width:1200px){
    .config-table{
        display:block;
        overflow-x:scroll
    }
    .config-table__left{
        margin-bottom:20px
    }
    .config-table__right{
        margin-left:0
    }
}
@media (max-width:830px){
    .config-table__right{
        display:block;
        overflow-x:scroll
    }
    .about-btn{
        display:block;
        margin-bottom:20px;
        text-align:center
    }
}
.car-container{
    position:relative;
    width:250px
}
.car-img{
    width:100%;
    overflow:hidden
}
.car-fill{
    position:absolute;
    left:75px;
    top:5px;
    height:76px;
    background:#a9cdcd
}
.config-input{
    width:100%
}
.config-input-readonly{
    border:none
}
 .header-style-5.header-sticky.is-sticky {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     padding: 10px 0;
     z-index: 999;
     box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);
/*      -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; */
     background: rgba(0, 0, 0, .95) !important;
}
 .default-header-area.is-sticky .header-contacts{
     padding-top: 15px;
}
 .default-header-area.is-sticky .logo-area{
     padding: 0;
}
 .default-header-area.is-sticky .main-menu>li{
     padding-top: 15px;
}
 input[type="number"].config-inputVal::-webkit-inner-spin-button {
     opacity: 1;
}
 .banner-mainpage-new {
     margin-top: -75px;
}
 .banner-mainpage{
     width: 100%;
     height: 100%;
}
 @media(max-width: 1200px){
}
 @media(max-width: 740px){
     .header-contacts{
         display: none;
    }
     .banner-mainpage-new {
         margin-top: 0;
    }
}
 @media(max-width: 500px){
     .banner-mainpage{
         max-height: 280px;
    }
     .banner-mainpage-new {
         margin-top: 0;
         display: block;
    }
}
 @media(max-width: 400px){
     .banner-mainpage{
         max-height: 235px;
    }
     .banner-mainpage-new {
         margin-top: 0;
          display: block;
    }
}
 .category-catalog-active {
     font-weight: bold;
}
 .nav-link {
     padding: 0.5rem 0rem;
     border-bottom: 1px solid;
     border-radius: 0;
}
 .nav .nav-link {
     border-radius: 0;
     font-size: 14px;
}