@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

    .sidebar-label {
        background-color: #000000;
    }


/*    body, input, button {
        font-family: 'Comfortaa', sans-serif;
        font: 'Comfortaa', sans-serif;
        font-weight: 600;
    }*/

/*    header {
        font-family:  'Comfortaa', sans-serif;
        font:  'Comfortaa', sans-serif;
        font-weight: 400;
    }

    section {
        font-family:  'Comfortaa', sans-serif;
        font:  'Comfortaa', sans-serif;
        font-weight: 600;
    }

    footer {
        font-family:  'Comfortaa', sans-serif;
        font:  'Comfortaa', sans-serif;
        font-weight: 300;
    }*/

/*колхоз для скрытия цен на карточке у гостя*/
/*<style><!--
 .distrInfoPrice, .fr-btn-row, .distrInfoDeadline, .distrInfoBlock, .distrInfoBuy {
 display: none;
 }
 --></style>*/

    .mainCatalogs, 
    .mainCarSelect {
        display: none;
    }


    .tochmash_fix {
        max-width: 260px;
        padding-top: 60px;
        padding-right: 20px;
    }

    .rolffix {
        max-width: 260px;
        padding-top: 60px;
        padding-right: 20px;
    }
    .rolffix__2 {
        max-width: 210px;
        padding-top: 50px;
        padding-left: 10px;
    }
    .carvfix {
        display: block;
        height: 270px;
        background: url(//f.nodacdn.net/451155);
    }

    .pekar {
        display: block;
        height: 260px;
        background: url(//f.nodacdn.net/451134);
    }

    @media (min-width:1366px) {
    /*
        .pekar {
            display: block;
            height: auto;
            background: url(//f.nodacdn.net/451134);
        }
*/
        .carvfix {
            display: block;
            height: auto;
            background: url(//f.nodacdn.net/451155);
        }
    }
/*
    .brands-1-2-block_fix {
        max-width: 170px;
        width: 100%;
        height: auto;
        padding-top: 30px;
        padding-right: 40px;
    }*/

    .link-ease-in-out {
        color: #666;
        line-height: 1;
/*        font-family: 'Roboto', 'Arial', sans-serif;
        font-style: regular;
        font-weight: 400;*/
        text-decoration: none;
        cursor: pointer;
        display: block;
        color: #555;
        border-radius: 0px 8px 8px 0px;
        font-size: 16px;
        padding: 5px;
        margin-top: 5px;
    }
    .link-ease-in-out:after {
        background-color: #FF073A;
        display: block;
        content: "";
        height: 2px;
        margin-top: 3px;
        width: 0%;
        -webkit-transition: width .4s ease-in-out;
        -moz--transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;
    }
    .link-ease-in-out:hover:after {
        width: 100%;
    }
    .home-block__carbrands {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        z-index: 2
    }
  
    @media screen and (min-width:768px) {
        .home-block__carbrands {
            margin-left: 15px;
            margin-right: 15px
        }
    }

    .home-link__carbrands {
        color: #353535;
/*        font-family: 'Roboto', sans-serif;
        font-style: regular;
        font-weight: 400;*/
        text-decoration: none;
/*        background-color: #ffffff;*/
        font-size: 20px;
/*        padding: 10px 6px 6px 6px;
        border-radius: 0 0 8px 8px;*/
/*        border-radius: 6px;*/
        transition: 0.3s;
    }
    .home-link__carbrands:hover {
        color: #FF073A;
    }


    .home-link__brandmod {
        color: #353535;
/*        font-family: 'Roboto', sans-serif;
        font-style: regular;
        font-weight: 400;*/
        text-decoration: none;
        font-size: 15px;
        border-radius: 7px;
        padding: 7px;
        transition:  .7s;

    }
    .home-link__brandmod:hover {
        color: #fff;
        background-color: #353535;

    }

    .home-wrapper__children__carbrands {
        padding-top: 20px;
        padding-left: 10px;
    }

    .home-wrapper__children__carbrands__2 {
        padding-top: 20px;
        padding-left: 100px;
    }


    .home-link__children__carbrands {
        display: block;
        text-decoration: none;
        color: #555;
        border-radius: 4px;
        font-size: 16px;
        padding: 10px;
        transition: 1s
    }
  
    .home-link__children__carbrands:hover {
        color: #fff;
        background: linear-gradient(120deg, #dd2518, #fff 180%);
    }
  
    .home-block-carbrands {
        width: 100%
    }
  
    @media screen and (min-width:768px) {
        .home-block-carbrands {
            width: calc(50% - 30px)
        }
    }
  
    .home-block-img {
        margin-left: auto
    }
  
    .home-block-img__carbrands__1 {
        width: 250px;
        padding-top: 40px;
    }
  
    .home-block-img__carbrands__2 {
        max-width: 200px;
        padding-top: 30px;
    }
  
    .home-block-img__carbrands__3 {
        max-width: 410px;
        padding-top: 6px;
    }
  
    .home-block-img__carbrands__4 {
        max-width: 260px;
        margin-top: -50px;
    }
    .home-block-img__carbrands__4fix {
        max-width: 240px;
        margin-top: -10px;
    }
  
    .home-block-img__carbrands__5 {
        max-width: 340px;
    }
  
    .home-block__maxCarbrands {
        width: 100%;
    }

    @media screen and (min-width:768px) {
        .home-block__maxCarbrands {
            width: calc(66.66667% - 30px)
        }
    }
  
    .home-block__minCarbrands {
        width: 100%
    }
  
    @media screen and (min-width:768px) {
        .home-block__minCarbrands {
            width: calc(33.33333% - 30px)
        }
    }
  
    .home-block-carbrands__red {
        background-color: #cb444e
    }
  
    .home-linkMain__center {
        text-align: center;
        color: #fff;
        margin-bottom: 50px
    }
  
    .home-linkMain__center:hover {
        color: #fff
    }
  
    .section1 {
        margin-bottom: 30px;
    }
  
    .section1__block-carbrands {
        width: 100%;
        /*margin-bottom: -15px;*/
        padding-left: 15px;
        padding-right: 15px
    }
  
    @media screen and (min-width:992px) {
        .section1__block-carbrands {
            width: 75%
        }
    }
  
    @media screen and (min-width:768px) {
        .section1__block-carbrands {
            padding-left: 0;
            padding-right: 0
        }
    }
  
    .section1-banner {
        display: none
    }
  
    @media screen and (min-width:992px) {
        .section1-banner {
            width: 25%;
            display: block
        }
    }
  
    .section1-banner-img {
        max-height: 530px
    }
  
    .section2 {
        margin-bottom: 30px;
    }
  
    .section2-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px
    }
  
    @media screen and (min-width:768px) {
        .section2-row {
            flex-direction: row
        }
    }
  
    .section2-img {
        max-width: 180px;
    }
  
    .section2-text {
        text-align: center;
        color: #555;
        font-size: 12px;
        margin-bottom: 15px
    }
  
    @media screen and (min-width:768px) {
        .section2-text {
            margin-bottom: 0
        }
    }
  
    .section3 {
        margin-bottom: 30px;
    }
  
    .section3-row {
        padding-left: 15px;
        padding-right: 15px
    }
  
    @media screen and (min-width:768px) {
        .section3-row {
            padding-left: 0;
            padding-right: 0
        }
    }
  
    .section4 {
        margin-bottom: 50px
    }
  
    .section4-img {
        display: block;
        margin: 0 20px;
        max-width: 120px
    }

    @media screen and (max-width:1190px) {
        .section1-banner {
            display: none;
        }
    }
  
    .section4 .swiper-wrapper {
        align-items: center
    }
  
    .section5-catalog {
        width: 100%
    }
  
    @media screen and (min-width:768px) {
        .section5-catalog {
            width: 30%
        }
    }
  
    .section5-brands {
        width: 100%
    }
  
    @media screen and (min-width:768px) {
        .section5-brands {
            width: 60%
        }
    }
  
    .section5-items-brands {
        width: 50%;
        margin-bottom: 15px
    }
  
    @media screen and (min-width:768px) {
        .section5-items-brands {
            width: 25%
        }
    }
  
    .section5-brands-link {
        margin-bottom: 30px;
        display: block
    }
  
    .section6,
    .section6-col {
        margin-bottom: 20px
    }
  
    .section6-col {
        width: 100%;
        color: #555;
        text-decoration: none;
        display: flex;
        flex-direction: column
    }
  
    @media screen and (min-width:400px) {
        .section6-col {
            width: 50%
        }
    }
  
    @media screen and (min-width:768px) {
        .section6-col {
            width: 25%
        }
    }
  
    .section6-span {
        color: #dc3545
    }
  
    .section6-img {
        width: 60%;
        margin: 0 auto
    }
  
    @media screen and (min-width:768px) {
        .section6-img {
            width: 70%
        }
    }
  
    .section6-wrapper-text {
        margin-top: 20px;
        text-align: center
    }
  
    .section6-img__4 {
        width: 30%
    }
  
    @media screen and (min-width:768px) {
        .section6-img__4 {
            width: 40%
        }
    }
  
    .product-link-main {
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
  
    .product-offer-blog-price-text {
        font-size: 12px
    }
  
    .product-offer-blog-quantity {
        color: #00b91e
    }
  
    .product-offer-blog-delivery {
        color: #d2b77e;
        font-size: 14px
    }
  
    .product-button-buy-img {
        font-size: 12px;
        display: block
    }
  
    @media screen and (min-width:992px) {
        .product-button-buy-img {
            display: none
        }
    }
  
    .product-button-buy-img.active {
        color: green;
        display: block
    }
  
    .product-button-buy-text {
        font-size: 12px;
        display: none
    }
  
    @media screen and (min-width:992px) {
        .product-button-buy-text {
            display: block
        }
    }
  
    .product-button-buy-text.active {
        color: #dc3545
    }
  
    .product-button-buy {
        background-color: #dc3545;
        color: #fff;
        border: 0;
        cursor: pointer;
        border-radius: 6px;
        padding: 5px 8px
    }
  
    .product-button-buy.active {
        background-color: #fff;
        border: 1px solid green
    }
  
    .product-button-buy.active:hover {
        background-color: green
    }
  
    .product-button-buy:focus,
    .product-button-buy:hover {
        outline-color: #a0252c;
        background-color: #a0252c
    }
  
    .product-button-buy:focus .product-button-buy-img,
    .product-button-buy:focus .product-button-buy-text,
    .product-button-buy:hover .product-button-buy-img,
    .product-button-buy:hover .product-button-buy-text {
        color: #fff
    }
  
    .product-button-delete {
        border-radius: 6px;
        border: 1px solid #dc3545;
        color: #dc3545;
        cursor: pointer;
        padding: 5px 8px;
        font-size: 13px
    }
  
    .product-button-delete:focus,
    .product-button-delete:hover {
        color: #fff;
        background-color: #dc3545
    }
  
    .product-offer-price {
        font-weight: 600
    }
  
    .product-offer-price:after {
        content: " ?"
    }
  
    .product-offer-row {
        justify-content: space-between;
        margin-bottom: 10px
    }
  
    .product-offer-blog {
        border-top: 1px solid #a6a6a6;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 10px
    }
  
    .product-img {
        width: 50%;
        cursor: pointer;
        margin: 0 auto 20px
    }
  
    .product-blog-params-all {
        margin-bottom: 20px
    }
  
    .product-params {
        border-bottom: 1px solid #dee2e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px
    }
  
    .product-params-value-all {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
        font-size: 13px
    }
  
    .product-params-value-array {
        margin-bottom: 5px
    }
  
    .product-blog-params-name {
        color: #555;
        font-weight: 600;
        padding-right: 5px;
        font-size: 13px;
        line-height: 13px
    }
  
    .product-blog {
        position: relative;
        border: 1px solid #a6a6a6;
        padding: 10px 15px;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
  
    @media screen and (min-width:576px) {
        .product-blog {
            width: calc(50% - 30px)
        }
    }
  
    @media screen and (min-width:768px) {
        .product-blog {
            width: calc(33.33333% - 30px)
        }
    }
  
    .product-blog-link {
        text-align: center;
        margin-bottom: 15px
    }
  
    .section7 {
        margin-bottom: 20px
    }
  
    .section7-product__100 {
        width: 100%;
        height: 100%
    }
  
    .section7 .swiper-container-autoheight .swiper-wrapper {
        align-items: stretch;
        margin: 0 -15px
    }
  
    .static h1,
    .static h2,
    .static h3,
    .static h4,
    .static h5,
    .static h6 {
        brd-block: #515151;
        font-weight: 600;
        line-height: 1.1
    }
  
    .static h1 {
        font-size: 30px;
        margin-bottom: 28px
    }
  
    .static h2 {
        font-size: 22px;
        margin-bottom: 11px
    }
  
    .static h3 {
        font-size: 18px;
        margin-bottom: 15px
    }
  
    .static h4 {
        font-weight: 700
    }
  
    .static h4,
    .static h5 {
        font-size: 13px
    }
  
    .static p {
        line-height: 22px;
        font-size: 12px
    }
  
    .static p,
    .static ul {
        color: #555;
        margin-bottom: 15px
    }
  
    .static ul {
        display: block;
        margin-left: 15px
    }
  
    .static ul li {
        position: relative;
        list-style: none;
        margin-bottom: 5px
    }
  
    .static ul li:after {
        position: absolute;
        top: 0;
        right: 100%;
        background: #dc3545;
        content: "";
        width: 5px;
        height: 5px;
        margin-right: 12px;
        margin-top: 8px;
        border-radius: 5px;
        font-weight: 700
    }
  
    .static a {
        color: #436174;
        cursor: pointer;
        transition: color .3s linear
    }
  
    .static a:focus,
    .static a:hover {
        color: #dc3545;
        text-decoration: none
    }
  
    .static td {
        vertical-align: baseline
    }
  
    .static .col-md-6 {
        width: 100%
    }
  
    @media screen and (min-width:768px) {
        .static .col-md-6 {
            width: 50%
        }
    }
  
    
  
    /*-----------------------------------*/
    html, body {
    margin: 0;
    padding: 0;
    }
  
    .pic-ctn {
    width: 100vw;
    height: 200px;
    }
  
    @keyframes display {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    10% {
        transform: translateX(0);
        opacity: 1;
    }
    20% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(0);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 0;
    }
    }
  
    .pic-ctn {
    position: relative;
    width: 100vw;
    height: 300px;
    }
  
    .pic-ctn > img {
    position: absolute;
    top: 0;
    left: -210px;
    opacity: 0;
    animation: display 8s infinite;
    height: 450px;
    }
  
    .brd-block {
        border-radius: 5px;
        /*transition:  0.8s;*/
        padding: 25px 0px 0px 25px;
    }

    .brd-block:hover {
        /*background-color: #dd2518;*/
        /*transform: scale(1.05);*/
    }
  

    img:nth-child(2) {
    animation-delay: 4s;
    }


    .row {
        margin-left: -15px;
        margin-right: -15px;
    }
  
    .col {
        padding: 0 15px;
    }
  
    .section1-banner {
        width: auto;
    }
  
    .section1 *,
    .section3 *,
    .section5 * {
        box-sizing: border-box;

    }
  
    .section2-text {
        padding: 0 50px;
    }
  
    .box-shadow {
/*        box-shadow: 5px 5px 9px 1px #ccc;*/
        box-shadow: 1px 1px 2px 1px #b3b3b3;
    }
  
    .row,
    .row-gutters {
        display: flex;
        flex-wrap: wrap;
    }
  
    .jc-sb {
        justify-content: space-between;
    }
  
    .catalogsCont {
        width: 100%;
        margin-bottom: 40px;
    }
  
    .catalogsCont ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
  
    .catalogsCont ul li {
        width: 19.2%;
        padding: 0 0 12px
    }
  
    .catalogsCont ul li a {
        position: relative;
        padding: 0 9px 0 10px;
        background: #efefef;
        color: #222;
        height: 50px;
        line-height: 1.2;
        font-size: 13px;
        text-decoration: none;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
  
    .catalogsCont ul li a:hover {
        background: #dbdbdb
    }
  
    .catalogsCont ul li a:hover:before {
        opacity: .6
    }
  
    .catalogsCont ul li a .fr-label.fr-label-success {
        padding-top: .3em;
        background-color: #3eaa05;
        margin-left: 7px
    }
  
    .catalogsCont ul li i {
        font-size: 34px;
        margin-right: 10px
    }
  
    @media (max-width: 1199px) {
        .catalogsCont ul li {
            width: 32.6%
        }
    }
  
    @media (max-width: 767px) {
        .catalogsCont ul li {
            width: 49%
        }
  
        .catalogsCont ul li a {
            font-size: 14px
        }
    }
  
    @media (max-width: 480px) {
        .catalogsCont ul li {
            width: 100%
        }
    }
  
    .col {
        padding: 0 15px;
    }
  
    .section1-banner {
        width: auto;
        height: auto;
    }
  
    .section1 *,
    .section3 *,
    .section5 * {
        box-sizing: border-box;
    }
  
    .section2-text {
        padding: 0 50px;
    }
  
    .row,
    .row-gutters {
        display: flex;
        flex-wrap: wrap;
    }
  
    .jc-sb {
        justify-content: space-between;
    }
  
    .catalogsCont {
        width: 100%;
        margin-bottom: 40px;
    }
  
    .catalogsCont ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
  
    .catalogsCont ul li {
        width: 19.2%;
        padding: 0 0 12px
    }
  
    .catalogsCont ul li a {
        position: relative;
        padding: 0 9px 0 10px;
        background: #efefef;
        color: #222;
        height: 50px;
        line-height: 1.2;
        font-size: 13px;
        text-decoration: none;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
  
    .catalogsCont ul li a:hover {
        background: #dbdbdb
    }
  
    .catalogsCont ul li a:hover:before {
        opacity: .6
    }
  
    .catalogsCont ul li a .fr-label.fr-label-success {
        padding-top: .3em;
        background-color: #3eaa05;
        margin-left: 7px
    }
  
    .catalogsCont ul li i {
        font-size: 34px;
        margin-right: 10px
    }
  
    @media (max-width: 1199px) {
        .catalogsCont ul li {
            width: 32.6%
        }
    }
  
    @media (max-width: 767px) {
        .catalogsCont ul li {
            width: 49%
        }
  
        .catalogsCont ul li a {
            font-size: 14px
        }
    }
  
    @media (max-width: 480px) {
        .catalogsCont ul li {
            width: 100%
        }
    }

    .head .headIn {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
/*        padding: 25px 15px;*/
        padding: 25px 15px 25px 15px;
        width: 100%;
    }

    .mainNav {
        clear: both;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
/*        padding: 15px 15px;*/
        padding: 5px 15px 0px 15px;
        position: relative;
        width: 100%;
    }