/*** Соблюдайте очередность стилей - СНАЧАЛА стили мобильных устройств, ЗАТЕМ переопределение под большие экраны ****/

html, body{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Slab', serif;}
a,a:hover{color: #CC2128}
.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Roboto Slab', serif;}
img{max-width: 100%;}
i.ar,.slick-arrow:before{border: solid #333;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;position: absolute;top: 35%;left: 35%;}
i.ar-right,.slick-next::before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
i.ar-left,.slick-prev::before{transform: rotate(135deg);-webkit-transform: rotate(135deg);}

.slick-arrow,.slick-arrow:hover,.slick-arrow:active,.slick-arrow:focus{width: 27px;height: 27px;display: block;background: #fff;z-index: 1;border-radius: 50%;opacity: .8;}
.slick-arrow::before{content: ''}
.slick-dots{bottom: 15px;}
.slick-dots li button:before{border: 1px solid #fff; border-radius: 50%; content:''; width: 12px; height: 12px;}
.slick-dots li.slick-active button:before{background: #fff;}
.about-pages img{margin-bottom: 20px;}

.header{background:#dedada;}
.header a{color: #333;}
.logo{width: 138px; height: 48px; background: url(../img/logo_top.png) no-repeat 0 0; display: block;background-size:contain;}
.btn-main{background: linear-gradient(167.23deg, #000000 -75.64%, #CC2128 72.05%);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);color: #fff;border: none; border-radius: 0;}
.btn-main:not(:disabled):not(.disabled).active, .btn-main:not(:disabled):not(.disabled):active{background:#CC2128}
.btn-hollow{background: #fff;color: #cc2128;border: 1px solid #cc2128;}

.feature{overflow: hidden;}
.slider-home{ display: none; color: #fff;}
.slider-home.slick-initialized { display: block;margin-bottom: 0;}
.slider-home .item{padding-top: 40px; min-height: 800px;background-size: cover;background-position: 100%;}
.slider-home .slick-arrow{opacity: .7;transition: all .2s linear}
.slider-home .slick-arrow:hover{opacity: 1;}
.slider-home .slick-prev{left: 15%;}
.slider-home .slick-next{right: 15%;}
.slider-form{position: absolute; bottom: 60px;left: 5px; right: 5px; max-width: 100%; padding: 20px;color: #fff;}
.slider-form,.slider-form [type="text"]{background: rgba(255, 255, 255, 0.1);border: 2px solid #FFFFFF;box-sizing: border-box;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);border-radius: 0}
.slider-form [type="text"]{border-width: 1px;color: #fff}
.slider-form label span{color: #CC2128;}
.slider-form .btn-main{width: 100%;}
.slider-form{bottom: 55px;z-index: 1;}
.slider-form .form-check-label a{color: #fff;text-decoration: underline;}
.slider-form .form-check-label a:hover{color: #fff;text-decoration: none;}
.slider-form label{ font-size: 12px;font-weight: normal;margin-bottom: 0;}

.outer.slick-arrow{top:20px;}
.outer.slick-next{right: 10px;}
.outer.slick-prev{right: 40px;left: auto;}
.feedback .outer.slick-arrow,#serts .outer.slick-arrow,#feedback .outer.slick-arrow{background: #434344;}
.feedback .outer.slick-arrow::before,.outer.slick-arrow::before,#feedback .outer.slick-arrow::before{border-color: #fff;}

.hits{background: url(../img/bg-hit.jpg);padding: 30px 0;overflow: hidden;}
.hits h2{color: #fff;margin-bottom: 30px;}
.hits .slick-slide{text-align: center;background: #fff;padding-bottom: 20px;margin: 5px}
.hits .slick-slide img{margin: 0 auto}
.hits .slick-dots{bottom: -45px}

.top .social{margin-top: 8px;}
.top .container{position: relative;}
.top .ymap-collapse{position: absolute;width: 100%;top:50px;z-index: 10;}
.top .ymap{background: #fff;padding: 20px;}
.top .ymap::before{content: '';position: absolute;left: 20px;top: -33px;border: 20px solid transparent;border-top: 20px solid #fff;transform: rotate(180deg);}
.top .address{margin-left: 40px;padding: 3px 0 3px 20px;position: relative;top: -5px;background: url(../img/marker-red.svg) no-repeat 0 50%;font-size: 12px;cursor: pointer;}
.top .nav a{color: #434344;text-transform: uppercase;text-decoration: none}
.top .nav .dropdown-menu a:hover,.top .nav a.dropdown-item.active, .top .nav a.dropdown-item:active{color: #fff;background: #cc2128;}
.top.header{padding: 10px 0;color: #fff}
.top.header .email,.top.header .callback{padding-top: 10px;}
.top.header a{color: #fff}

.search{position: relative;}
.search .search-text{width: 100%;padding: 10px;font-size: 14px;}
.search .search-submit{background: url(../img/search.png) no-repeat 50%; border: none; width: 40px; height: 100%;position: absolute;top: 0;right: 0;cursor: pointer;}
.search .search-submit:hover{opacity: .7;}

.breadcrumb-item+.breadcrumb-item::before{content:'>'}

.feedback{overflow: hidden;}
.slider-feedback .item{background: linear-gradient(169.09deg, #000000 2.46%, #DCDBDB 165.38%);padding: 10px;color: #fff}
.slider-feedback .item .name{font-weight: bold;}
.slider-feedback .item .date{font-size: 12px;}
.slider-feedback .item .text{margin-top: 30px;line-height: normal;font-style: italic}
.slider-feedback .slick-dots{bottom: -30px;}
.slider-feedback .slick-dots li button:before{border-color: #000;}
.slider-feedback .slick-dots li.slick-active button:before{background: #000;}
.slider-feedback .image{display: flex;width: 120px; height: 120px; overflow: hidden; border-radius: 50%}
.slider-feedback .image img{margin: auto;}

.catalog .nav-tabs{border: 1px solid #8A8A8A;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);background: linear-gradient(159.7deg, #000000 -1.25%, #DEDEDE 154.6%);display: flex;margin-bottom: 20px;}
.catalog .nav-tabs .nav-item{width: 50%; display: block;margin-bottom: 0;position: relative;}
.catalog .nav-tabs .nav-link{border-radius: 0;border: none; color: #4F4F4F;font-family: 'Roboto Slab', serif;background: #fff;}
.catalog .nav-tabs .nav-link.active{color: #fff;background: transparent}
.nav-link .sec-prev, .nav-link .sec-next{display: none;}
.nav-link.active .sec-prev,.nav-link.active .sec-next{position: absolute;top: -40px;left: 0;width: 27px;height: 27px;display: block;border-radius: 50%;background: #fff;border: 1px solid #C2C2C2;text-align: center;line-height: normal;}
.nav-link.active .sec-next{left: 37px;}

.catalog .tab-content .wrap{display: flex;flex-direction: row;flex-wrap: wrap}
.catalog .tab-content .item{margin-bottom: 30px;overflow: hidden;display: block;width: 50%;padding:5px}
.catalog .tab-content .item:hover{text-decoration: none}
.catalog .tab-content .item.order{background: url(../img/order.png) no-repeat 50%;box-shadow: none;overflow: visible}
.catalog .tab-content .image{height: 110px;overflow: hidden;display: flex;}
.catalog .tab-content .image img{max-width: initial; width: 100%; margin:auto}
.catalog .tab-content .line{background: url(../img/section-line.png) no-repeat 0 0;background-size: 100% 100%;height: 25px;position: relative;margin-top: -25px;}
.catalog .tab-content .name{background: url(../img/section-bg.png) repeat 0 0;padding:5px 10px;color: #fff;min-height: 60px;font-size: 14px; line-height: normal;}
.catalog .tab-content .item.order .name{width: 100%;color: #000;background: transparent;text-align: center;padding-top: 40px;display: block;font-weight: bold;}
.catalog-section .item{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);display: block;padding: 10px;margin-bottom: 30px;}
.catalog-section .item:hover{text-decoration: none;}
.catalog-section .image{height: 160px;overflow: hidden;display: flex;margin-bottom: 30px;}
.catalog-section img{height: 100%; margin:auto;opacity: 1;transition: all .2s ease-in-out}
.catalog-section .item:hover img{opacity: .8;}
.catalog-section .name{color: #000;text-align: center}
.catalog-section .btn-order{width: 80%; margin: 15px auto;display: block}

.product .slider-for{box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);margin-bottom: 15px}
.product .slider-nav{max-width: 90%;margin: 10px auto}
.product .slider-nav .slick-slide{outline: none}
.product .slider-nav .wrap{box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);margin:5px;border: 2px transparent;box-sizing: border-box}
.product .slider-nav .slick-current .wrap{border: 2px solid #CC2128;}
.product .slider .slick-arrow{background: #C2C2C2;}
.product .slider .slick-arrow:hover{background: #434344;}
.product .slider .slick-arrow::before{border-color: #fff;}

.prod-tabs{width: 100%}
.prod-tabs .nav-tabs .nav-link{color: #000;font-weight: 600;font-size: 16px;}
.prod-tabs .tab-content{padding: 15px}

.form-bg{background: url(../img/texture.jpg) no-repeat 0 0; background-size: cover;}

.footer{background: url(../img/bg-footer.jpg) 0 0 no-repeat; background-size:cover; padding: 40px 0}
.footer .logo{background-image: url(../img/logo_bot.svg);}
.footer a, .footer p{color: #fff}
.footer .address,.footer ul{min-width: 200px;}
.footer .address{padding-left: 20px;background: url(../img/footer-address.png) 0 50% no-repeat;}
.footer .phones{padding-left: 20px;background: url(../img/footer-call.png) 0 50% no-repeat;}
.footer .email{padding-left: 20px;background: url(../img/footer-mail.png) 0 50% no-repeat;}
.social a{height: 23px;width: 23px;display: inline-block;margin-right: 5px;background: url(../img/social/vk_black.svg) no-repeat 50%;}
.social a:hover{background-image: url(../img/social/vk.svg)}
.social a.yo{background-image: url(../img/social/youtube_black.svg)}
.social a.yo:hover{background-image: url(../img/social/youtube.svg)}
.social a.sk{background-image: url(../img/social/skype_black.svg)}
.social a.sk:hover{background-image: url(../img/social/skype.svg)}
.social a.wa{background-image: url(../img/social/whatsapp_black.svg)}
.social a.wa:hover{background-image: url(../img/social/whatsapp.svg)}
.social a.vr{background-image: url(../img/social/viber_black.svg)}
.social a.vr:hover{background-image: url(../img/social/viber.svg)}
.developers a{display: block;width: 148px; height: 0;padding-top: 43px; background: url(../img/electron.png) no-repeat 0 0;overflow: hidden;}

.breadcrumb{margin-top: 10px;}
.breadcrumb a{color: rgba(0, 0, 0, 0.5);}
.breadcrumb-item.active{color: rgba(0, 0, 0, 0.7);}

.news .item{margin-bottom: 30px;}
.news .image{display:block;margin-bottom: 10px;}
.news .name{font-weight: bold;margin-bottom: 10px}
.news .date{display: block; opacity: .5;margin-bottom: 10px;}

.select-form{max-width: 800px;}
.select-form .h2{background: rgba(0, 0, 0, 0.65);color: #fff;}

    .page-item.active .page-link {
        background: linear-gradient(167.23deg, #000000 -75.64%, #CC2128 72.05%);
        border-color: #CC2128;
    }
    .page-link:hover {
        color: #CC2128;
    }
    .page-link {
        color: #CC2128;
    }
    
    .products-list .product {
        width:100%;
        max-width:100%;
        flex: 0 0 100%;
    }
    .row .product img {max-height:160px;}

    .products-list .product>div {
        flex-direction:row!important;
        align-items: baseline;
        text-align:left;
        height:100%;
    }

    .products-list .product>div>div {
        flex-direction:row!important;
        align-items: start;
        display:flex;
        width:100%;
    }
    
    .product-txt>div {display:none;}
    .products-list .product-img {width:25%;text-align:center;}
    .products-list .product-txt {width:75%;padding:0 1rem;max-height:initial;}
    .products-list .product-txt>div {display:block;}
    .products-list .product-txt>p {font-size:1.4rem;font-weight:600;}



/*.fancybox-content{padding: 30px}
.fancybox-content .h2{background: #000;color: #fff;margin: -30px -30px 0 -30px;padding: 20px 30px;margin-bottom: 20px;}
.fancybox-slide--html .fancybox-close-small{padding: 0px;right: 10px;top: 20px;color: #fff}
.form-control{border-radius: 0}
.fancybox-content label{margin-bottom: 2px}
.fancybox-content #desc{min-height: 95px;}
.fancybox-content .btn-main{padding: 10px 40px}
.fancybox-image{width: unset;}
*/
.fancybox-image{width: unset;}

.sisea-search-form .search-text.btn-transparent{
    padding:5px;
    margin-bottom: 5px;
}


.sisea-search-form .search-submit{
    margin:0 auto ;
}

@media(min-width: 768px){

   .header{background: linear-gradient(113.71deg, #434344 6.69%, #BBBBBC 25.34%, #000000 77.95%);}

   .slider-form{bottom: 20px;left: auto;}
   .slider-home .item{min-height: 450px;}

   .catalog .nav-tabs .nav-link{padding:10px 0 10px 40px;font-size: 24px;}
   .catalog .tab-content .item{width: 33%;margin-bottom: 10px;}
   .catalog .nav-link.active .sec-prev, .nav-link.active .sec-next{left: auto;right: 10px;top: 50%; transform: translateY(-50% );opacity: .65;transition: all .1s ease-in-out}
   .catalog .nav-link.active .sec-prev:hover, .nav-link.active .sec-next:hover{opacity: 1;}
   .catalog .nav-link.active .sec-prev{right: 50px;}
   .catalog .tab-content .item.order .name{padding-top: 20px;}
   .catalog .tab-content .image{height: 170px}
   .prod-tabs{border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);margin-top: 40px}
   .prod-tabs .nav-tabs{max-width: 98%;margin: 0 auto}
   .prod-tabs .nav-item.show .nav-link, .prod-tabs .nav-link.active, .prod-tabs .nav-link:focus, .prod-tabs .nav-link:hover{border-color: transparent; border-bottom: 4px solid #CC2128;}
   .prod-tabs .nav-tabs .nav-link{padding: 10px;}

   .feedback .slick-slide{margin-right:10px;padding: 20px}
   .slider-serts .slick-slide, .news .slick-slide{margin-right: 20px;}
   
   .outer.slick-next{right: 20px;}
   .outer.slick-prev{right: 60px;left: auto;}

   .img-detail{max-width: 50%;}

   .dropdown:hover>.dropdown-menu {display: block;}
   .dropdown>.dropdown-toggle:active {pointer-events: none;}

   .breadcrumb{padding: 0;background: transparent;margin-bottom: 20px;margin-top: 20px}
}

@media (min-width: 992px) {
   .catalog .tab-content .wrap{justify-content: space-between;}
   .catalog .tab-content .item{width: 19%;margin-bottom: 30px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);padding: 0;}
   .catalog .tab-content .name{min-height: 50px;}
   .prod-tabs .nav-tabs .nav-link{padding: 20px}
   .fancybox-content{min-width: 476px}
}


@media (min-width: 1200px) {
   h1,h2,.h1,.h2{margin-bottom: 40px;}
   h2,.h2{font-size: 36px}
   body {min-height: 100vh;position: relative; margin: 0;padding-bottom: 245px;}
   .footer{position: absolute;bottom: 0;width: 100%;}
   .slider-home .h3{font-size: 36px;margin-bottom: 30px;margin-top: 70px;}
   .slider-home .text{font-size: 22px;}
   .hits .slick-slide{margin: 10px}
   .feedback .slick-slide{margin: 10px;}
}