@font-face
{
    font-family: Raleway;
    src: url('fonts/Raleway.ttf');
}


html, body {
    font-family:normal, Raleway, sans-serif;
    font-size: 16px;
    padding-top: 34px;
}
*{
    margin: 0;/*обнуление отступов*/
    padding: 0;/*обнуление полей*/
    box-sizing: border-box;/*метод расчета размеров бокса*/
    font-family: normal,'Raleway', sans-serif;/*название шрифта*/
}



body {
    display: flex;/*флексбокс сетка*/
    flex-direction: column;/*направление главной оси*/
    justify-content: flex-end;/*элементы в конце контейнера*/
    min-height: 100vh;
}

.fixed
{
    display: flex;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}






/**
HEADER STYLES
 */

.navigation
{
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding-left: 58px;
    padding-right: 58px;
    max-width: 1440px;
    margin: 0 auto;
}

.nav-icons
{
    margin-right: 40px;
}

.navigation a.icons-link
{
    padding-left: 0;
    padding-right: 20px;
}

.nav-button
{
    margin-right: 20px;
}

.logo
{
    width: 174px;
    height: 42px;
    flex-shrink: 0;
}

.navigation
{
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 100%;

}
.navigation a,
.navigation .nav-link{
    color:  #FFF;
    text-decoration: none;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
}

.navigation .navbar-toggler-icon
{
    color: #fff;
}

.navigation a:hover
{
    color:#FFCD05;
}



.padding-right-40
{
    padding-right: 40px;
}

a.yellow-button
{
    display: flex;
    background:#FFCD05 ;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    color:  #231F20;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    border-radius: 4px;
}

.logo:hover
{
    opacity: 0.8;
    color:#000;
}

.nav-icons
{
    display: flex;


}
.phone-top
{
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    padding: 0;
    margin-bottom: 0;
}
span.regim-work
{
    color: #E1DDDE;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}
.tel-reg
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    line-height: 0;
}
.tel-reg a,
.tel-reg span
{
    padding-right: 0;
}

/**
END HEADER STYLES
 */


/**
FOOTER STYLES
 */


footer
{
    min-height: 370px;
    padding-top: 65px;
    padding-bottom: 65px;
}

.background-grey
{
    background: #F8F8F8;
}
.footer-logo
{
    margin: 0 16px;
    display: flex;
    flex-direction: column;
}

.footer-phone
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}
.footer-phone-desc
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    margin-bottom: 8px;
}

.footer-phone-text
{
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    max-width: 285px;
    margin-bottom: 8px;
}

.footer-phone-mail a,
.footer-phone-site a
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    text-decoration: none;
    margin-bottom: 8px;
}

.f-phone,
.footer-sub-menu li
{
    margin-bottom: 8px;
}

.sub-title-menu
{
    color:  #231F20;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 144.444% */
    text-transform: uppercase;
    margin-bottom: 16px;
}

.footer-sub-menu{
    padding: 0;
}
.footer-sub-menu .item-menu
{
    list-style: none;
}
.footer-sub-menu .item-menu a
{
    color: #555152;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-decoration: none;
    margin-top:4px;
    margin-bottom: 4px;
    display: flex;
}

/**
END FOOTER STYLES
 */


/**
FIND PARTNERS STYLES
 */

.find-partner
{
    background:#231F20 ;
    display: flex;
    min-height: 360px;
}

.map-svg
{
    margin: 23px 0;
    max-width: 428px;
    height: 314px;
    flex-shrink: 0;
    opacity: 0.9;
    display: flex;
    flex-direction: column;
}

.map-svg-title
{
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-top: 80px;
    margin-bottom: 16px;
}

.map-svg-desc
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/H3 */
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    margin-bottom: 24px;
}

.map-svg-button
{
    display: flex;
    align-items: center;
    gap: 10px;

}

.map-svg-button a
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    padding:  16px 24px;
    text-decoration: none;
    border-radius: 4px;
    background:  #FFCD05;
}

/**
END FIND PARTNER STYLES
 */


/**
START FEEDBACK FORM STYLES
 */

.form-image
{
    display: flex;
    margin-left: 58px;
    margin-top:122px;
    margin-bottom: 80px;
}

.form-feedback-title
{
    display: flex;
    margin-top: 80px;
    margin-bottom: 40px;
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
}

.feedback-form-input
{
    display: flex;
    width:100%;
    max-width:620px;
    height: 77px;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid  #E1DDDE;
    background: #FFF;
    margin-bottom: 24px;
}

.feedback-form-submit
{
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 4px;
    background:  #FFCD05;
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
}


.feedback-form-sect
{
    display: flex;
    background:#F8F8F8 ;
}
/**
END FEEDBACK FORM
 */


/**
START PRIEMUSHESTVA
 */

.priem-wr
{
    justify-content: space-between;
    margin-bottom: 80px;

}
.priem-card
{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 276px;
}
.priem-icon
{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.priem-title
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-bottom: 60px;
    margin-top: 54px;
    padding-left: 10px;
    margin-left: 0;

}
.news-art-text p
{
    padding-left: 0;
    padding-right: 0;
}

.product-info p
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;
    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.priem-text
{
    color:  #555152;
    text-align: center;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}

/**
END
 */


/**
START ABOUT US
 */

.about-us-section
{
    background:#231F20 ;
    display: flex;
}

.about-title
{
    color:  #FFF;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-top: 54px;
    padding-left: 10px;
    margin-bottom: 56px;
    display: flex;
}

.about-photo
{
    max-width: 540px;
    height: 370px;
    flex-shrink: 0;
    margin-left: 0px;
    margin-bottom: 80px;

}

.about-photo img
{
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.about-wr
{
    display: flex;
    justify-content: space-between;
}
.a-text
{
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    margin-bottom:20px;
    display: flex;
    //margin-left: 20px;
}


/**
END
 */


/**
START CATEGORIES
 */

.categories
{
    background: #F8F8F8;
    padding-top:80px;
    padding-bottom: 80px;
}


.cat-title
{
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */

}

.cat-wr
{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.cat-card
{
    background: #fff;
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    flex-direction: column;
    justify-content: center;
    width: 48%;
}
.cat-photo
{

    height: 320px;
    flex-shrink: 0;
    background-position:center center;
    background-size: contain;
    display: flex;
    justify-content: center;
}

.cat-name
{
    color:  #231F20;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    padding-left:30px;
    padding-bottom: 32px;
    padding-top: 32px;
}

.cat-card-link
{
    display: block;
    text-decoration: none;
}

.card-0
{
    width:48%
}

.card-1,
.card-2
{
    width:25%;
}
.card-326
{
    width: 32.6%;
}
/**
END
 */

/**
START SLIDER
 */

.slider
{
    max-height: 760px;
}
.slider-wr
{
    display: flex;
    padding: 0;

}
.slick-dots
{
    bottom:40px;
}


.slick-dots li.slick-active button:before
{
    width: 12px;
    height: 12px;
    color:#FFCD05;
    font-size: 12px;
    opacity: 1;
}
.slick-dots li button:before
{
    width: 12px;
    height: 12px;
    font-size: 12px;
    color:#FFCD05;
    opacity: 0.7;
}

.slider-wr .slide,
.slider-wr .slider-img
{
    width:100%;
    height: auto;
    min-height:  560px;
}


.background-video
{
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: absolute;

}
/**
END
 */

/*
START NEWS PAGE
 */
.news-sect
{
   background: #F8F8F8;
}

.news-wr
{
    background:#fff ;
    margin-bottom:24px;
}

.news-title
{
    color: #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: "Raleway",sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-bottom: 54px;
    margin-top: 54px;

}
.srav-title
{
    margin-bottom: 56px;
}

.news-title-in
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: "Raleway",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    padding-top: 32px;
    padding-left: 20px;
    height: 90px;
    overflow: hidden;
}
.news-preview
{
    display: flex;
    height: 312px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    background-size: cover;

}

.news-desc
{
    color:  #555152;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 20px;
    height: 70px;
    overflow: hidden;
}
.hidden
{
    display: none;
}
.news-date
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    margin-bottom: 32px;
    padding-left: 20px;
}

.news-link
{
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background:  #FFCD05;
    color:  #231F20;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    text-decoration: none;
    justify-content: center;
}

.news-but
{
    padding-left: 20px;
}

.news-akciya
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px; /* 157.143% */
}


/**
END
 */


/**
START PAGINATOR
 */

.paginator
{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.paginator .page-link
{
    color:  #231F20;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    border-radius: 4px;
    background:  #fff;
    margin-left:4px;
    margin-right: 4px;
    border: 0;
}

.paginator .page-item.active .page-link
{
    background:#FFCD05 ;
}

.flex
{
    display: flex;
}

.items-center
{
    align-items: center;
}

.justify-between
{
    justify-content: space-between;
}

.no-decoration
{
    text-decoration: none;
}

.download-sect
{
    padding:0px 0px;
    background: #F8F8F8;
    display: flex;
}
.down-title-in
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    padding-top: 43px;
    padding-bottom: 43px;
}

.down-icon
{
    padding-top:24px;
    padding-bottom: 24px;
}

.down-wr
{
    max-width: 876px;
    background: #fff;
    margin-bottom: 32px;
}


.container-58
{
    padding-left: 58px;
    padding-right: 58px;
    justify-content: space-between;
    width: 100%;
    display: block;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}

.news-art-title
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-bottom: 24px;
    padding-top: 54px;
}


.news-art-date
{
    color:  #555152;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 56px;
}

.news-art-image
{
    display: flex;
    height: 480px;
    flex-direction: row;
    width: 100%;
}

.news-art-text
{
    margin-top: 56px;
    margin-bottom: 56px;
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.partner-art-title
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-top:54px;
    margin-bottom: 16px;
}

.partner-art-subtitle
{
    color:  #555152;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-bottom: 56px;
}

.partner-add-input
{
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid  #E1DDDE;
    background: #FFF;
    width: 100%;
    max-width: 652px;
    height: 76px;
    margin-bottom: 16px;
    color: var(--neutral-colors-black, #231F20);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.partner-add-textarea
{
    display: flex;
    width: 100%;
    max-width: 652px;
    height: 160px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid  #E1DDDE;
    background: #FFF;
    color: var(--neutral-colors-black, #231F20);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.partner-add-checkbox
{
    margin-top: 16px;
    margin-bottom: 16px;
    display: block;
    position: relative;
    float: left;

}

.partner-add-checkbox-label
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px; /* 150% */
    display: flex;
    padding-left: 8px;
}
.partner-add-checkbox
{
    width: 32px;
    height: 32px;
    border-radius: 5px;
}
.partner-add-checkbox:checked
{
    accent-color:#FFCD05 !important;
}

.partner-add-submit
{
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #FFCD05;
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    border: 0;
    margin-bottom:132px;
}

.breadcrumbs
{
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin-top: 32px;
}

.service-page .top-block-left p,
.service-page .top-block-left,
.service-page .top-block-left span
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 26px !important; /* 144.444% */
}

.service-page li
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    margin-bottom: 16px;
}

.breadcrumbs a
{
    display: inline-block;
    position: relative;
    float: left;
    width: auto;
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin-bottom: 24px;
    padding: 0;
}

.catalog-cat-name
{
    color:  #231F20;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-top:16px;
    margin-bottom: 4px;
    min-height: 56px;
    padding: 0 20px;

}

.inner-cat-wr
{
    border: 1px solid  #E1DDDE;
    background: #FFF;
    margin-bottom:24px ;
}

.catalog-product-count
{
    color:  #A5A1A2;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin-bottom: 32px;
}

.catalog-wr
{
    margin-bottom: 80px;
    margin-top: 56px;
}

.best-price-wr
{
    background:#F8F8F8 ;
    overflow: hidden;
    padding-bottom: 74px;
}


.best-price-title
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-top: 86px;
    margin-bottom: 56px;
}

.card
{
    display: flex;
    flex-direction: column;
    border: 1px solid #E1DDDE;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 0;
    min-height: 494px;

}

.company-page
{
    background: #F8F8F8;
}


.slick-prev,
.slick-next
{

    font-size: 25px;
    z-index: 98;
    width: 64px;
    height: 64px;
}
.slick-prev::before,
.slick-next::before
{
    width: 64px;
    height: 64px;
    font-size: 64px;
    color:#524f4f;
    opacity: 0.4;
}
.card-info-wr
{
    padding-top: 16px;
    padding-bottom: 32px;
    padding-left: 30px;
    padding-right: 30px;
}

.card-name
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    height: 110px;
    overflow: hidden;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc;

}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #FFCD05;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #FFCD05;
}

.card-sku
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    margin-top: 8px;
    margin-bottom:16px;
}

.card-price
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H3 */
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
}

.sale-flag
{
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 16px;
    top: 16px;
}
.justify-center
{
    justify-content: center;
}
.best-price-link
{
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 10px;

    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    justify-content: center;
    border-radius: 4px;
    background:  #FFCD05;
    max-width: 167px;
    margin-top: 32px;
}

.new-products-wr
{
    padding-bottom: 80px;
    overflow: hidden;
}

.cat-sub-wr
{
    margin-top: 56px;
    margin-bottom: 80px;
    display: flex;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}
.category-sub-wr
{
    border: 1px solid #E1DDDE;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-width: 428px;
    margin-bottom: 20px;
}
.col
{
    flex-direction: column;
}

.sub-info
{
    display: flex;
    padding: 16px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.subcat-name
{
    color:  #231F20;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size:17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 140% */
    margin-bottom: 4px;
    height: 84px;
}

.subcat-count
{
    color:  #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}


.category-page-catalog-wr
{
    background: #F8F8F8;
    padding-top: 80px;
    padding-bottom: 80px;
}

.card-category-page
{
    max-width: 316px;
    margin-bottom: 24px;

}

.accordion-button:not(.collapsed)
{
    background-color:#FFFFFF;
}
.no-border
{
    border: 0;
}

.bg-gray-cat
{
    background: #F8F8F8 !important;

    padding: 0;
    padding-bottom: 8px;
    border:0px;
    border-radius: 0;
}
#accordionRoot > div:nth-child(1),
#accordionRoot > div:nth-child(2),
#accordionFilter > div
{
    border:0;
}

#accordionRoot .accordion-item:first-of-type,
#accordionFilter .accordion-item:first-of-type,
#accordionFilter .accordion-item:last-of-type,
#accordionRoot .accordion-item:last-of-type
{
    border-radius: 0;
}
.pad-l-10
{
    padding-left: 10px;
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.filter-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.yellow-text
{
    color: #FFCD05;
    color: var(--primary-colors-yellow, #FFCD05);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}
.yellow-text:hover
{
    opacity: 0.7;

}
.yellow-text svg
{
    transition: all 0.25s ease-out;
}




.yellow-text:hover>svg
{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);

    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform: 50% 50%;
    transition: all 0.25s ease-out;

}

.accordion-button:not(.collapsed)::after
{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 4px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 2px;
    background-color:  #FFCD05;
    background-size: contain;
}

.sub-links
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    display: flex;
    padding-bottom: 8px;
}

#accordionFilter
{
    margin-top: 24px;
}


.product-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-top: 24px;
    margin-bottom: 24px;
}

.product-sku
{
    color: var(--neutral-colors-grey, #A5A1A2);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 56px;
}
.services-slider {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.nav-container
{
    padding-left: 20px;
}
.nav-container
{
    min-width: 121px;
    width: 14%;
    display: flex;
    flex-direction: column;
}

.product-nav-image:hover,
.nav-container .slick-current .product-nav-image
{
    border:1px solid #ccc;
}

.slider-main {
    width: 100%;
}

.main-container {
    display: flex;
    flex-direction: column;
    width: 85%;
}

.nav-container img {
    max-height: 135px;
}

.nav-container .slick-slide {
    max-height: 135px;
    margin-bottom: 18px;
    display: flex;
    width: 100%;
    justify-content: center;
}
.slider-wr a
{
    height: 560px;
    width: 100%;
    display: block;
    position: relative;
    float: left;
}
.nav-container .prev,
.nav-container .next
{

    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.border-1-gr
{
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);
    background: #FFF;
}

.mb-32
{
    margin-bottom: 32px;
}

.product-info
{
    margin-top:32px;
    margin-bottom:56px;
}

#productTab .nav-link
{
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border:0px;
    color: #A5A1A2;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-bottom:32px;
}
#productTab .nav-link:hover
{
    opacity: 0.6;
}

.sale-wr-border:hover,
.card:hover,
.cat-card:hover,
.inner-cat-wr:hover,
.category-sub-wr:hover
{
    /* Shadow */
    box-shadow: 0px 2px 20px 0px rgba(30, 30, 30, 0.10);
}

#productTab .nav-link.active
{
    color: #000;
}

#productTab
{
    border: 0;
}

.product-video-title
{
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margon-bottom:24px;
}

.product-wideo-wr
{
    margin-bottom:80px;
}

#productTab .nav-link.active
{
    border-bottom: 1px solid var(--primary-colors-yellow, #FFCD05);
}

.add-to-fav
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}
.product-price
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-top:16px;
    margin-bottom: 24px;
}

.product-button a
{
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--primary-colors-yellow, #FFCD05);
    color: #231F20;
    margin-bottom:16px;
}
.product-button a:hover
{
    opacity: 0.7;
}

.product-price-desc span
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 32px;
}

.characteristic-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-top:32px;
}

.attrib-wr
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 8px;
}

#sort_by option
{
    background:#E1DDDE;
    border: 1px solid #E1DDDE;
}

.text-right
{
    text-align: right;
}

.news-but
{
    max-width: 220px;
}

#sort_by
{
    margin-bottom: 20px;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    background: transparent;
    border:0;
    width: 100%;
    max-width: 315px;
}




.price-filter
{
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;

}

.akcii-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    margin-top:18px;
    margin-bottom:16px ;
}



.js-center
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sale-wr-border
{
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);
    margin-bottom:16px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
}

.sale-product-name
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    margin-bottom: 8px;
}

.sale-product-sku
{
    color: var(--neutral-colors-grey, #A5A1A2);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    margin-bottom: 16px;
}

.sale-product-price
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H3 */
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
}


.service-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H1 */
    font-family: Raleway;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px; /* 118.182% */
    margin-bottom:56px;
    margin-top: 54px;

}

.top-block-right
{
    justify-content: flex-end;
    display: flex;
}

.mar-bottom-124
{
    margin-bottom: 124px;
}
.service-consult
{
    justify-content: center;
    align-items: center;
    display: flex;
    padding-top: 46px;
    padding-bottom: 46px;

}
.rows-wr
{
    max-width: 736px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.rows-wr h2

{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-bottom: 16px ;
    margin-top: 30px;
}

.rows-wr p
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.bottom-service-block
{
    padding: 80px 112px;
}

.bottom-service-block h2,
.news-page h2
{
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-bottom: 32px;
}
.top-block-left p
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.bottom-service-block p
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;
    align-self: stretch;
    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}
.bottom-service-block li
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.bottom-service-block ul,
.top-company-block ul,
.proizvodstvo-wr ul
{
    list-style: none;
}

.bottom-service-block ul li::before,
.top-company-block ul li::before,
.proizvodstvo-wr ul li::before
{
    content: "\2022";
    color: #FFCD05;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    width: 16px;
    height: 16px;
    font-size: 30px;
    margin-top: 0px;
    line-height: 24px;
    position: absolute;
}

.first-block-about
{
    background: var(--neutral-colors-black, #231F20);
    display: flex;
    padding-top: 200px;
    padding-bottom: 200px;
    justify-content: center;
    align-items: center;
}

.logo-wr
{
    max-width: 400px;
    display: flex;
    flex-direction: column;
}
.m-t-72
{
    margin-top: 72px;
}

.m-b-56
{
    margin-bottom: 56px;
}

.top-company-block
{

    margin-bottom: 56px;
}

.history-block
{

    margin-bottom: 56px;
}

.top-company-block h2
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-bottom: 32px;
}

.top-company-block p
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    margin-bottom: 32px;
}

.company-sub-menu .nav-link
{
    color: var(--neutral-colors-grey, #A5A1A2);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    padding: 16px 20px;
    line-height: 28px; /* 140% */
}

.company-sub-menu .nav-link.active
{
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--primary-colors-yellow, #FFCD05);
}

.about-bg
{
    background: url(/images/about-bg-1.jpg)no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    width: 100%;
    height: 578px;
}

.history-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
}



/**
Vertical timeline
 */

/* The actual timeline (the vertical ruler) */
.main-timeline {
    position: relative;
}

/* The actual timeline (the vertical ruler) */
.main-timeline::after {
    content: "";
    position: absolute;
    width: 6px;
    background-color: #FFE11E;
    top: 0;
    bottom: 70px;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timeline {
    position: relative;
    background-color: inherit;
    width: 50%;
    display: inline-block;
}

.timeline p
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.slick-next::before
{
    font-size: 40px;
    color: #ffffff;
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjQiIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIgZmlsbD0iIzIzMUYyMCIvPgo8cGF0aCBkPSJNMzguNzA3MSAzMi43MDc1TDI4LjcwNzEgNDIuNzA3NUMyOC42MTQyIDQyLjgwMDQgMjguNTAzOSA0Mi44NzQxIDI4LjM4MjUgNDIuOTI0NEMyOC4yNjExIDQyLjk3NDcgMjguMTMxIDQzLjAwMDYgMjcuOTk5NiA0My4wMDA2QzI3Ljg2ODIgNDMuMDAwNiAyNy43MzgxIDQyLjk3NDcgMjcuNjE2NyA0Mi45MjQ0QzI3LjQ5NTMgNDIuODc0MSAyNy4zODUgNDIuODAwNCAyNy4yOTIxIDQyLjcwNzVDMjcuMTk5MiA0Mi42MTQ2IDI3LjEyNTUgNDIuNTA0MyAyNy4wNzUyIDQyLjM4MjlDMjcuMDI0OSA0Mi4yNjE1IDI2Ljk5OSA0Mi4xMzE0IDI2Ljk5OSA0MkMyNi45OTkgNDEuODY4NiAyNy4wMjQ5IDQxLjczODUgMjcuMDc1MiA0MS42MTcxQzI3LjEyNTUgNDEuNDk1NyAyNy4xOTkyIDQxLjM4NTQgMjcuMjkyMSA0MS4yOTI1TDM2LjU4NTggMzJMMjcuMjkyMSAyMi43MDc1QzI3LjEwNDQgMjIuNTE5OSAyNi45OTkgMjIuMjY1NCAyNi45OTkgMjJDMjYuOTk5IDIxLjczNDYgMjcuMTA0NCAyMS40ODAxIDI3LjI5MjEgMjEuMjkyNUMyNy40Nzk3IDIxLjEwNDkgMjcuNzM0MiAyMC45OTk1IDI3Ljk5OTYgMjAuOTk5NUMyOC4yNjQ5IDIwLjk5OTUgMjguNTE5NCAyMS4xMDQ5IDI4LjcwNzEgMjEuMjkyNUwzOC43MDcxIDMxLjI5MjVDMzguODAwMSAzMS4zODU0IDM4Ljg3MzggMzEuNDk1NyAzOC45MjQxIDMxLjYxNzFDMzguOTc0NSAzMS43Mzg1IDM5LjAwMDQgMzEuODY4NiAzOS4wMDA0IDMyQzM5LjAwMDQgMzIuMTMxNCAzOC45NzQ1IDMyLjI2MTUgMzguOTI0MSAzMi4zODI5QzM4Ljg3MzggMzIuNTA0MyAzOC44MDAxIDMyLjYxNDYgMzguNzA3MSAzMi43MDc1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.slick-prev:before
{
    font-size: 40px;
    color: #ffffff;
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjcwNzMgMjUuMjkyNUMyMC44MDAyIDI1LjM4NTQgMjAuODczOSAyNS40OTU3IDIwLjkyNDIgMjUuNjE3MUMyMC45NzQ1IDI1LjczODUgMjEuMDAwNCAyNS44Njg2IDIxLjAwMDQgMjZDMjEuMDAwNCAyNi4xMzE0IDIwLjk3NDUgMjYuMjYxNSAyMC45MjQyIDI2LjM4MjlDMjAuODczOSAyNi41MDQzIDIwLjgwMDIgMjYuNjE0NiAyMC43MDczIDI2LjcwNzVDMjAuNjE0NCAyNi44MDA0IDIwLjUwNDEgMjYuODc0MSAyMC4zODI3IDI2LjkyNDRDMjAuMjYxMyAyNi45NzQ3IDIwLjEzMTIgMjcuMDAwNiAxOS45OTk4IDI3LjAwMDZDMTkuODY4NCAyNy4wMDA2IDE5LjczODMgMjYuOTc0NyAxOS42MTY5IDI2LjkyNDRDMTkuNDk1NSAyNi44NzQxIDE5LjM4NTIgMjYuODAwNCAxOS4yOTIzIDI2LjcwNzVMOS4yOTIzMSAxNi43MDc1QzkuMTk5MzMgMTYuNjE0NiA5LjEyNTU3IDE2LjUwNDMgOS4wNzUyNSAxNi4zODI5QzkuMDI0OTMgMTYuMjYxNSA4Ljk5OTAyIDE2LjEzMTQgOC45OTkwMiAxNkM4Ljk5OTAyIDE1Ljg2ODYgOS4wMjQ5MyAxNS43Mzg1IDkuMDc1MjUgMTUuNjE3MUM5LjEyNTU3IDE1LjQ5NTcgOS4xOTkzMyAxNS4zODU0IDkuMjkyMzEgMTUuMjkyNUwxOS4yOTIzIDUuMjkyNTFDMTkuNDc5OSA1LjEwNDg3IDE5LjczNDQgNC45OTk0NSAxOS45OTk4IDQuOTk5NDVDMjAuMjY1MiA0Ljk5OTQ1IDIwLjUxOTcgNS4xMDQ4NyAyMC43MDczIDUuMjkyNTFDMjAuODk1IDUuNDgwMTUgMjEuMDAwNCA1LjczNDY0IDIxLjAwMDQgNi4wMDAwMUMyMS4wMDA0IDYuMjY1MzcgMjAuODk1IDYuNTE5ODcgMjAuNzA3MyA2LjcwNzUxTDExLjQxMzYgMTZMMjAuNzA3MyAyNS4yOTI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.slick-prev::before,
.slick-next::before
{
    width: 64px;
    height: 64px;
    color: #ffff;
    opacity: 1;
}
.slick-prev,
.slick-next,
.slick-next:focus,
.slick-prev:focus
{
    display: block;
    background: #231F20;
    border-radius: 50%;
    opacity: 0.4;
}
.slick-prev:hover,
.slick-next:hover
{
    opacity: 1;
    background: #0003;
    border-radius: 50%;
}
.product-info
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

    /* The circles on the timeline */
.timeline::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: #FFE11E;
    border: 5px solid #FFE11E;
    top: 0;
    border-radius: 50%;
    z-index: 1;
}

.accordion-button:focus
{
    border: 0 !important;
    box-shadow: none;
}

/* Place the container to the left */
.left
{
    left: 0;
}

/* Place the container to the right */
.right
{
    left: 50%;
}

/* Add arrows to the left container (pointing right) */


/* Add arrows to the right container (pointing left) */

.line {
    margin:3px 0;
    height:20px;
    background:repeating-linear-gradient(90deg,#FFCD05 0 10px,#0000 0 12px) center;
    background-size:100% 2px;
    background-repeat:no-repeat;
    display: flex;
    flex-direction: column;
}

.left .card-time .row
{
    //justify-content: space-between;
}

.right .line
{
    width:17%;
    margin-right:3%;
}

.left .line
{
    width:80%;
    margin-left:3%;
}

.right h3,
.left h3
{
    display: flex;
    flex-direction: column;
    max-width: 92px;
    justify-content: center;
    align-items: center;
    background: var(--primary-colors-yellow, #FFCD05);
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -12px;
}
.left h3
{
    width: 17%;
    margin-bottom: 16px;
}
.right h3
{
    width: 80%;
    margin-bottom: 16px;
}

.first-history-wr .container
{
    padding-left: 0;
    padding-right: 0;
}

.card-time .card-text
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.card-time .card-text p
{
    padding-left: 0;
    padding-right: 0;
}

.img-timeline
{
    padding-right: 0;
    padding-left: 0;
    margin-top: 24px;
}
.right .card-text
{
    padding-left: 21%;
}

.left .card-text
{
    padding-right: 120px;
}

.proizvodstvo-wr
{
    margin-top: 80px;
    margin-bottom: 120px;
}

.proizvodstvo-wr h2
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H2 */
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 118.75% */
    margin-bottom: 32px;
}

.proizvodstvo-wr p
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/H4 */
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    margin-bottom: 32px;
}
.proizvodstvo-wr li
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    margin-bottom: 16px;
}


.filter-partner-wrapper
{
    background: #fff;
    padding: 30px 32px;
    display: flex;

    height: 614px;
    padding: 32px 30px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);
    background: var(--neutral-colors-white, #FFF);
}
.filter-partner-wrapper select
{
    color: var(--neutral-colors-black, #231F20);
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    display: flex;
    width: 100%;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);

}





.partners-wrapper
{
    margin-top: 40px;
    max-height: 432px;
    overflow:hidden;
    overflow-y: auto;
}

.perehod-button
{
    display: flex;
    padding: 12px 24px;
    align-items: center;
    max-width: 182px;
    gap: 10px;
    border: 0;
    border-radius: 4px;
    background: var(--primary-colors-yellow, #FFCD05);
    color: var(--neutral-colors-black, #231F20);

    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin-top:16px;
}
.partner-name
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.partner-adress
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.partner-hr
{
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
}

.map-wrapper
{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);
    background: var(--neutral-colors-white, #FFF);
}

.filter-partner-wrapper select
{

    padding: 10px;
    /* Replace Default styling (arrow) */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
}

#map {
    width: 100%; height: 100%; padding: 0; margin: 0;
}

.back-partner-button
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/C1 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin-bottom: 24px;
    display: flex;
}

.market-partner-wrapper
{
    display: none;
    background: #fff;
    padding: 32px 30px;
    min-height: 614px;
    background: #fff;
    padding: 30px 32px;

    height: 614px;
    padding: 32px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;

}
.fav-icon.active svg
{
    color:#FF7871;
    fill: #FF7871;
}
.fav-icon.active svg path
{
    fill: #FF7871;
}
.srav-icon.active svg
{
    color:#72DA8C;
}

.mb-24
{
    margin-bottom: 24px;
}

.no-active
{
    display: none;
}

.partner-active
{
    display: block;
}

.partner-site a
{
    color: var(--primary-colors-yellow-darker, #EBB900);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration-line: underline;
}
.tw-title
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    display: flex;
}

.gr-text
{
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.sravneniye-page
{
    background: #F8F8F8;
    padding-bottom: 110px;
}
.srav-table td
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P2 */
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    padding: 16px 20px;
    width: 316px;


}
.srav-table
{
    //border-collapse: separate;
    //border-spacing: 20px 0px;
}

.width-316
{
    width: 316px;
}
.max-content
{
    width: max-content;
}

.max-1440
{
    max-width: 1440px;
    overflow-x: auto;

}

.catalog-title
{
    margin-top: 54px;
}

.srav-table.table-striped>tbody>tr:nth-of-type(odd)
{
    background: var(--neutral-colors-white, #FFF);
}

.srav-table td.w-20
{
    width: 20px;
}

.mr-20
{
    margin-right: 20px;
}
.ml-0
{
    margin-left: 0;
}



.search-wrapper
{
    position: absolute;
    top: 50px;
    background: #fff;
    padding: 16px;
    border: 1px solid #FFCD05;
    border-radius: 5px;
    max-height:710px;
    overflow-y: auto;
}

.search-wr-border
{
    max-width: 462px;
    padding: 0px;
    margin-bottom: 16px;
}

.navigation a.search-link
{
    padding: 0;
}
.search-wrapper input
{
    margin-bottom: 16px;
    color: var(--neutral-colors-grey, #A5A1A2);
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    padding: 12px 16px;
    min-width: 462px;
    width: 100%;
    border: 1px solid #FFCD05;
    border-radius: 5px;

}

.search-wrapper input:focus,
.search-wrapper input:active
{
    border: 1px solid #FFCD05;
    border-radius: 5px;
    outline: none;
}

.search-product-price
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/H3 */
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    padding-top: 16px;
    padding-bottom: 16px;
}


.search-input-wr svg.lupa
{
    display: block;
    position: absolute;
    left: 30px;
    top: 28px;
}
.erase
{
    display: block;
    position: absolute;
    top: 26px;
    right: 30px;
    cursor: pointer;
}

.search-input-wr input
{
    padding-left:50px;
}


.error-search
{

    border: 1px solid var(--error-red, #FF3B30) !important;

}



#slider-non-linear-step .noUi-handle,
#slider-non-linear-step-mobile .noUi-handle
{
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background:#FFCD05 ;
    border-color:#FFCD05 ;
    box-shadow: none;
    right: -15px;
    top: -7px;
}
.noUi-connect
{
    background:#FFCD05 ;
    border-color:#FFCD05 ;
}

#min-number,
#max-number,
#min-number-mobile,
#max-number-mobile
{
    color: var(--Neutral-Colors-Grey, #A5A1A2);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    border: 1px solid var(--Neutral-Colors-Light-Grey, #E1DDDE);
    background: var(--Neutral-Colors-Almost-White, #F8F8F8);
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    max-width: 135px;
    width:40%;
}

#min-number,
#min-number-mobile
{
    margin-right: 8px;
}

#slider-non-linear-step,
#slider-non-linear-step-mobile
{
    display: flex;
    flex-direction: column;
    width: 96%;
    margin-bottom: 30px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.noUi-horizontal .noUi-tooltip{
    top: 15px;
    bottom: initial;

}
.noUi-tooltip
{
    background: transparent;
    border: 0;
}

.pad-20-16
{
    display: flex;
    flex-direction: row;
    padding:8px 11px;
}

.noUi-horizontal
{
    height: 4px;
}
.noUi-handle:before, .noUi-handle:after
{
    width: 0;
}

.noUi-target
{
   // background: var(--Primary-Colors-Yellow, #FFCD05);
    border:0;
    box-shadow: none;
}
.noUi-connects
{
    background: #ffcd053b;
}

/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--neutral-colors-dark-grey, #555152);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 157.143% */
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #FFCD05;
    border: 0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.icon-bar {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    width: 64px;
    height: 64px;
    transition: all 0.3s ease;
    color: white;
    background: transparent;
    font-size: 20px;
}

/* Style the social media icons with color, if you want */

.icon-bar  svg:hover {
    fill: #000;
}

.icon-bar  svg:hover path:first-child {
    fill: #000;
}
.partner-photo,
.partner-photo .popup-gallery
{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.partner-photo a {
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-right: 15px;
}

.search-product-sku
{
    color: var(--neutral-colors-grey, #A5A1A2);
    font-variant-numeric: lining-nums proportional-nums;

    /* Regular/P3 */
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.search-product-name
{
    color: var(--neutral-colors-black, #231F20);
    font-variant-numeric: lining-nums proportional-nums;

    /* Medium/P1 */
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    padding-top: 16px;
    padding-bottom: 8px;
    padding-right: 30px;
}

.search-wr-bg
{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;

}


/* Media queries - Responsive timeline on screens less than 600px wide */



.img-timeline img
{
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

@media (max-width: 1000px)
{
    .nav-container {
        display: none !important;
    }
}


@media (min-width:1400px) and (max-width: 1600px)
{
  .slider-img
  {
      background-size: contain!important;
      height: 560px !important;
  }
  .slider-wr
  {
      height: 560px !important;
  }
}

@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-nav .nav-link
    {
        padding-right: 40px;
        padding-left: 0;
    }

    .slick-dotted.slick-slider
    {
        margin-bottom: 0;
    }


}
@media (max-width: 1440px)
{
    .inner-cat-wr
    {
        min-height: 344px;
    }

    .priem-title
    {
        padding-left: 0px;
    }
}

@media (min-width: 1800px)
{
    .col-extra-3
    {
        width: 25%;
    }

    .col-extra-9
    {
        width: 75%;
    }
}
@media (max-width: 1380px)
{
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
    }
    .navigation a, .navigation .nav-link
    {
        padding-left: 5px;
        padding-right: 5px;
    }
   .category-page-catalog-wr .card-category-page
    {
        width: 30%;
    }
    .category-page-catalog-wr .sale-flag svg,
    .slick-slider .sale-flag svg
    {
        display: block;
        position: relative;
        float: left;
        //width: 30%;
    }
    .category-page-catalog-wr .sale-flag,
    .slick-slider  .category-page-catalog-wr .sale-flag
    {
        display: flex;
        padding: 8px 16px;
        justify-content: end;
        align-items: center;
        gap: 10px;
        position: absolute;
        right: 10px;
        top: 16px;
        width: 95%;
    }
    .category-page-catalog-wr .sale-flag
    {
        width: auto;
    }
    .main-container
    {
        width: 80%;
    }
    .subcat-name
    {
        height: 112px;
    }
    .hidden-1200
    {
        display: none;
    }
    .width-316
    {
        width: 25%;
    }
    .fav-icon,
    .srav-icon
    {
        width: 20%;
    }

}
@media (max-width: 1278px)
{
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
    }
    .nav-icons
    {
        margin-right: 0;
    }
}

@media (max-width: 1246px)
{
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
    }

    .nav-icons
    {
        margin-right: 0;
    }
    .navigation a.icons-link
    {
        padding-right:0;
    }
    .category-page-catalog-wr .sale-flag svg,
    .slick-slider .sale-flag svg
    {
        //width: 90%;
    }

}

.btn-up {
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    right: 20px;
    bottom: 20px;
    border-radius: 22px;
    cursor: pointer;
    width: 44px;
    height: 44px;
}

.btn-up::before {
    content: "";
    text-align: center;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-up_hide {
    display: none;
}
.navigation a.navbar-brand
{
    padding-left: 0;
}







.cookies-wr
{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
}

.market-partner-wrapper
{
    border: 1px solid var(--neutral-colors-light-grey, #E1DDDE);
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
    cursor: pointer;
}

.news-art-text a
{
    color:#000;
}

.cookies-text-wr
{
    display: flex;
    justify-content: space-between;
    margin: 24px auto;

    max-width: 1440px;
    padding-left: 58px;
    padding-right: 58px;
}
.c1
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.map-svg-button a:hover,
.news-but a:hover,
.nav-button a:hover,
.perehod-button:hover,
.feedback-form-submit:hover,
.best-price-link:hover,
.partner-add-submit:hover
{
    background: var(--primary-colors-yellow-lighter, #FFE11E);
    color: #000;
}

.item-menu a:hover,
.f-phone a:hover
{
    color:#FFCD05;
}


.noUi-handle-upper .noUi-tooltip
{
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: auto;
    bottom: 120%;
    right: -40px;
}

@media (hover: hover) and (pointer: fine) {
    .btn-up:hover {
        background-color: #FFCD05;
    }
}

@media (min-width: 1199px) and (max-width:1205px)
{



    .search-wrapper
    {
        right: 15px;
    }

    .navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 58px;
        padding-right: 58px;
        max-width: 1440px;
        margin: 0 auto;
        font-family: "Raleway",sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        width: 100%;
        max-height: 68px;
    }

    .fil-cur
    {
        width: 68%;
    }
    .fil-wr
    {
        width: 30%;
    }
    .nav-icons,
    .nav-button,
    .tel-reg
    {
        //display: none!important;
    }
}
@media (max-width: 1199px)
{

    .category-page .new-products
    {
        background: #fff;
    }

    .best-price-title
    {
        margin-top: 64px;
    }

    .category-page-catalog-wr
    {
        padding-bottom: 73px;
    }
    .mar-bottom-124
    {
        margin-bottom: 64px;
    }

    .timeline::after,
    .card-time
    {
        margin-top: 0 !important;
    }

    .add-to-fav,
    .add-to-srav
    {
        background: transparent !important;
    }
    .add-to-fav.active,
    .add-to-srav.active
    {
        background:#FFCD05 !important;
    }

    .about-bg
    {
        height: 250px;
        background-size: contain !important;
    }

    .vozdooh div
    {
        height: 250px !important;
    }
    .logo-wr
    {
        max-width: 200px;
    }
    .history-block
    {
        margin-bottom: 0;
    }
    .first-block-about
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .col-mobile-12
    {
        display: flex;
        width: 100%;
    }

    .card-time,
    .timeline::after
    {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .main-timeline::after
    {
        left: 0;
    }

    .right
    {
        left: 0;
    }

    .cat-card-link
    {
        min-height: 442px;
    }


    .top-block-right
    {
        justify-content: center;
    }

    .service-title
    {
        /* Medium/H2 */
        color: rgb(35, 31, 32);

        font-weight: 500;
        line-height: 38px;

        text-align: left;
    }

    .filter-partner-wrapper
    {
        height: 725px;
    }

    .partners-wrapper
    {
        max-height: 335px;
        width: 100%;
    }

    #map-mobile
    {
        display: flex;
        width: 100%;
        min-width: 265px;
        height: 240px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .map-wrapper-mobile
    {
        width: 100%;
    }

    .navigation
    {
        padding: 16px;
    }
    .navbar
    {
        width: 100%;
    }
    .about-photo
    {
        max-width: 100%;
        height: auto;
        display: flex;
    }
    .priem-card
    {
        max-width: 100%;
    }
    .priem-icon,
    .priem-text
    {
        align-items: flex-start;
        text-align: left;
    }
    .priem-text
    {
        padding:  15px 35px;
    }

    .priemushestva-med
    {
        display: flex !important;
        margin-bottom: 33px;
        flex-direction: row;
        align-items: center;
    }

    .priem-wr
    {
       // max-width: 80%;
        margin: 0 auto;
    }

    .news-but
    {
        max-width: 100%;
        color: rgb(35, 31, 32);

        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: left;
    }

    .news-akciya-wr
    {
        min-height: 22px;
        /* Medium/C1 */
        color: rgb(165, 161, 162);

        font-size: 14px;
        font-weight: 500;
        line-height: 22px;

        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .news-title-in
    {
        /* Medium/P1 */
        color: rgb(35, 31, 32);

        font-size: 18px;
        font-weight: 500;
        line-height: 26px;

        text-align: left;
    }
    .news-desc
    {
        /* Regular/P3 */
        color: rgb(85, 81, 82);

        font-size: 14px;
        font-weight: 400;
        line-height: 22px;

        text-align: left;
    }

    .news-wr
    {
        background: transparent;
    }

    .news-art-title
    {
        /* Medium/H2 */
        color: rgb(35, 31, 32);

        font-size: 32px;
        font-weight: 500;
        line-height: 38px;

        text-align: left;
    }

    .news-art-image
    {
        max-height: 250px;
        background-size: contain;
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }

    .inner-cat-wr
    {
        min-height: auto;
    }


    .cat-mob-left
    {
        width: 33%;
    }


    .category-page-catalog-wr
    {
        padding-top: 0;
    }

    .products-wr
    {
        padding: 0 15px;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .category-page-catalog-wr .card-name
    {
        /* Medium/C1 */
        color: rgb(35, 31, 32);

        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        height: 110px;
        text-align: left;
    }



    .mobile-filter
    {
        display: block;
    }

    #sort_by
    {
        margin-bottom: 0;
    }

    .breadcrumbs
    {
        display: none;
    }

    .product-title
    {
        /* Medium/H4 */
        color: rgb(35, 31, 32);

        font-size: 20px;
        font-weight: 500;
        line-height: 28px;

        text-align: left;
        //margin-top: 90px;
    }

    .product-sku
    {
        /* Regular/P4 */
        color: rgb(165, 161, 162);

        font-size: 12px;
        font-weight: 400;
        line-height: 18px;

        text-align: left;
    }

    .h-46
    {
        height: 46px;
        justify-content: center;
        display: flex;
        margin-bottom: 20px;
    }

    .accordion-body1 .container
    {
        text-align: left;
    }

    .category-page-catalog-wr .card-sku
    {
        /* Regular/P4 */
        color: rgb(165, 161, 162);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        height: 40px;
        overflow: hidden;
    }

    #slider-news .slider-img,
    #slider-news .slider--news-wr
    {
        height: 258px !important;
        background-color: #fff;
    }
    .card-price
    {
        font-size: 22px;
    }
    .sravneniye-page .card-name
    {
        font-size: 14px;
    }

    .cat-sub-wr
    {
        margin-bottom: 20px;
    }

    .category-page-catalog-wr .card-category-page
    {
        width: 47%;
        margin-left:0;
        margin-right: 4px;
    }
    .category-page-catalog-wr .card-category-page
    {
        max-width: 48%;
    }


    .cat-mob-right
    {
        width: 66%;
    }

    .catalog-cat-img
    {
        max-height: 120px;
    }


    .best-price .card,
    .new-products .card
    {
        margin-right: 8px;
        margin-left: 0px;
        min-height: auto;
       //background: transparent;
    }

    .category-page-catalog-wr .sale-flag,
    .sale-flag
    {
        padding: 0;
        right: 10px;
        width: 88%;
        justify-content: flex-end;
    }
    .search-wrapper
    {
        max-height: 100vh;
        overflow-y: scroll;
    }

    .key-icon
    {
        width: 84px;
        height: 84px;
    }

    .service-title
    {
        margin-bottom: 15px;
    }

    .w-80
    {
        width: 80%;
    }

    .w-20
    {
        width: 20%;
    }

    .navbar-collapse
    {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
    .down-wr
    {
        border: 1px solid #ccc;
    }

    .down-title-in
    {
        /* Medium/P2 */
        color: rgb(35, 31, 32);

        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
    }

    .modal-body .best-price-link
    {
        max-width: 100%;
    }

    #exampleModalLabel
    {
        display: flex;
        margin-bottom: 15px;
    }
    .btn-close.btn-back
    {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        background-position-x: 0;
        padding: 15px 30px;
        margin: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTMwNzMgMTUuOTY5NEM5LjYwMDQxIDE2LjAzOTEgOS42NTU2OCAxNi4xMjE4IDkuNjkzNCAxNi4yMTI5QzkuNzMxMTEgMTYuMzAzOSA5Ljc1MDUyIDE2LjQwMTUgOS43NTA1MiAxNi41MDAxQzkuNzUwNTIgMTYuNTk4NiA5LjczMTExIDE2LjY5NjIgOS42OTM0IDE2Ljc4NzJDOS42NTU2OCAxNi44NzgzIDkuNjAwNDEgMTYuOTYxIDkuNTMwNzMgMTcuMDMwN0M5LjQ2MTA0IDE3LjEwMDQgOS4zNzgzMiAxNy4xNTU2IDkuMjg3MjcgMTcuMTkzM0M5LjE5NjIzIDE3LjIzMTEgOS4wOTg2NSAxNy4yNTA1IDkuMDAwMSAxNy4yNTA1QzguOTAxNTYgMTcuMjUwNSA4LjgwMzk3IDE3LjIzMTEgOC43MTI5MyAxNy4xOTMzQzguNjIxODggMTcuMTU1NiA4LjUzOTE2IDE3LjEwMDQgOC40Njk0OCAxNy4wMzA3TDAuOTY5NDc2IDkuNTMwNjhDMC44OTk3NDQgOS40NjEwMiAwLjg0NDQyNSA5LjM3ODMgMC44MDY2ODIgOS4yODcyNkMwLjc2ODkzOSA5LjE5NjIxIDAuNzQ5NTEyIDkuMDk4NjEgMC43NDk1MTIgOS4wMDAwNUMwLjc0OTUxMiA4LjkwMTQ5IDAuNzY4OTM5IDguODAzODkgMC44MDY2ODIgOC43MTI4NUMwLjg0NDQyNSA4LjYyMTggMC44OTk3NDQgOC41MzkwOCAwLjk2OTQ3NiA4LjQ2OTQzTDguNDY5NDggMC45Njk0MjZDOC42MTAyMSAwLjgyODY5NSA4LjgwMTA4IDAuNzQ5NjM0IDkuMDAwMSAwLjc0OTYzNEM5LjE5OTEyIDAuNzQ5NjM0IDkuMzkgMC44Mjg2OTUgOS41MzA3MyAwLjk2OTQyNkM5LjY3MTQ2IDEuMTEwMTYgOS43NTA1MiAxLjMwMTAzIDkuNzUwNTIgMS41MDAwNUM5Ljc1MDUyIDEuNjk5MDcgOS42NzE0NiAxLjg4OTk1IDkuNTMwNzMgMi4wMzA2OEwyLjU2MDQxIDkuMDAwMDVMOS41MzA3MyAxNS45Njk0WiIgZmlsbD0iI0UxRERERSIvPgo8L3N2Zz4K")
    }

    .catalog-page,
    .new-products,
    .category-page
    {
        background: #F8F8F8;
    }

    .inner-cat-wr
    {
        background: #fff;
    }

    .search-wrapper input
    {
        margin-bottom: 0;
    }

    .navbar-collapse
    {
        height:calc(100vh - 180px);
        overflow-y: scroll;
    }
    .cat-name
    {
        padding-left: 0;
        width: 85%;
        margin: 0 auto;
    }
    .history-back
    {
        margin-top: 60px;
        margin-bottom: 30px;
        text-decoration: none;
        color: rgb(0, 0, 0);
        font-family: "Raleway",sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        align-items: center;

    }

    .news-art-text
    {
        margin-top: 0px;
    }

    .news-art-date
    {
        margin-bottom: 0px;
    }

    .bg-yellow
    {
        background:#FFCD05 ;
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        border: 0;
    }

    .search-wrapper
    {
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .products-search-wrapper
    {
        margin-top: 20px;
    }

    .best-price .card-sku,
    .new-products .card-sku
    {
        /* Regular/P4 */
        color: rgb(165, 161, 162);

        font-size: 12px;
        font-weight: 400;
        line-height: 18px;

        text-align: left;
    }


    .best-price .card-name,
    .new-products .card-name
    {
        /* Medium/C1 */
        color: rgb(35, 31, 32);
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        min-height: 65px;
    }

    .slick-arrow
    {
        display: none !important;
    }

    .catalog-cat-name,
    .catalog-product-count
    {
        text-align: left;
        align-items: center;
        display: flex;
    }


    .category-sub-wr
    {
        max-width: 100%;
        width: 100%;
        min-height: 120px;
    }

    .subcat-name
    {
        height: auto;
        max-height:80px;
        overflow: hidden;
        font-size: 13px;
        line-height: 18px;
    }

    .top-block-right svg
    {
        height: 100%;
        width: auto;
    }

    .catalog-cat-name
    {
        /* Medium/P2 */
        color: rgb(35, 31, 32);
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        padding-left: 0;
    }

    .catalog-product-count
    {
        padding: 0 20px;
        /* Regular/P4 */
        color: rgb(165, 161, 162);
        font-family: Raleway;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: left;
        padding-left: 0;
    }

    .bg-white-mobile
    {
        background-color: #fff;
    }

    .fil-wr
    {
        justify-content: flex-start;
        /*padding: 0 25px;*/
    }

    #sort_by
    {
        max-width: 220px;
        padding-left: 5px;
        padding-right: 5px;
    }
     .category-page-catalog-wr .products-wrapper
    {
        padding-top: 37px;
    }

    .news-akciya
    {
        text-align: center;
    }

    #slider-news
    {
        margin-top: 32px;
    }

    .photo-count
    {
        color: rgb(165, 161, 162);
        font-family: "Raleway",sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0%;
        text-align: left;
        width: 60%;
    }

    .photo-title
    {
        /* Medium/H2 */
        color: rgb(35, 31, 32);
        font-family: "Raleway",sans-serif;
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;
        letter-spacing: 0%;
        text-align: left;
        margin-bottom: 20px;
    }

    .photo-buttons
    {
        width: 40%;
    }

    .category-page .cat-sub-wr
    {
        margin-bottom: 32px;
    }


    .cat-mob-right,
    .cat-mob-left
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .catalog-page .cat-mob-right
    {
        padding-left: 0;
    }

    .news-art-text p
    {
        /* Regular/P3 */
        color: rgb(35, 31, 32);

        font-size: 14px;
        font-weight: 400;
        line-height: 22px;

        text-align: left;
    }


    .priem-text
    {
        /* Regular/P3 */
        color: rgb(85, 81, 82);

        font-size: 14px;
        font-weight: 400;
        line-height: 22px;

        text-align: left;
    }

    .container-58
    {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .about-title
    {
        margin-top: 64px;
    }

    .m-b-64
    {
        margin-bottom: 64px;
    }

    .form-feedback-title
    {
        margin-top: 64px;
    }

    .map-svg
    {
        height: auto;
        margin: 60px auto;
        max-width: 450px;
    }

    .map-svg-title
    {
        margin-top: 0;
    }

    .map-svg-desc,
    .map-svg-title,
    .map-svg-button
    {
        max-width: 400px;
        margin: 10px auto;
    }

    .map-svg-title
    {
        /* Medium/H3 */
        color: rgb(255, 255, 255);

        font-size: 24px;
        font-weight: 600;
        line-height: 32px;

        text-align: left;
    }

    .map-svg-desc
    {
        margin-bottom: 24px;
        color: rgb(165, 161, 162);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }
    .map-svg-button
    {
        margin-bottom: 64px;
    }

    .feedback-form-submit,
    .map-button
    {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .futer-6
    {
        width: 50%;
        padding: 16px 32px;
        margin-top: 32px;
    }
    .card-info-wr {
        padding-top: 0;
        padding-bottom: 32px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sravneniye-page .card-info-wr
    {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .feedback-form-input
    {
        max-width: 100%;
    }

    .col-mobile-1
    {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-mobile-2
    {
        flex: 0 0 auto;
        width: 16.66666666%;
    }

    .col-mobile-11
    {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-mobile-8
    {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .sravneniye-page .card-category-page
    {
        max-width: 100%;
        margin-right: 5px;
        margin-left: 5px;
    }

   .color-changed .navbar-collapse
   {
       background: #F8F8F8!important;
       color:#000;
   }
    .color-changed a.nav-link,
    .color-changed .phone-top
    {
        color:#000;
    }

    .navbar-toggler-icon
    {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDlDMjQgOS4yNjUyMiAyMy44OTQ2IDkuNTE5NTcgMjMuNzA3MSA5LjcwNzExQzIzLjUxOTYgOS44OTQ2NCAyMy4yNjUyIDEwIDIzIDEwSDFDMC43MzQ3ODQgMTAgMC40ODA0MyA5Ljg5NDY0IDAuMjkyODkzIDkuNzA3MTFDMC4xMDUzNTcgOS41MTk1NyAwIDkuMjY1MjIgMCA5QzAgOC43MzQ3OCAwLjEwNTM1NyA4LjQ4MDQzIDAuMjkyODkzIDguMjkyODlDMC40ODA0MyA4LjEwNTM2IDAuNzM0Nzg0IDggMSA4SDIzQzIzLjI2NTIgOCAyMy41MTk2IDguMTA1MzYgMjMuNzA3MSA4LjI5Mjg5QzIzLjg5NDYgOC40ODA0MyAyNCA4LjczNDc4IDI0IDlaTTEgMkgyM0MyMy4yNjUyIDIgMjMuNTE5NiAxLjg5NDY0IDIzLjcwNzEgMS43MDcxMUMyMy44OTQ2IDEuNTE5NTcgMjQgMS4yNjUyMiAyNCAxQzI0IDAuNzM0Nzg0IDIzLjg5NDYgMC40ODA0MyAyMy43MDcxIDAuMjkyODkzQzIzLjUxOTYgMC4xMDUzNTcgMjMuMjY1MiAwIDIzIDBIMUMwLjczNDc4NCAwIDAuNDgwNDMgMC4xMDUzNTcgMC4yOTI4OTMgMC4yOTI4OTNDMC4xMDUzNTcgMC40ODA0MyAwIDAuNzM0Nzg0IDAgMUMwIDEuMjY1MjIgMC4xMDUzNTcgMS41MTk1NyAwLjI5Mjg5MyAxLjcwNzExQzAuNDgwNDMgMS44OTQ2NCAwLjczNDc4NCAyIDEgMlpNMjMgMTZIMUMwLjczNDc4NCAxNiAwLjQ4MDQzIDE2LjEwNTQgMC4yOTI4OTMgMTYuMjkyOUMwLjEwNTM1NyAxNi40ODA0IDAgMTYuNzM0OCAwIDE3QzAgMTcuMjY1MiAwLjEwNTM1NyAxNy41MTk2IDAuMjkyODkzIDE3LjcwNzFDMC40ODA0MyAxNy44OTQ2IDAuNzM0Nzg0IDE4IDEgMThIMjNDMjMuMjY1MiAxOCAyMy41MTk2IDE3Ljg5NDYgMjMuNzA3MSAxNy43MDcxQzIzLjg5NDYgMTcuNTE5NiAyNCAxNy4yNjUyIDI0IDE3QzI0IDE2LjczNDggMjMuODk0NiAxNi40ODA0IDIzLjcwNzEgMTYuMjkyOUMyMy41MTk2IDE2LjEwNTQgMjMuMjY1MiAxNiAyMyAxNloiIGZpbGw9IiNGRkNEMDUiLz4KPC9zdmc+Cg==");
    }

    .color-changed .navbar-toggler-icon
    {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjcwNzUgMjQuMjkyNEMyNS44MDA0IDI0LjM4NTQgMjUuODc0MSAyNC40OTU3IDI1LjkyNDQgMjQuNjE3MUMyNS45NzQ3IDI0LjczODQgMjYuMDAwNiAyNC44Njg2IDI2LjAwMDYgMjQuOTk5OUMyNi4wMDA2IDI1LjEzMTMgMjUuOTc0NyAyNS4yNjE0IDI1LjkyNDQgMjUuMzgyOEMyNS44NzQxIDI1LjUwNDIgMjUuODAwNCAyNS42MTQ1IDI1LjcwNzUgMjUuNzA3NEMyNS42MTQ2IDI1LjgwMDQgMjUuNTA0MyAyNS44NzQxIDI1LjM4MjkgMjUuOTI0M0MyNS4yNjE1IDI1Ljk3NDYgMjUuMTMxNCAyNi4wMDA1IDI1IDI2LjAwMDVDMjQuODY4NiAyNi4wMDA1IDI0LjczODUgMjUuOTc0NiAyNC42MTcxIDI1LjkyNDNDMjQuNDk1NyAyNS44NzQxIDI0LjM4NTQgMjUuODAwNCAyNC4yOTI1IDI1LjcwNzRMMTYgMTcuNDEzN0w3LjcwNzUxIDI1LjcwNzRDNy41MTk4NyAyNS44OTUxIDcuMjY1MzcgMjYuMDAwNSA3LjAwMDAxIDI2LjAwMDVDNi43MzQ2NCAyNi4wMDA1IDYuNDgwMTUgMjUuODk1MSA2LjI5MjUxIDI1LjcwNzRDNi4xMDQ4NyAyNS41MTk4IDUuOTk5NDUgMjUuMjY1MyA1Ljk5OTQ1IDI0Ljk5OTlDNS45OTk0NSAyNC43MzQ2IDYuMTA0ODcgMjQuNDgwMSA2LjI5MjUxIDI0LjI5MjRMMTQuNTg2MyAxNS45OTk5TDYuMjkyNTEgNy43MDc0NUM2LjEwNDg3IDcuNTE5OCA1Ljk5OTQ1IDcuMjY1MzEgNS45OTk0NSA2Ljk5OTk1QzUuOTk5NDUgNi43MzQ1OCA2LjEwNDg3IDYuNDgwMDkgNi4yOTI1MSA2LjI5MjQ1QzYuNDgwMTUgNi4xMDQ4IDYuNzM0NjQgNS45OTkzOSA3LjAwMDAxIDUuOTk5MzlDNy4yNjUzNyA1Ljk5OTM5IDcuNTE5ODcgNi4xMDQ4IDcuNzA3NTEgNi4yOTI0NUwxNiAxNC41ODYyTDI0LjI5MjUgNi4yOTI0NUMyNC40ODAxIDYuMTA0ODEgMjQuNzM0NiA1Ljk5OTM5IDI1IDUuOTk5MzlDMjUuMjY1NCA1Ljk5OTM5IDI1LjUxOTkgNi4xMDQ4IDI1LjcwNzUgNi4yOTI0NUMyNS44OTUxIDYuNDgwMDkgMjYuMDAwNiA2LjczNDU4IDI2LjAwMDYgNi45OTk5NUMyNi4wMDA2IDcuMjY1MzEgMjUuODk1MSA3LjUxOTggMjUuNzA3NSA3LjcwNzQ1TDE3LjQxMzggMTUuOTk5OUwyNS43MDc1IDI0LjI5MjRaIiBmaWxsPSIjRkZDRDA1Ii8+Cjwvc3ZnPgo=");
    }

    .search-wrapper
    {
        position: relative;
        top: 0;
        background: transparent;
        border: 0;
        padding-left: 0;
        padding-right: 15px;

    }
    .search-wrapper input
    {
        min-width: auto;
    }

    .search-input-wr svg.lupa
    {
        left: 15px;
    }


    .color-changed .nav-link
    {
        /* Frame 277 */

        /* Автолейаут */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 12px 0px 12px 0px;


        /* Inside Auto Layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        margin: 0px 0px;
        box-sizing: border-box;
        /* Neutral Colors/Light Grey */
        border-bottom: 1px solid rgb(225, 221, 222);


        /* Medium/P2 */
        color: rgb(35, 31, 32);

        font-size: 16px;
        font-weight: 500;
        line-height: 24px;

        text-align: left;
    }

    .color-changed .navbar-toggler,
    .navbar-toggler
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler:focus-visible
    .navbar-toggler:focus-within
    .navbar-toggler:hover
    {
        border-color: transparent;
        box-shadow: none;
    }

    #main,
    #app
    {
        overflow: hidden;
        background: #F8F8F8;
    }

    .nav-link a
    {
        color: #000;
    }

    .service-title
    {
        margin-top: 0;
    }




    .slick-dots
    {
        bottom: -10%;
    }

    .tel-reg,
    a.yellow-button
    {
        justify-content: center;
        align-items: center;
        margin-bottom: 16px;
    }

    .attrib-wr
    {
        border-bottom: 1px solid #ccc;
        padding-top: 16px;
        padding-bottom: 16px;
        /* Regular/P4 */
        color: rgb(35, 31, 32);

        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: left;

    }

    .search-product-price
    {
        /* Medium/P1 */
        color: rgb(35, 31, 32);
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        text-align: left;
    }

    .search-product-name
    {
        /* Medium/P2 */
        color: rgb(35, 31, 32);
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
    }

    .search-product-sku
    {
        /* Regular/P4 */
        color: rgb(165, 161, 162);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
    }

    .service-title
    {
        /* Medium/H2 */
        color: rgb(35, 31, 32);
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;
        text-align: left;
    }

    .rows-wr h2
    {
        /* Medium/H4 */
        color: rgb(35, 31, 32);
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        text-align: left;
    }

    .rows-wr p
    {
        /* Regular/P2 */
        color: rgb(85, 81, 82);

        font-size: 16px;
        font-weight: 400;
        line-height: 24px;

        text-align: left;
    }

    .partner-add-submit
    {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .characteristic-title,
    .slick-dotted.slick-slider
    {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .slider-nav-product-mobile .slick-slide
    {
        border:1px solid #ccc;
    }
    .service-page
    {
        background: #fff;
    }

    .news-art-title
    {
        padding-top: 14px;
    }
    .partner-art-title,
    .news-title,
    .catalog-title,
    .product-title,
    .service-title
    {
        margin-top: 14px;
        margin-bottom: 24px;
    }

    .slider-srav-wr .slick-arrow
    {
        display: block !important;
    }

    .slider-srav-wr .slick-prev,
    .slider-srav-wr .slick-next
    {
        top: 20%;
    }

    .slider-srav-wr .slick-prev::before,
    .slider-srav-wr .slick-next::before
    {

    }

    .product-price
    {
        margin-top: 24px;
    }
    .characteristic-title
    {
        margin-bottom: 0px;
    }

    .news-title-in
    {
        padding-top: 24px;
        height: auto;
    }

    .service-consult
    {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .first-service
    {
        background: #fff;
    }
    .bottom-service-block
    {
        padding-top: 64px;
        background: #fff;
    }

    .search-wr-border
    {
        max-width: 100%;
        background: #fff;
    }

    .footer-phone-desc
    {
        font-size: 12px;
    }

    .sub-title-menu
    {
        font-size: 16px;
    }

    .categories
    {
        padding-top: 24px;
    }

    .categories .cat-title
    {
        /* Medium/H2 */
        color: rgb(0, 0, 0);
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;

        text-align: left;
    }

    .pad-between
    {
        justify-content: space-between;
    }

     #min-number-mobile,
     #max-number-mobile
    {
        max-width: 100%;
    }

}

.pad-0
{
    padding: 0;
}

@media screen and (max-width: 600px)
{
    /* Place the timelime to the left */
    .main-timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .timeline::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
        left: 18px;
    }

    .left::before {
        right: auto;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}