* {
    margin: 0;
    padding: 0;
    max-height: 999999px;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

*,
::after,
::before {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

html,
body {
    width: 100%;
    min-width: 320px;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    color: #000;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

a {
    color: #000;
    text-decoration: none;
    outline: 0;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

b,
strong {
    font-weight: bold;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

iframe {
    max-width: 100%;
}

.body {
    position: relative;
    display: flex;
    height: 100vh;
    flex-direction: column;
}

.header,
.footer {
    flex-shrink: 0;
}

.wrap {
    flex: 1 0 auto;
    overflow: hidden;
}

.preloader {
    position: relative;
}

.preloader:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff url("../images/svg/preloader.svg") no-repeat 50% 50%;
    background-size: 40px 40px;
}

.preloader * {
    opacity: 0;
}

.wow {
    animation-duration: 1s;
    visibility: hidden;
}

/* header */
.header {
    position: relative;
    margin: 0 0 30px;
    top: 0;
    transition: 0.3s;
}

.body.fixed {
    padding-top: 284px;
}

.body.fixed .header {
    position: fixed;
    width: 100%;
    z-index: 100;
    background: #fff;
}

.header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 54px;
    bottom: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(218, 244, 251, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(218, 244, 251, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(218, 244, 251, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#daf4fb", GradientType=1);
}

.header__top {
    position: relative;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__body {
    position: relative;
    padding: 18px 0 24px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.body.fixed .header .header__body {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    height: 0;
}

.header__bottom {
    position: relative;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
}

.body.fixed .header__bottom {
    height: 58px;
    padding: 5px 0;
}

.header__top:after,
.header__body:after,
.header__bottom:after {
    /*content: "";*/
    /*display: table;*/
    /*clear: both;*/
}

.header__left {
    float: left;
}

.header__right {
    float: right;
}

.header__city {
    position: relative;
    color: #5C6467;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: inline-block;
    margin-right: 18px;
}

.header__city:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.header__city span {
    position: relative;
}

.header__city span:after {
    content: "|";
    margin: 0 10px 0;
}

.header__time {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    color: #5C6467;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.header__time span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
}

.header__clock {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 24px;
    color: #5C6467;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.header__clock:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px;
}

.header__clock.open:before {
    background: url("../images/svg/time-open.svg") no-repeat;
    background-size: 100% auto;
}

.header__clock.close:before {
    background: url("../images/svg/time-close.svg") no-repeat;
    background-size: 100% auto;
}

.header__email {
    display: inline-block;
}

.header__email a {
    color: #5C6467;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-right: 18px;
}

.header__phone {
    display: inline-block;
    vertical-align: middle;
}

.header__phone a {
    color: #5C6467;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-right: 6px;
}

.header__phone a:before {
    /*content: "";*/
    position: absolute;
    top: 50%;
    display: none;
    transform: translate(0, -50%);
    width: 11px;
    height: 18px;
    background: url("../images/svg/phone.svg") no-repeat;
    background-size: 100% auto;
    margin-top: 4px;
}

.header__whatsapp {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-bottom: 3px;
}

.header__whatsapp a:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/svg/wa.svg) no-repeat;
    background-size: 100% auto;
}

.header__telegram a:before{
    background: url(../images/tg_logo.svg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}

.header__telegram{
    margin-right: 5px;
    width: 21px;
    height: 21px;
}

.header__telegram a{
    width: 100%;
    height: 100%;
}

.header__max a:before{
    background: url(../images/max_logo.png) no-repeat;
    background-size: 100%;
}

.j_scr .header__top {
    /*position: fixed;*/
    top: 0;
    width: 1110px;
    left: 50%;
    z-index: 999;
    background: #ffffff;
    transform: translate(-50%, 0);
    /*border-bottom: 1px solid #ddecf0;*/
}

.j_scr {
    padding-top: 60px;
}

.j_scr .header__top:before {
    position: absolute;
    z-index: 999;
    right: 100%;
    top: 0;
    height: 54px;
    /*width: 1500px;*/
    content: "";
    background: #ffffff;
    border-bottom: 1px solid #ddecf0;
}

.j_scr .header__top:after {
    position: absolute;
    z-index: 999;
    left: 100%;
    top: 0;
    height: 54px;
    /*width: 1500px;*/
    content: "";
    background: #ffffff;
    border-bottom: 1px solid #ddecf0;
}

.header__catalog {
    display: inline-block;
    vertical-align: middle;
    transition-duration: 0.2s;
    cursor: pointer;
    color: #7FCC20;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;

}

.header__catalog:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/svg/book.svg) no-repeat;
    background-size: 100% auto;
    margin: 0 8px -3px 0;
}

.header__logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    width: 263px;
}

.header__title {
    display: inline-block;
    width: 168px;
    color: #3D616C;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    vertical-align: bottom;
}

.header__search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 302px;
    height: 41px;
}

.header__search input::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.header__search input::-moz-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.header__search input:-moz-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.header__search input:-ms-input-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.header__search input[type="text"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 8px 44px 8px 14px;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 32px;
    border: 2px solid #D3E9EF;
    color: #3D616C;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.header__search input[type="text"]::placeholder {
    color: #9CBAC2;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.header__search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 46px;
    height: 41px;
    background: url(../images/svg/search.svg) no-repeat 10px center;
    background-size: 16px auto;
    background-color: transparent !important;
    border: 0;
}

.header__cart {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.header__cart-image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 41px;
    background: #FAC000;
    border: 2px solid #F8CC0D;
    border-radius: 50%;
    transition-duration: 0.2s;
}

.header__cart-image svg {
    position: absolute;
    left: 49%;
    top: 51%;
    transform: translate(-50%, -50%);
    transition-duration: 0.2s;
}

.header__cart:hover svg {
    fill: #fff;
}

.header__cart:hover svg path {
    stroke: #F8CC0D;
}

.header__cart-sum {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #5C6467;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: 54px;
}

.header__cart-number {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 8px;
    padding: 6px 0;
    width: 24px;
    height: 24px;
    background: #f8cc0d;
    border-radius: 50%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.header__callback {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    cursor: pointer;
    padding: 8px 22px;
    background: #7FCC20;
    border: 2px solid #7FCC20;
    transition-duration: 0.2s;
    border-radius: 64px;
}

.header__callback:hover {
    color: #7FCC20;
    background: #fff;
}

.menu__catalog {
    position: relative;
    float: left;
    width: 227px;
    height: 48px;
    border-radius: 64px;
    background: #0BB7E2;
}
.menu__catalog:hover{
    background: #07AAD3;
}

.menu__info {
    position: relative;
    float: right;
    /*width: calc(100% - 284px);*/
    height: 48px;
}

.menu__catalog-open {
    position: relative;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.menu__catalog-open:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M4 6H20M4 12H20M4 18H11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 100% auto;
    transition-duration: 0.2s;
    background-repeat: no-repeat;
}

.menu__catalog-open.active:before {
    background-size: 65%;
    background-position: center 3px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='329pt' viewBox='0 0 329.26933 329' width='329pt' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0' fill='%23fff'/%3e%3c/svg%3e");
}


.menu__catalog-list {
    position: absolute;
    left: 0;
    right: 0;
    /*top: 100%;*/
    display: none;
    padding: 6px 0 0;
    z-index: 7;
}

.menu__catalog-list > ul {
    display: block;
    position: relative;
}

.menu__catalog-list > ul:before {
    /*content: "";*/
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
}

.menu__catalog-list > ul > li {
    position: relative;
    display: block;
    border-bottom: 2px solid #fff;
}

.menu__catalog-list > ul > li:last-child {
    border-bottom: 0;
}

.menu__catalog-list > ul > li > a, .menu__catalog-list > ul > li > span {
    position: relative;
    display: block;
    padding: 18px 33px 18px 20px;
    border: 2px solid transparent;
    border-radius: 2px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
}

.menu__catalog-list > ul > li > a.open,
.menu__catalog-list > ul > li > a.opn,
.menu__catalog-list > ul > li > a:hover {
    background: #ffffff !important;
    color: #000000;
}

.menu__catalog-list > ul > li > span.open,
.menu__catalog-list > ul > li > span.opn,
.menu__catalog-list > ul > li > span:hover {
    background: #ffffff !important;
    color: #000000;
}

.menu__catalog-list > ul > li:nth-child(1) > a, .menu__catalog-list > ul > li:nth-child(1) > span {
    /*background: #ffce00;*/
    /*background: -moz-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00", endColorstr="#f6b300", GradientType=1);*/
    background: linear-gradient(97deg, #FECE01 0.21%, #F6B300 98.5%);
}

.menu__catalog-list > ul > li:nth-child(1) > a.open,
.menu__catalog-list > ul > li:nth-child(1) > a.opn,
.menu__catalog-list > ul > li:nth-child(1) > a:hover {
    border: 2px solid #F6B300;
}

.menu__catalog-list > ul > li:nth-child(1) > span.open,
.menu__catalog-list > ul > li:nth-child(1) > span.opn,
.menu__catalog-list > ul > li:nth-child(1) > span:hover {
    border: 2px solid #F6B300;
}

.menu__catalog-list > ul > li:nth-child(2) > a, .menu__catalog-list > ul > li:nth-child(2) > span {
    /*background: #6ae22d;*/
    /*background: -moz-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: -webkit-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ae22d", endColorstr="#76cd0d", GradientType=1);*/
    background: linear-gradient(99deg, #5BD3EB 1.95%, #7ECEE7 101.95%);
}

.menu__catalog-list > ul > li:nth-child(2) > a.open,
.menu__catalog-list > ul > li:nth-child(2) > a.opn,
.menu__catalog-list > ul > li:nth-child(2) > a:hover {
    border: 2px solid #7ECEE7;
}

.menu__catalog-list > ul > li:nth-child(2) > span.open,
.menu__catalog-list > ul > li:nth-child(2) > span.opn,
.menu__catalog-list > ul > li:nth-child(2) > span:hover {
    border: 2px solid #7ECEE7;
}

.menu__catalog-list > ul > li:nth-child(3) > a, .menu__catalog-list > ul > li:nth-child(3) > span {
    /*background: #0ac9fb;*/
    /*background: -moz-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: -webkit-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ac9fb", endColorstr="#46bcee", GradientType=1);*/
    background: linear-gradient(97deg, #9AD672 1.6%, #9DC85B 103.5%);
}

.menu__catalog-list > ul > li:nth-child(3) > a.open,
.menu__catalog-list > ul > li:nth-child(3) > a.opn,
.menu__catalog-list > ul > li:nth-child(3) > a:hover {
    border: 2px solid #9DC85B;
}

.menu__catalog-list > ul > li:nth-child(3) > span.open,
.menu__catalog-list > ul > li:nth-child(3) > span.opn,
.menu__catalog-list > ul > li:nth-child(3) > span:hover {
    border: 2px solid #9DC85B;
}

.menu__catalog-list > ul > li:nth-child(4) > a, .menu__catalog-list > ul > li:nth-child(4) > span {
    /*background: #a79aec;*/
    /*background: -moz-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: -webkit-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a79aec", endColorstr="#827ad9", GradientType=1);*/
    background: linear-gradient(98deg, #B3ACE5 10.38%, #9795D4 100%);
}

.menu__catalog-list > ul > li:nth-child(4) > a.open,
.menu__catalog-list > ul > li:nth-child(4) > a.opn,
.menu__catalog-list > ul > li:nth-child(4) > a:hover {
    border: 2px solid #9795D4;
}

.menu__catalog-list > ul > li:nth-child(4) > span.open,
.menu__catalog-list > ul > li:nth-child(4) > span.opn,
.menu__catalog-list > ul > li:nth-child(4) > span:hover {
    border: 2px solid #9795D4;
}

.menu__catalog-list > ul > li:nth-child(5) > a, .menu__catalog-list > ul > li:nth-child(5) > span {
    /*background: #f67ecd;*/
    /*background: -moz-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: -webkit-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67ecd", endColorstr="#f671ce", GradientType=1);*/
    background: linear-gradient(99deg, #ED99BA 2.2%, #EC90B5 102.2%);
}

.menu__catalog-list > ul > li:nth-child(5) > a.open,
.menu__catalog-list > ul > li:nth-child(5) > a.opn,
.menu__catalog-list > ul > li:nth-child(5) > a:hover {
    border: 2px solid #EC90B5;
}

.menu__catalog-list > ul > li:nth-child(5) > span.open,
.menu__catalog-list > ul > li:nth-child(5) > span.opn,
.menu__catalog-list > ul > li:nth-child(5) > span:hover {
    border: 2px solid #EC90B5;
}

.menu__catalog-list > ul > li:nth-child(6) > a, .menu__catalog-list > ul > li:nth-child(6) > span {
    /*background: #95a6b0;*/
    /*background: -moz-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: -webkit-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95a6b0", endColorstr="#798089", GradientType=1);*/
    background: linear-gradient(97deg, #94A4AE 3.91%, #7B828B 102%);
}

.menu__catalog-list > ul > li:nth-child(6) > a.open,
.menu__catalog-list > ul > li:nth-child(6) > a.opn,
.menu__catalog-list > ul > li:nth-child(6) > a:hover {
    border: 2px solid #7B828B;
}

.menu__catalog-list > ul > li:nth-child(6) > span.open,
.menu__catalog-list > ul > li:nth-child(6) > span.opn,
.menu__catalog-list > ul > li:nth-child(6) > span:hover {
    border: 2px solid #7B828B;
}

.menu__catalog-list > ul > li:nth-child(7) > a, .menu__catalog-list > ul > li:nth-child(7) > span {
    background: #DF7945;
    /*background: -moz-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff863d", endColorstr="#ff6d16", GradientType=1);*/
}

.menu__catalog-list > ul > li:nth-child(7) > a.open,
.menu__catalog-list > ul > li:nth-child(7) > a.opn,
.menu__catalog-list > ul > li:nth-child(7) > a:hover {
    border: 2px solid #DF7945;
}

.menu__catalog-list > ul > li:nth-child(7) > span.open,
.menu__catalog-list > ul > li:nth-child(7) > span.opn,
.menu__catalog-list > ul > li:nth-child(7) > span:hover {
    border: 2px solid #DF7945;
}

.menu__catalog-list > ul > li:nth-child(8) > a, .menu__catalog-list > ul > li:nth-child(8) > span {
    background: #A9AC73;
    /*background: -moz-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: -webkit-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff863d", endColorstr="#ff6d16", GradientType=1);*/
}

.menu__catalog-list > ul > li:nth-child(8) > a.open,
.menu__catalog-list > ul > li:nth-child(8) > a.opn,
.menu__catalog-list > ul > li:nth-child(8) > a:hover {
    border: 2px solid #A9AC73;
}

.menu__catalog-list > ul > li:nth-child(8) > span.open,
.menu__catalog-list > ul > li:nth-child(8) > span.opn,
.menu__catalog-list > ul > li:nth-child(8) > span:hover {
    border: 2px solid #A9AC73;
}

.menu__catalog-list > ul > li:nth-child(9) > a, .menu__catalog-list > ul > li:nth-child(9) > span {
    background: #BFAA88;
    /*background: -moz-linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*background: -webkit-linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*background: linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff863d", endColorstr="#288dc0", GradientType=1);*/
}

.menu__catalog-list > ul > li:nth-child(9) > a.open,
.menu__catalog-list > ul > li:nth-child(9) > a.opn,
.menu__catalog-list > ul > li:nth-child(9) > a:hover {
    border: 2px solid #BFAA88;
}

.menu__catalog-list > ul > li:nth-child(9) > span.open,
.menu__catalog-list > ul > li:nth-child(9) > span.opn,
.menu__catalog-list > ul > li:nth-child(9) > span:hover {
    border: 2px solid #BFAA88;
}

.menu__catalog-list > ul > li > a svg, .menu__catalog-list > ul > li > span svg {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0;
    font-size: 10px;
    transition-duration: 0.2s;
}

.menu__catalog-list > ul > li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    min-width: 265px;
    border-radius: 2px;
    margin-left: 3px;
    padding: 2px;
    overflow: auto;

}

.menu__catalog-list > ul > li:nth-child(1) > ul {
    background: #F6B300 ;
}

.menu__catalog-list > ul > li:nth-child(1) > ul > li > a:hover {
    color: #F6B300 ;
}

.menu__catalog-list > ul > li:nth-child(2) > ul {
    background: #7ECEE7 ;
}

.menu__catalog-list > ul > li:nth-child(2) > ul > li > a:hover {
    color: #7ECEE7 ;
}

.menu__catalog-list > ul > li:nth-child(3) > ul {
    background: #9DC85B ;
}

.menu__catalog-list > ul > li:nth-child(3) > ul > li > a:hover {
    color: #9DC85B ;
}

.menu__catalog-list > ul > li:nth-child(4) > ul {
    background: #9795D4 ;
}

.menu__catalog-list > ul > li:nth-child(4) > ul > li > a:hover {
    color: #9795D4 ;
}

.menu__catalog-list > ul > li:nth-child(5) > ul {
    background: #EC90B5 ;
    max-height: 500px;
}

.menu__catalog-list > ul > li:nth-child(5) > ul > li > a:hover {
    color: #EC90B5 ;
}

.menu__catalog-list > ul > li:nth-child(6) > ul {
    background: #7B828B ;
}

.menu__catalog-list > ul > li:nth-child(6) > ul > li > a:hover {
    color: #7B828B ;
}

.menu__catalog-list > ul > li:nth-child(7) > ul {
    background: #DF7945;
}

.menu__catalog-list > ul > li:nth-child(7) > ul > li > a:hover {
    color: #DF7945;
}

.menu__catalog-list > ul > li:nth-child(8) > ul {
    background: #A9AC73;
}

.menu__catalog-list > ul > li:nth-child(8) > ul > li > a:hover {
    color: #A9AC73;
}

.menu__catalog-list > ul > li:nth-child(9) > ul {
    background: #BFAA88;
}

.menu__catalog-list > ul > li:nth-child(9) > ul > li > a:hover {
    color: #BFAA88;
}

.menu__catalog-list > ul > li > ul > li {
    display: block;
    background: #ffffff;
}

.menu__catalog-list > ul > li > ul > li:last-child {
    border-bottom: 0;
}

.menu__catalog-list > ul > li > ul > li > a, .menu__catalog-list > ul > li > ul > li > span {
    display: block;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #000000;
}

.menu__catalog-list > ul > li > ul > li:first-child > a {
    border-radius: 2px 2px 0 0;
}

.menu__catalog-list > ul > li > ul > li:last-child > a {
    border-radius: 0 0 2px 2px;
    margin-bottom: 0 !important;
}

.menu__catalog-list > ul > li > ul > li.active > a {
    background: #fff;
    color: #000;
}

.menu__catalog-list > ul ul ul {
    display: none !important;
}

.menu__info-open {
    display: none;
}

.menu__info-list {
    position: relative;
}

.menu__info-list > ul {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.menu__info-list > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.menu__info-list > ul > li > a, .menu__info-list > ul > li > span {
    position: relative;
    display: block;
    padding: 14px 18.5px 15px;
    height: 48px;
    color: #3D616C;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
}

.menu__info-list > ul > li.parent > a:after, .menu__info-list > ul > li.parent > span:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M10.6668 6.66683L8.00016 9.3335L5.3335 6.66683' stroke='%239299A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    margin-left: 4px;
    top: 3px;
    position: relative;
}

.menu__info-list > ul > li > a svg, .menu__info-list > ul > li > span svg {
    display: none;
}

.menu__info-list > ul:nth-child(1) > li > a, .menu__info-list > ul:nth-child(1) > li > span {
    padding-left: 0;
}

.menu__info-list > ul:nth-child(2) > li:last-child > a, .menu__info-list > ul:nth-child(2) > li:last-child > span {
    padding-right: 0;
}

.menu__info-list > ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 14.3125rem;
    padding: 0.5rem 0;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0.75rem;
    border: 1px solid #EBEDF1;
    background: #FFF;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
}

.menu__info-list > ul ul li {
    display: flex;
    padding: 0.625rem 1.25rem;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
}

.menu__info-list > ul ul li:last-child {
    border-bottom: 0;
}

.menu__info-list > ul ul li a, .menu__info-list > ul ul li span {
    display: block;
    color: #3D616C;
    font-family: Gilroy;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.menu__info-list > ul ul li:first-child a, .menu__info-list > ul ul li:first-child span {
    border-radius: 2px 2px 0 0;
}

.menu__info-list > ul ul li:last-child a, .menu__info-list > ul ul li:last-child span {
    border-radius: 0 0 2px 2px;
}

.menu__info-list > ul ul ul,
.menu__info-list > ul ul li a svg, .menu__info-list > ul ul li span svg {
    display: none !important;
}

.menu__info-list > ul > li.active > a, .menu__info-list > ul > li.active > span {
    position: relative;
    color: #0BB7E2;
}

/*.menu__info-list > ul > li.active > a:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -2px;*/
/*    margin: 0 20px;*/
/*    height: 2px;*/
/*    background: #0BB7E2;*/
/*}*/

.menu__info-list > ul ul li.active a, .menu__info-list > ul ul li.active span {
    font-weight: 800;
}

.menu__info-list > ul ul ul {
    display: none !important;
}

/* promo */
.promo__list {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.promo__item {
    position: relative;
    display: block;
    float: left;
}

.promo__item:nth-child(1) {
    margin: 0 10px 0 0;
    width: calc(100% - 280px);
    height: 100%;
}

.promo__item:nth-child(2) {
    margin: 0 0 5px;
    width: 270px;
    height: calc(50% - 5px);
}

.promo__item:nth-child(3) {
    margin: 5px 0 0;
    width: 270px;
    height: calc(50% - 5px);
}

.newpromo_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 28px;
    background-image: url("/templates/akiba/assets/images/Banner.webp");
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.newpromo_item p {
    color: #FFF;
    font-size: 49px;
    font-weight: 700;
    line-height: 110%;
    background: rgba(120, 112, 111, 0.60);
    backdrop-filter: blur(9.300000190734863px);
    padding: 20px 48px;
    text-align: center;
    display: block;
}

.newpromo_item a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    transition: 0.3s;
    border-radius: 50px;
    background: #FFF;
    padding: 14px 22px;
    border: 2px solid #fff;
    width: fit-content;
    margin-left: 48px;
}

.newpromo_item a:hover {
    color: #fff;
    background: rgba(120, 112, 111, 0.60);
    backdrop-filter: blur(9.300000190734863px);
}

.newpromo_item:after {
    content: "";
    background-image: url("/templates/akiba/assets/images/Airbrush.webp");
    display: block;
    width: 277px;
    height: 334px;
    position: absolute;
    bottom: 0;
    right: 50px;
    background-size: 100% 100%;
}

/* pluses */
.pluses {
    padding: 40px 0 0px 0px;
}

.page .pluses {
    margin: 40px 0 40px 0;
    border-top: 1px solid #ddecf0;
}

.pluses__list {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 3.4375rem;
}

.pluses__item {
    display: flex;
    width: 14.9rem;
    align-items: center;
    gap: 1.25rem;
}
.pluses__item:nth-child(1) {
    width: 16.25rem;
}
.pluses__item:nth-child(4) {
    width: 13.1875rem;
}
.pluses__item:nth-child(n + 5) {
    margin-top: 30px;
}

.pluses__image {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 82px;
    height: 50px;
}


.pluses__item:nth-child(2) .pluses__image {
    width: 80px;
}

.pluses__item:nth-child(3) .pluses__image {
    width: 80px;
}
.pluses__item:nth-child(4) .pluses__image {
    width: 73px;
}

.pluses__image img {
    max-height: 100%;
}

.pluses__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.pluses__text {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    color: #5c6467;
}

.pluses__btn {
    border-bottom: 1px dotted #0bb7e2;
    font-size: 12px;
    line-height: 16px;
    color: #0bb7e2;
}

/* catalog */
.catalog {
    padding: 47px 0 40px;
    /*background: url("../images/bg/catalog-wave.png") no-repeat 50% 0;*/
    /*background-size: auto 7px;*/
}

.catalog__headline {
    margin: 0 0 30px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #5c6467;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.catalog__list {
    position: relative;
    margin: 0 -12px;
}

.catalog__item {
    position: relative;
    display: block;
    float: left;
    margin: 0 12px 24px;
    width: calc(100% / 3 - 24px);
    height: 140px;
    color: #fff;
    transition-duration: 0s;
    border-radius: 4px;
    overflow: hidden;
}

.catalog__item:nth-child(1) {
    /*background: #ffce00;*/
    /*background: -moz-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00", endColorstr="#f6b300", GradientType=1);*/
    background: linear-gradient(97deg, #FECE01 0.21%, #F6B300 98.5%);
}

.catalog__item:nth-child(2) {
    /*background: #6ae22d;*/
    /*background: -moz-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: -webkit-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ae22d", endColorstr="#76cd0d", GradientType=1);*/
    background: linear-gradient(99deg, #5BD3EB 1.95%, #7ECEE7 101.95%);
}

.catalog__item:nth-child(3) {
    /*background: #0ac9fb;*/
    /*background: -moz-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: -webkit-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ac9fb", endColorstr="#46bcee", GradientType=1);*/
    background: linear-gradient(97deg, #9AD672 1.6%, #9DC85B 103.5%);
}

.catalog__item:nth-child(4) {
    /*background: #a79aec;*/
    /*background: -moz-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: -webkit-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a79aec", endColorstr="#827ad9", GradientType=1);*/
    background: linear-gradient(98deg, #B3ACE5 10.38%, #9795D4 100%);
}

.catalog__item:nth-child(5) {
    /*background: #f67ecd;*/
    /*background: -moz-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: -webkit-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67ecd", endColorstr="#f671ce", GradientType=1);*/
    background: linear-gradient(99deg, #ED99BA 2.2%, #EC90B5 102.2%);
}

.catalog__item:nth-child(6) {
    /*background: #95a6b0;*/
    /*background: -moz-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: -webkit-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95a6b0", endColorstr="#798089", GradientType=1);*/
    background: linear-gradient(97deg, #94A4AE 3.91%, #7B828B 102%);
}

.catalog__item:nth-child(7) {
    background: #DF7945;
    /*background: -moz-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff863d", endColorstr="#ff6d16", GradientType=1);*/
}

.catalog__item:nth-child(8) {
    background: #A9AC73;
    /*background: -moz-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: -webkit-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9338", endColorstr="#477f26", GradientType=1);*/
}

.catalog__item:nth-child(9) {
    background: #BFAA88;
    /*background: -moz-linear-gradient(90deg, #37a2d3 0%, #278ebd 100%);*/
    /*background: -webkit-linear-gradient(90deg, #37a2d3 0%, #278ebd 100%);*/
    /*background: linear-gradient(90deg, #37a2d3 0%, #278ebd 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a2d3", endColorstr="#278ebd", GradientType=1);*/
}

.catalog__title {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 150px;
    transition-duration: 0.2s;
    z-index: 1;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.catalog__item:before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    background: #fff;
    transition-duration: 0.2s;
    opacity: 0;
    border-radius: 4px;
}

.catalog__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

.catalog__image img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0) invert(1);
}

.catalog__item:nth-child(1) .catalog__image {
    right: 23px;
    width: 153px;
    height: 96px;
}

.catalog__item:nth-child(2) .catalog__image {
    right: 25px;
    width: 117px;
    height: 95px;
}

.catalog__item:nth-child(3) .catalog__image {
    right: 16px;
    width: 122px;
    height: 103px;
    bottom: -1px;
}

.catalog__item:nth-child(4) .catalog__image {
    right: 19px;
    width: 141px;
    height: 106px;
}

.catalog__item:nth-child(5) .catalog__image {
    right: 12px;
    width: 182px;
    height: 92px;
}

.catalog__item:nth-child(6) .catalog__image {
    right: 22px;
    width: 115px;
    height: 115px;
}

.catalog__item:nth-child(7) .catalog__image {
    right: 44px;
    width: 138px;
    height: 101px;
}

.catalog__item:nth-child(8) .catalog__image {
    right: 37px;
    width: 123px;
    height: 124px;
}

.catalog__item:nth-child(9) .catalog__image {
    right: 30px;
    width: 110px;
    height: 108px;
}

.price__new {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
    color: #e37f04;
}

.price__new span {
    font-size: 20px;
}

.price__old {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.price__old span {
    font-size: 16px;
    text-decoration: line-through;
}

.sidebar__catalog > ul {
    display: block;
}

.sidebar__catalog > ul > li {
    position: relative;
    display: block;
    border-bottom: 2px solid #fff;
}

.sidebar__catalog > ul > li:last-child {
    border-bottom: 0;
}

.sidebar__catalog > ul > li > a, .sidebar__catalog > ul > li > span {
    position: relative;
    display: block;
    padding: 18px 35px 18px 20px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #00c2f3;
}

.sidebar__catalog > ul > li:nth-child(1) > a, .sidebar__catalog > ul > li:nth-child(1) > span {
    /*background: #ffce00;*/
    /*background: -moz-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*background: linear-gradient(90deg, #ffce00 0%, #f6b300 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffce00", endColorstr="#f6b300", GradientType=1);*/
    background: linear-gradient(97deg, #FECE01 0.21%, #F6B300 98.5%);
}

.sidebar__catalog > ul > li:nth-child(2) > a, .sidebar__catalog > ul > li:nth-child(2) > span {
    /*background: #6ae22d;*/
    /*background: -moz-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: -webkit-linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*background: linear-gradient(90deg, #6ae22d 0%, #76cd0d 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ae22d", endColorstr="#76cd0d", GradientType=1);*/
    background: linear-gradient(99deg, #5BD3EB 1.95%, #7ECEE7 101.95%);
}

.sidebar__catalog > ul > li:nth-child(3) > a, .sidebar__catalog > ul > li:nth-child(3) > span {
    /*background: #0ac9fb;*/
    /*background: -moz-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: -webkit-linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*background: linear-gradient(90deg, #0ac9fb 0%, #46bcee 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ac9fb", endColorstr="#46bcee", GradientType=1);*/
    background: linear-gradient(97deg, #9AD672 1.6%, #9DC85B 103.5%);
}

.sidebar__catalog > ul > li:nth-child(4) > a, .sidebar__catalog > ul > li:nth-child(4) > span {
    /*background: #a79aec;*/
    /*background: -moz-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: -webkit-linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*background: linear-gradient(90deg, #a79aec 0%, #827ad9 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a79aec", endColorstr="#827ad9", GradientType=1);*/
    background: linear-gradient(98deg, #B3ACE5 10.38%, #9795D4 100%);
}

.sidebar__catalog > ul > li:nth-child(5) > a, .sidebar__catalog > ul > li:nth-child(5) > span {
    /*background: #f67ecd;*/
    /*background: -moz-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: -webkit-linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*background: linear-gradient(90deg, #f67ecd 0%, #f671ce 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f67ecd", endColorstr="#f671ce", GradientType=1);*/
    background: linear-gradient(99deg, #ED99BA 2.2%, #EC90B5 102.2%);
}

.sidebar__catalog > ul > li:nth-child(6) > a, .sidebar__catalog > ul > li:nth-child(6) > span {
    /*background: #95a6b0;*/
    /*background: -moz-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: -webkit-linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*background: linear-gradient(90deg, #95a6b0 0%, #798089 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95a6b0", endColorstr="#798089", GradientType=1);*/
    background: linear-gradient(97deg, #94A4AE 3.91%, #7B828B 102%);
}

.sidebar__catalog > ul > li:nth-child(7) > a, .sidebar__catalog > ul > li:nth-child(7) > span {
    /*background: #ff863d;*/
    /*background: -moz-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: -webkit-linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*background: linear-gradient(90deg, #ff863d 0%, #ff6d16 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff863d", endColorstr="#ff6d16", GradientType=1);*/
    background: #DF7945;
}

.sidebar__catalog > ul > li:nth-child(8) > a, .sidebar__catalog > ul > li:nth-child(8) > span {
    /*background: #5a9338;*/
    /*background: -moz-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: -webkit-linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*background: linear-gradient(90deg, #5a9338 0%, #477f26 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9338", endColorstr="#477f26", GradientType=1);*/
    background: #A9AC73;
}

.sidebar__catalog > ul > li:nth-child(9) > a, .sidebar__catalog > ul > li:nth-child(9) > span {
    /*background: #3b9fd2;*/
    /*background: -moz-linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*background: -webkit-linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*background: linear-gradient(90deg, #3b9fd2 0%, #288dc0 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9338", endColorstr="#288dc0", GradientType=1);*/
    background: #BFAA88;
}

.sidebar__catalog > ul > li > a svg, .sidebar__catalog > ul > li > span svg {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0;
    font-size: 10px;
    transition-duration: 0.2s;
}

.sidebar__catalog > ul > li.open > a svg,
.sidebar__catalog > ul > li > a.open svg {
    transform: rotate(90deg);
}

.sidebar__catalog > ul > li.open > span svg,
.sidebar__catalog > ul > li > span.open svg {
    transform: rotate(90deg);
}

.sidebar__catalog > ul > li > ul {
    position: relative;
    display: none;
    padding: 5px 5px 10px;
    border-radius: 2px;
    background: #f4f4f4 !important;
}

.sidebar__catalog > ul > li.open > ul {
    display: block;
}

.sidebar__catalog > ul > li:nth-child(1) > ul > li > a, .sidebar__catalog > ul > li:nth-child(1) > ul > li > span {
    border: 1px solid #F6B300;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(2) > ul > li > a, .sidebar__catalog > ul > li:nth-child(2) > ul > li > span {
    border: 1px solid #7ECEE7;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(3) > ul > li > a, .sidebar__catalog > ul > li:nth-child(3) > ul > li > span {
    border: 1px solid #9DC85B;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(4) > ul > li > a, .sidebar__catalog > ul > li:nth-child(4) > ul > li > span {
    border: 1px solid #9795D4;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(5) > ul > li > a, .sidebar__catalog > ul > li:nth-child(5) > ul > li > span {
    border: 1px solid #EC90B5;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(6) > ul > li > a, .sidebar__catalog > ul > li:nth-child(6) > ul > li > span {
    border: 1px solid #7B828B;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(7) > ul > li > a, .sidebar__catalog > ul > li:nth-child(7) > ul > li > span {
    border: 1px solid #DF7945;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(8) > ul > li > a, .sidebar__catalog > ul > li:nth-child(8) > ul > li > span {
    border: 1px solid #A9AC73;
    border-radius: 3px;
}

.sidebar__catalog > ul > li:nth-child(9) > ul > li > a, .sidebar__catalog > ul > li:nth-child(9) > ul > li > span {
    border: 1px solid #BFAA88;
    border-radius: 3px;
}

.sidebar__catalog > ul > li > ul > li {
    position: relative;
    display: block;
    background: transparent;
    margin-bottom: 2px;
    transition: 0.2s;
}

.sidebar__catalog > ul > li > ul > li:last-child {
    margin-bottom: 0;
}

.sidebar__catalog > ul > li > ul > li svg {
    position: absolute;
    left: 20px;
    top: 15px;
    font-size: 8px;
    color: #3e3e3e;
}

.sidebar__catalog > ul > li > ul > li > a, .sidebar__catalog > ul > li > ul > li > span {
    position: relative;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;
    display: block;
    padding: 8px 20px 8px 35px;
}

.sidebar__catalog > ul > li > ul > li:hover {
    background: #ffffff;
}

.sidebar__catalog > ul > li > ul > li.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 20px;
    top: 0;
    bottom: 0;
}

.sidebar__catalog > ul > li > ul > li.active {
    background: #ffffff;
}

.sidebar__catalog > ul > li > ul > li.active svg,
.sidebar__catalog > ul > li > ul > li.active > a, .sidebar__catalog > ul > li > ul > li.active > span {
    color: #000;
    font-weight: 700;
}

.sidebar__catalog > ul ul ul {
    display: none !important;
}

.catalog__filter {
    margin: 0 0 15px;
    padding: 30px 50px 35px;
    background: #ffd202 url("../images/bg/filter-search.png") no-repeat calc(100% - 185px) 50%;
}

.catalog__filter form {
    position: relative;
    display: block;
}

.catalog__filter form:after {
    content: "";
    display: table;
    clear: both;
}

.catalog__filter .filter__block:nth-child(1) {
    margin: 0 40px 20px 0;
    width: 465px;
}

.catalog__filter .filter__block:nth-child(3) {
    width: 495px;
}

.catalog__filter .filter__block:nth-child(2),
.catalog__filter .filter__block:nth-child(4) {
    width: 200px;
}

.catalog__filter .filter__block input[type="submit"] {
    width: 200px;
    background-position: 135px 50%;
}

.catalog__menu {
    margin: 0 0 25px;
    overflow: hidden;
}

.catalog__menu > ul {
    display: block;
    margin: -3px;
    overflow: hidden;
}

.catalog__menu > ul > li {
    display: block;
    float: left;
    margin: 3px;
}

.catalog__menu > ul > li > a {
    position: relative;
    display: block;
    padding: 0 25px;
    height: 50px;
    background: #f1f7f8;
    border-radius: 2px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #145768;
}

.catalog__menu > ul > li > a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.catalog__menu > ul > li.active > a {
    background: #00c2f3;
    color: #fff;
}

.catalog__age {
    margin: -4px -4px 16px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddecf0;
    overflow: hidden;
}

.catalog__age > span {
    display: block;
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.catalog__age .age__all,
.catalog__age label {
    position: relative;
    float: left;
    display: block;
    margin: 4px;
    padding: 9px 28px;
    height: 34px;
    background: #fff;
    border: 1px solid #00c2f3;
    border-radius: 18px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    transition-duration: 0.2s;
    cursor: pointer;
}

.catalog__age label:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #00c2f3;
    border-radius: 18px;
    transition-duration: 0.2s;
    opacity: 0;
}

.catalog__age .jq-checkbox {
    opacity: 0;
}

.catalog__age label svg {
    position: absolute;
    left: 12px;
    top: 13px;
    font-size: 8px;
    opacity: 0.15;
    transition-duration: 0.2s;
}

.catalog__age label svg:last-child {
    position: absolute;
    left: auto;
    right: 12px;
    top: 11px;
    font-size: 10px;
    opacity: 0.15;
}

.catalog__age .age__all.checked {
    background: #00c2f3;
    color: #fff;
}

.catalog__age label.checked {
    background: #fff;
    color: #000;
}

.catalog__age label.checked svg {
    color: #00c2f3;
    opacity: 1;
}

.catalog__age label.checked svg:last-child {
    color: #000;
    opacity: 0.15;
}

.catalog__age label.checked:after {
    opacity: 1;
}

.catalog__age label.checked:hover svg:last-child {
    opacity: 1;
}

.catalog__top {
    position: relative;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddecf0;
}

.catalog__top:after {
    content: "";
    display: table;
    clear: both;
}

.catalog__hit-total {
    float: left;
    margin: 1px 40px 0 0;
    padding: 0 0 0 28px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.catalog__hit-total:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../images/svg/star.svg") no-repeat;
    background-size: 100% auto;
}

.catalog__hit-total span {
    font-weight: bold;
}

.catalog__search-total {
    position: relative;
    float: left;
    margin: 1px 60px 0 0;
    padding: 0 0 0 28px;
    font-size: 16px;
    line-height: 20px;
}

.catalog__search-total:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../images/svg/search-big.svg") no-repeat;
    background-size: 100% auto;
}

.catalog__search-total span {
    font-weight: 600;
}

.catalog__sort {
    float: left;
    margin: 0 30px 0 0;
}

.catalog__stock {
    float: left;
}

.catalog__sort span,
.catalog__stock span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.catalog__sort .jq-selectbox,
.catalog__stock .jq-selectbox {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.catalog__sort .jq-selectbox__select,
.catalog__stock .jq-selectbox__select {
    width: auto;
    height: auto;
    padding: 0 22px 0 0;
    border: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #2998c7;
}

.catalog__sort .jq-selectbox__trigger,
.catalog__stock .jq-selectbox__trigger {
    width: 22px;
}

.catalog__sort .jq-selectbox__trigger-arrow,
.catalog__stock .jq-selectbox__trigger-arrow {
    background: url("../images/svg/sort-select.svg") no-repeat 50% calc(50% - 1px);
    background-size: 5px auto;
}

.catalog__sort .jq-selectbox__dropdown,
.catalog__stock .jq-selectbox__dropdown {
    margin: 0;
    width: auto;
    border: 0;
}

.catalog__sort .jq-selectbox li,
.catalog__stock .jq-selectbox li {
    min-height: 16px;
    margin: 5px 0 0;
    padding: 0;
    border-bottom: 0;
    font-size: 12px;
    line-height: 16px;
}

.catalog__sort .jq-selectbox li.selected,
.catalog__sort .jq-selectbox li.sel,
.catalog__stock .jq-selectbox li.selected,
.catalog__stock .jq-selectbox li.sel {
    display: none !important;
}

.catalog__top .catalog__page {
    float: right;
    margin: -1px 0 0;
}

.catalog__page span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.catalog__page a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px;
    padding: 2px 0;
    width: 30px;
    height: 19px;
    background: #e9f0f2;
    border: 1px solid #e9f0f2;
    border-radius: 1px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
    color: #2998c7;
    text-align: center;
}

.catalog__page a.active {
    background: #2998c7;
    border-color: #2998c7;
    color: #fff;
}

.catalog__items > ul {
    display: block;
    margin: 0 0 -1px;
}

.catalog__items > ul > li {
    position: relative;
    display: block;
    padding: 15px 0;
    min-height: 180px;
    border-bottom: 1px solid #ddecf0;
    overflow: hidden;
}

.catalog__items-tag {
    top: 15px !important;
}

.tag__new,
.tag__sale,
.tag__hit {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 50px;
    z-index: 1;
}

.tag__new {
    background: url("../images/bg/tag-new.png") no-repeat;
    background-size: 100% auto;
}

.tag__sale {
    background: url("../images/bg/tag-sale.png") no-repeat;
    background-size: 100% auto;
}

.tag__hit {
    background: url("../images/bg/tag-hit.png") no-repeat;
    background-size: 100% auto;
}

.catalog__items-image {
    position: absolute;
    display: block;
    left: 0;
    top: 15px;
    padding: 4px;
    width: 200px;
    height: 150px;
    border: 1px solid #ddecf0;
}

.catalog__items-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.catalog__items-title {
    display: block;
    margin: 10px 0 20px;
    padding: 0 0 0 230px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #2998c7;
}

.catalog__items-title a {
    color: #2998c7;
}

.catalog__items-details {
    overflow: hidden;
}

.catalog__items-desc .catalog__items-details:not(:first-child) {
    margin: 20px 0 0;
}

.catalog__items-desc + .catalog__items-details {
    display: none;
}

.catalog__items-desc {
    float: left;
    padding: 0 0 0 230px;
    width: calc(100% - 180px);
}

.catalog__items-size {
    float: left;
    width: 180px;
    font-size: 12px;
    line-height: 16px;
}

.catalog__items-zone {
    float: right;
    width: calc(100% - 180px);
    font-size: 12px;
    line-height: 16px;
}

.catalog__items-size span,
.catalog__items-zone span {
    display: block;
    margin: 0 0 2px;
}

.catalog__items-age,
.catalog__items-producer {
    position: relative;
    padding: 0 0 0 180px;
    font-size: 12px;
    line-height: 16px;
    clear: both;
}

.catalog__items-age {
    margin: 0 0 8px;
}

.catalog__items-age span,
.catalog__items-producer span {
    position: absolute;
    left: 0;
    top: 0;
}

.catalog__items-block {
    position: relative;
    float: right;
    width: 150px;
}

.catalog__items-price {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.catalog__items-price > span {
    font-size: 20px;
}

.catalog__items-stock {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    font-style: italic;
}

.catalog__items-btn {
    position: relative;
    width: 135px;
    height: 31px;
    background: #ffd419;
    border-radius: 15px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.catalog__items-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.btn__add {
    background: #ffd419;
}

.btn__more {
    background: #7fcc20;
}

.product__btn.btn__more:hover input{
    color: #7FCC20;
}

.btn__more:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    width: 15px;
    height: 15px;
    background: url("../images/svg/more.svg") no-repeat;
    background-size: 100% auto;
}

.btn__more:hover:before{
    background: url("../images/svg/more_green.svg") no-repeat;
}

.catalog__hit .catalog__items-desc,
.catalog__search .catalog__items-desc {
    position: relative;
    width: calc(100% - 420px);
}

.catalog__hit .catalog__items-desc:after,
.catalog__search .catalog__items-desc:after,
.catalog__hit .catalog__items-block:before,
.catalog__search .catalog__items-block:before {
    content: "";
    position: absolute;
    right: -31px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ddecf0;
}

.catalog__hit .catalog__items-block,
.catalog__search .catalog__items-block {
    position: relative;
    padding: 0 0 0 50px;
    width: 390px;
}

.catalog__hit .catalog__items-block:before,
.catalog__search .catalog__items-block:before {
    left: 0;
    right: auto;
}

.catalog__bottom {
    position: relative;
    padding: 25px 0 0;
    border-top: 1px solid #ddecf0;
}

.catalog__bottom:after {
    content: "";
    display: table;
    clear: both;
}

.catalog__bottom .pagination {
    float: left;
    margin: 0;
    text-align: left;
}

.catalog__bottom .catalog__page {
    float: right;
    margin: 6px 0 0;
}

.catalog__content {
    position: relative;
    padding: 97px 0 0;
    clear: both;
}

.catalog__content:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
    width: 1164px;
    height: 7px;
    background: url("../images/bg/page-wave.png") no-repeat 50% 0;
    background-size: auto 100%;
}

.catalog__content .content + .content {
    display: none;
    margin: 15px 0 0;
}

.catalog__read {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0;
    border-bottom: 1px dashed #08c3f2;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: #08c3f2;
    transition-duration: 0.2s;
    cursor: pointer;
}

.catalog__read:before {
    content: "развернуть весь текст";
}

.catalog__btn {
    position: relative;
    margin: 30px auto 0;
    width: 160px;
    height: 40px;
    background: #00c2f3;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #079cc2;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.catalog__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.catalog__search-form {
    position: relative;
    margin: 0 0 20px;
    padding: 30px 60px;
    background: #ffd202 url("../images/bg/filter-search.png") no-repeat 210px 50%;
    background-size: 90px auto;
}

.catalog__search-form:after {
    content: "";
    display: table;
    clear: both;
}

.catalog__search-form span {
    display: block;
    float: left;
    margin: 5px 0 0;
    width: 230px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
}

.catalog__search-form form {
    position: relative;
    display: block;
    float: right;
    width: calc(100% - 230px);
    height: 40px;
}

.catalog__search-form input[type="text"] {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px 0 45px;
    width: calc(100% - 410px);
    height: 40px;
    background: #fff url("../images/svg/search.svg") no-repeat 18px 50%;
    background-size: 14px auto;
    border: 0;
    border-radius: 2px 0 0 2px;
    font-size: 16px;
    line-height: 20px;
}

.catalog__search-form .jq-selectbox {
    position: absolute;
    right: 150px;
    top: 0;
    display: block;
    width: 260px;
    height: 40px;
    background: #fff;
    border: 0;
    border-radius: 0 2px 2px 0;
}

.catalog__search-form .jq-selectbox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px;
    width: 1px;
    background: #ffd202;
    z-index: 1;
}

.catalog__search-form .jq-selectbox__select {
    height: 100%;
    padding: 12px 35px 12px 20px;
    border: 0;
    font-size: 12px;
    line-height: 16px;
}

.catalog__search-form .jq-selectbox .placeholder {
    color: #000;
}

.catalog__search-form .jq-selectbox__trigger {
    top: 0;
    bottom: 0;
    width: 35px;
    border-left: 0;
}

.catalog__search-form .jq-selectbox__trigger-arrow {
    background-size: 5px auto;
}

.catalog__search-form .jq-selectbox__dropdown {
    border: 1px solid #f2f2f2;
}

.catalog__search-form .jq-selectbox li {
    padding: 9px 20px 10px;
    min-height: 36px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
}

.catalog__search-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px 0 0;
    width: 140px;
    height: 40px;
    background: #08c3f2 url("../images/svg/arrow-right.svg") no-repeat 95px 50%;
    background-size: 10px auto;
    border: 0;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.catalog__hit-block {
    position: relative;
    margin: 0 0 25px;
    padding: 35px 60px;
    min-height: 160px;
    background: rgb(255, 210, 2);
    background: -moz-linear-gradient(90deg, rgba(255, 210, 2, 1) 0%, rgba(255, 185, 0, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 210, 2, 1) 0%, rgba(255, 185, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 210, 2, 1) 0%, rgba(255, 185, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd202", endColorstr="#ffb900", GradientType=1);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
}

.catalog__hit-block:after {
    content: "";
    position: absolute;
    right: 50px;
    bottom: -25px;
    width: 230px;
    height: 220px;
    background: url("../images/bg/hit-bg.png") no-repeat;
    background-size: 100% auto;
}

.catalog__hit-block span {
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.other__headline {
    margin: 0 0 25px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.other__list {
    margin: -5px;
    overflow: hidden;
}

.other__list.preloader {
    height: 300px;
}

.other__list a {
    display: block;
    float: left;
    margin: 5px;
    padding: 25px 30px;
    width: calc(25% - 10px);
    background: #fff;
    border: 1px solid #ddecf0;
}

.other__list-image {
    position: relative;
    margin: -5px auto 20px;
    max-width: 190px;
}

.other__list-image:after {
    content: "";
    display: block;
    padding: 0 0 100%;
}

.other__list-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.other__list-title {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    color: #2998c7;
    transition-duration: 0.2s;
}

.other__list-details {
    margin: 8px 0 0;
    font-size: 10px;
    line-height: 14px;
}

.other__list-details span {
    display: block;
}

.other__list-price {
    display: inline-block;
    vertical-align: top;
    margin: 18px 0 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.other__list-price span {
    font-size: 16px;
}

.other__list-price .price__new {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 18px;
}

.other__list-price .price__new span {
    font-size: 16px;
}

.other__list-price .price__old {
    font-size: 10px;
    line-height: 14px;
}

.other__list-price .price__old span {
    font-size: 12px;
}

.other__list-stock {
    display: inline-block;
    vertical-align: top;
    margin: 20px -5px 0 8px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
}

.stock__yes {
    color: #75b22a;
}

.stock__no {
    color: #de7535;
}

/* product */
.product__row {
    margin: -15px 0 20px;
    overflow: hidden;
}

.product__category {
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}

.product__category:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 9px;
    width: 3px;
    height: 3px;
    background: #ffd419;
    border-radius: 50%;
}

.product__code,
.product__category {
    float: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.product__code span,
.product__category span {
    font-size: 12px;
    font-weight: normal;
    color: #555;
}

.product__wrap {
    margin: 0 0 40px;
    overflow: hidden;
}

.product__image {
    position: relative;
    float: left;
    width: 440px;
}

.product__image.preloader {
    height: 360px;
}

.product__for {
    position: relative;
    border: 1px solid #e9f0f2;
}

.product__for a {
    position: relative;
    display: block;
}

.product__for a:after {
    content: "";
    display: block;
    padding: 0 0 calc(100% - 70px);
}

.product__for a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
}

.product__nav {
    margin: 2px -2px -2px;
}

.product__nav .slick-slide {
    position: relative;
    display: block;
    margin: 2px;
    width: calc(25% - 4px) !important;
    border: 1px solid #e9f0f2;
    transition-duration: 0.2s;
}

.product__nav .slick-slide:after {
    content: "";
    display: block;
    padding: 0 0 calc(100% - 18px);
}

.project__slider a.slick-slide img {
    object-fit: cover;
    width: 100% !important;
    height: 560px !important;
}

.product__nav .slick-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 8px);
    max-height: calc(100% - 8px);
}

.product__nav .slick-track,
.product__nav .slick-list {
    width: 100% !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.product__nav .slick-slide.slick-current {
    border-color: #00c2f3;
}

.product__zoom {
    position: relative;
    margin: 15px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: #8ea0a4;
}

.product__zoom span {
    position: relative;
    padding: 0 0 0 22px;
}

.product__zoom span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background: url("../images/svg/zoom.svg") no-repeat;
    background-size: 100% auto;
}

.product__desc {
    float: right;
    width: 325px;
}

.product__age,
.product__size,
.product__zone,
.product__producer,
.product__details {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.product__age span,
.product__size span,
.product__zone span,
.product__producer span,
.product__details span {
    display: block;
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #555;
}

.product__details {
    padding: 15px 0;
    border-top: 1px solid #e9f0f2;
    border-bottom: 1px solid #e9f0f2;
    overflow: hidden;
}

.product__weight {
    float: left;
    margin: 0 40px 0 0;
}

.product__volume {
    float: left;
    margin: 0 40px 0 0;
}

.product__cargo {
    float: left;
}

.product__price {
    margin: 0 0 10px;
}

.product__price-span {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #555;
}

.product__price {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
}

.product__price > span {
    font-size: 30px;
}

.product__price .price__new {
    font-size: 26px;
    line-height: 26px;
}

.product__price .price__new span {
    font-size: 30px;
}

.product__price .price__old {
    font-size: 20px;
    line-height: 26px;
}

.product__price .price__old span {
    font-size: 22px;
}

.product__stock {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    font-style: italic;
}

.product__block {
    position: relative;
    margin: 0 0 10px;
    width: 300px;
}

.product__btn {
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    width: 242px;
    border-radius: 500px;
    background: var(--Button-Main-Green, #7FCC20);
    transition-duration: 0.2s;
}

.product__btn.btn__add:before {
    content: "";
    position: absolute;
    left: 70px;
    top: 49%;
    display: inline-block;
    vertical-align: middle;
    margin: -9px 0 0 0;
    width: 18px;
    height: 18px;
    background: url("../images/svg/cart-white.svg") no-repeat;
    background-size: 100% auto;
}

.product__btn.btn__more:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 50%;
    margin: -9px 0 0;
    width: 19px;
    height: 19px;
}

.product__btn input[type="submit"] {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 0 0 0 65px;
    width: calc(100% - 98px);
    height: 100%;
    background: none !important;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: none;
}

.product__quantity {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 80px;
    height: 32px;
    background: #fff;
    border-radius: 26px;
}

.quantity input[type="text"] {
    padding: 0 30px;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 26px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
}

.quantity__minus,
.quantity__plus {
    position: absolute;
    top: 50%;
    margin: -12px 0 0;
    padding: 3px 0;
    width: 24px;
    height: 24px;
    background: #ffd419;
    border: 1px solid #ffd419;
    border-radius: 50%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.quantity__minus {
    left: 3px;
}

.quantity__plus {
    right: 3px;
}

.quantity__minus.disabled,
.quantity__plus.disabled {
    background: #ededed !important;
    border-color: #ededed !important;
    color: #cdcdcd !important;
    cursor: default !important;
}

.product__ask {
    position: relative;
    width: 242px;
    height: 48px;
    border-radius: 500px;
    background: #00C2F3;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.product__ask:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.product__left {
    float: left;
    width: 440px;
}

.product__content-title {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.product__content .content p,
.product__content .content li,
.product__content .content th,
.product__content .content td {
    font-size: 13px;
    line-height: 19px;
}

.product__content .content ul li:before {
    top: 7px;
}

.product__content .content a {
    border-bottom-color: transparent;
    color: #009cc3;
}

.product__content .content a:hover {
    border-bottom-color: #b5adde;
}

.product__doc {
    margin: 30px 0 0;
}

.product__doc-title {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.product__doc-list > ul {
    display: block;
    border-top: 1px solid #e9f0f2;
}

.product__doc-list > ul > li {
    position: relative;
    display: block;
    padding: 15px 0 15px 30px;
    border-bottom: 1px solid #e9f0f2;
    font-size: 14px;
    line-height: 18px;
}

.product__doc-list > ul > li svg {
    position: absolute;
    left: 0;
    top: 18px;
    width: 16px;
    height: 13px;
}

.product__doc-list > ul > li a {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid transparent;
}

.product__doc-list > ul > li span {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 15px;
    font-size: 10px;
    font-weight: 500;
}

.product__right {
    float: right;
    width: 325px;
}

.product__delivery {
    margin: 0 0 25px;
    padding: 30px 40px 38px;
    background: #f2fbfd url("../images/bg/delivery-bg.png") no-repeat 50% 100%;
    border-bottom: 3px solid #d8ecf0;
}

.product__delivery-block {
    margin: 0 0 20px;
}

.product__delivery-block:last-child {
    margin-bottom: 0;
}

.product__delivery-title {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.product__delivery-text {
    font-size: 12px;
    line-height: 18px;
}

.product__info p {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 15px;
}

.product__info p:last-child {
    margin-bottom: 0;
}

.product__other .other__headline {
    color: #00c2f3;
}

.product__other .other__list a {
    width: calc(33.33% - 10px);
}

/* filter */
.filter {
    margin: -5px 0 40px;
}

.filter__form {
    position: relative;
    height: 210px;
    background: #ffffff url("../images/bg/filter-search.png") no-repeat 320px 50%;
    border: 3px solid #ffd202;
}

.catalog__list + .filter__form {
    margin: 35px 0 0;
    clear: both;
}

.j_upper {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 99;
    left: 30px;
    bottom: 170px;
    display: flex;
    padding: 0;
    opacity: 0;
    transition: 0.2s;
    background: #21c3f1 !important;
    box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.2);
    transition-duration: 0.2s;
}

.j_upper svg {
    width: 36px;
    height: 36px;
    margin: auto;
    transition-duration: 0.2s;
}

.j_upper.active {
    opacity: 1;
}

.j_whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 99;
    left: 30px;
    bottom: 30px;
    display: flex;
    padding: 0;
    transition: 0.2s;
    background: rgb(106, 172, 36);
    background: -moz-linear-gradient(0deg, rgba(106, 172, 36, 1) 0%, rgba(129, 202, 51, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(106, 172, 36, 1) 0%, rgba(129, 202, 51, 1) 100%);
    background: linear-gradient(0deg, rgba(106, 172, 36, 1) 0%, rgba(129, 202, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6aac24", endColorstr="#81ca33", GradientType=1);
    box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.2);
    animation: blink 2s linear infinite;
    transition-duration: 0.2s;
}

.j_whatsapp svg {
    width: 100%;
    height: 100%;
    margin: 0;
    transition-duration: 0.2s;
}

.j-max{
    bottom: 100px;
    background: unset;
    box-shadow: none;
}

.j-tg{
    width: 70px;
    height: 70px;
    background: unset;
    box-shadow: none;
    left: 25px;
}

@keyframes blink {
    50% {
        opacity: 0.7;
    }
}

.filter__form:before {
    content: "";
    position: absolute;
    right: -90px;
    bottom: 15px;
    width: 233px;
    height: 179px;
    background: url("../images/bg/filter-bg.webp") no-repeat;
    background-size: 100% auto;
}

.filter__form:after {
    content: "";
    display: table;
    clear: both;
}

.filter__left {
    float: left;
    margin: 0 10px 0 0;
    padding: 40px 70px;
    width: 380px;
}

.filter__title {
    margin: 0 0 25px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
}

.filter__title span {
    display: block;
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 34px;
}

.filter__text {
    font-size: 13px;
    line-height: 19px;
    color: #000;
}

.filter__form form {
    position: relative;
    display: block;
    padding: 40px 0;
    float: left;
    width: 550px;
}

.filter__form form:after {
    content: "";
    display: table;
    clear: both;
}

.filter__block {
    float: left;
}

.filter__block:nth-child(1) {
    margin: 0 60px 20px 0;
    width: 310px;
}

.filter__block:nth-child(2) {
    margin: 0 0 20px;
    width: 180px;
}

.filter__block:nth-child(3) {
    margin: 0 10px 0 0;
    width: 360px;
}

.filter__block:nth-child(4) {
    margin: 0;
    width: 180px;
}

.filter__span {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
}

.filter__block:nth-child(3) .filter__span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.filter__block input[type="submit"] {
    padding: 0 20px 0 0;
    width: 180px;
    height: 40px;
    background: #08c3f2 url("../images/svg/arrow-right.svg") no-repeat 125px 50%;
    background-size: 10px auto;
    border: 0;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.filter__value {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
    width: 120px;
    height: 40px;
    background: #fff;
    border-radius: 2px;
}

.filter__value input[type="text"] {
    padding: 0 10px 0 30px;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 2px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.filter__value span {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.filter__block > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
}

.filter__block .jq-selectbox__select {
    padding: 11px 40px 11px 15px;
    border: 1px solid #dcdcdc;
}

.filter__block .jq-selectbox__dropdown {
    border: 1px solid #f2f2f2;
}

.filter__block .jq-selectbox li {
    border-bottom: 1px solid #f2f2f2;
}

/* about */
.about {
    position: relative;
    overflow: hidden;
}

.about__content {
    float: left;
    width: calc(100% - 640px);
}

.about__menu {
    margin: 30px 0 0;
    overflow: hidden;
}

.about__menu > ul {
    display: block;
    margin: -4px;
    overflow: hidden;
}

.about__menu > ul > li {
    display: block;
    float: left;
    margin: 4px;
}

.about__menu > ul > li > a {
    position: relative;
    display: block;
    margin: 0 0 1px;
    padding: 0 30px;
    height: 40px;
    background: #0bb7e2;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #0bb7e2;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}

.about__menu > ul > li > a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.about__production {
    float: right;
    margin: 0 -70px 0 0;
    padding: 40px 70px;
    width: 630px;
    background: #f5fcfe url("../images/bg/about-bg.png") no-repeat 100% 100%;
    border-bottom: 2px solid #d4e4e8;
    border-radius: 5px;
}

.page .about__production {
    float: none;
    margin: 0;
    width: 100%;
}

.about__headline {
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.page .about__headline {
    display: inline-block;
    vertical-align: top;
    margin: 0 80px 0 0;
    width: 340px;
    font-size: 26px;
    line-height: 32px;
}

.page .about__production .content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 425px);
}

.about__gallery {
    margin: 29px -1px -1px;
    overflow: hidden;
}

.page .about__gallery {
    margin: 26px -4px -4px;
}

.about__gallery a {
    float: left;
    display: block;
    margin: 1px;
    width: calc(25% - 2px);
}

.page .about__gallery a {
    margin: 4px;
    width: calc(100% / 7 - 8px);
}

.about__btn {
    position: relative;
    display: block;
    margin: 35px 0 0;
    width: 280px;
    height: 44px;
    background: #0bb7e2;
    box-shadow: 0 2px 0 0 #2998c7;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: none;
}

.page .about__btn {
    margin: 30px 0 0;
}

.about__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.about__btn svg {
    vertical-align: middle;
    margin: 0 0 0 10px;
    width: 10px;
    height: 5px;
    fill: #fff;
    transition-duration: 0.2s;
}

/* news */
.news {
    padding: 20px 0;
}

.page .news {
    position: relative;
    margin: 50px 0 0;
    padding: 47px 0 0;
}

.page .news:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 1164px;
    height: 7px;
    background: url("../images/bg/page-wave.png") no-repeat 50% 0;
    background-size: auto 100%;
}

.news__headline {
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
}

.news__list {
    margin: 0 -15px;
    overflow: hidden;
}

.news .news__item {
    float: left;
    display: block;
    margin: 0 15px;
    width: calc(33.33% - 30px);
    border: 2px solid #ddecf0;
    border-radius: 5px;
}

.news .news__item:nth-child(n + 4) {
    margin-top: 30px;
}

.news .news__image {
    margin: -2px;
    height: 145px;
    background: #d9d9d9;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.news .news__content {
    padding: 25px 30px 30px;
}

.news .news__date {
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 14px;
}

.news .news__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition-duration: 0.2s;
}

.news .news__text {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 16px;
}

.news__btn {
    position: relative;
    display: block;
    margin: 30px 0 0;
    width: 200px;
    height: 44px;
    border: 1px solid #ddecf0;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #56828d;
    text-align: center;
}

.news__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.news__btn svg {
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 15px;
    height: 12px;
    fill: #56828d;
    transition-duration: 0.2s;
}

.news__row {
    margin: 0 0 25px;
    overflow: hidden;
}

.news__row a {
    color: #fff;
}

.news__left {
    float: left;
    width: calc(100% - 282px);
    background: #05a3ca;
    border-radius: 2px;
    overflow: hidden;
}

.news__category {
    position: relative;
    float: left;
    display: block;
    padding: 16px 30px;
    min-height: 50px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}

.news__row .news__date {
    position: relative;
    float: left;
    margin: 0 0 0 30px;
    padding: 16px 0 16px 28px;
    height: 50px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}

.news__row .news__date:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    width: 15px;
    height: 13px;
    background: url("../images/svg/date.svg") no-repeat;
    background-size: 100% auto;
}

.news__row .news__back {
    float: right;
    margin: 0;
    padding: 0;
    background: #05a3ca;
    border-top: 0;
    border-radius: 2px;
}

.news__row .news__back a {
    display: block;
    padding: 0;
    width: 280px;
    height: 50px;
    font-size: 13px;
    color: #fff !important;
    text-align: center;
}

.news__row .news__back a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.news__row .news__back a svg {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    fill: #fff !important;
}

.news__back {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #d3f1f8;
}

.news__back a {
    position: relative;
    padding: 0 0 0 28px;
    font-size: 14px;
    font-weight: 500;
    color: #05a3ca;
}

.news__back a svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin: 1px 0 0;
    width: 14px;
    height: 14px;
    fill: #05a3ca;
    transition-duration: 0.2s;
}

/* certificates */
.certificates {
    margin: 50px 0 0;
}

.certificates__headline {
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
}

.certificates__list {
    margin: -4px;
    overflow: hidden;
    margin-bottom: 40px;
}

.certificates__list a {
    width: 100%;
}

.certificates__list .certificate-block{
    width: calc(20% - 8px);
    border: 1px solid #e1edf1;
    float: left;
    display: block;
    margin: 4px;
    padding: 8px;
    height: 380px;
}

.about + .certificates .certificates__list a:nth-child(n + 6) {
    display: none;
}

.certificates__list a img {
    transition-duration: 0.2s;
    opacity: 0.8;
}

.certificates__list a span {
    display: block;
    padding: 12px 0 8px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.certificates__btn {
    position: relative;
    display: block;
    margin: 30px auto 0;
    width: 130px;
    height: 34px;
    background: #fff;
    border: 1px solid #26a2b4;
    box-shadow: 0 1px 3px 0 rgba(20, 20, 20, 0.07);
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px;
    color: #26a2b4;
    text-align: center;
    text-transform: none;
}

.certificates__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* projects 404 */
.projects__filter {
    margin: 0 0 25px;
}

.projects__filter .jq-selectbox {
    vertical-align: top;
    margin: 0;
    width: 150px;
}

.projects__filter .jq-selectbox + .jq-selectbox {
    margin: 0;
    width: 250px;
}

.projects__filter .jq-selectbox__select {
    padding-left: 45px;
}

.projects__filter .jq-selectbox .jq-selectbox__select {
    background: url("../images/svg/filter-year.svg") no-repeat 0 50%;
    background-size: 48px 15px;
}

.projects__filter .jq-selectbox + .jq-selectbox .jq-selectbox__select {
    background: url("../images/svg/filter-city.svg") no-repeat 0 50%;
    background-size: 48px 15px;
}

.projects__filter .jq-selectbox__trigger-arrow {
    background: url("../images/svg/filter-select.svg") no-repeat 50% 50%;
    background-size: 6px auto;
}

.projects__filter button {
    margin: 0;
    padding: 0;
    width: auto;
    height: 40px;
    background: none !important;
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    color: #14addd;
    text-transform: none;
}

.projects__filter button svg {
    vertical-align: -3px;
    margin: 0 8px 0 0;
    width: 13px;
    height: 13px;
    fill: #14addd;
    transition-duration: 0.2s;
}

.projects__item {
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #c7dde3;
    border-radius: 2px;
    transition-duration: 0.2s;
    overflow: hidden;
}

.projects__item:last-child {
    margin-bottom: 0;
}

.projects__image {
    float: left;
    display: block;
    width: 250px;
}

.projects__content {
    float: right;
    padding: 20px 30px;
    width: calc(100% - 250px);
}

.projects__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #2998c7;
}

.projects__title a {
    border-bottom: 1px solid transparent;
    color: #2998c7;
}

.projects__desc {
    position: relative;
    margin: 20px 0 0;
    padding: 0 140px 0 0;
}

.projects__text table {
    border-collapse: collapse;
    border: 0;
}

.projects__text table td {
    vertical-align: top;
    padding: 2px 0;
    border: 0;
    font-size: 12px;
    line-height: 16px;
}

.projects__text table td:first-child {
    padding-right: 10px;
}

.projects__text table td:last-child {
    font-weight: 500;
}

.projects__date {
    margin: 20px 0 0;
    font-size: 12px;
    line-height: 16px;
}

.projects__read {
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    width: 120px;
    height: 30px;
    background: #fff;
    border: 1px solid #8bbfd5;
    font-size: 12px;
    line-height: 12px;
    color: #2998c7;
    text-align: center;
}

.projects__read svg {
    vertical-align: middle;
    margin: 0 0 0 8px;
    font-size: 8px;
}

.projects__read:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.projects__btn {
    position: relative;
    margin: 30px auto 0;
    width: 160px;
    height: 40px;
    background: #00c2f3;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #079cc2;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.projects__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.project__slider {
    position: relative;
    margin: 0 0 40px;
    overflow: hidden;
}

.project__slider.preloader {
    height: 570px;
}

.project__for {
    float: left;
    width: calc(100% - 350px);
}

.project__nav {
    float: right;
    margin: -4px;
    width: 348px;
    height: 530px;
    overflow: hidden;
}

.project__nav .slick-list,
.project__nav .slick-track {
    width: 100% !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.project__nav .slick-slide {
    margin: 4px;
    width: calc(50% - 8px) !important;
    opacity: 0.65;
    transition-duration: 0.2s;
}

.project__nav .slick-slide.slick-current {
    opacity: 1;
}

.slick__prev,
.slick__next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 40px;
    height: 60px;
    background: rgba(104, 175, 16, 0.85);
    font-size: 20px;
    color: #fff;
    transition-duration: 0.2s;
    z-index: 1;
}

.slick__prev {
    left: 0;
}

.slick__next {
    right: 0;
}

.slick__prev svg,
.slick__next svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.project__more {
    position: absolute;
    right: 110px;
    bottom: 8px;
    padding: 0 0 2px 28px;
    font-size: 15px;
    line-height: 15px;
    color: #1197c1;
    transition-duration: 0.2s;
    cursor: pointer;
}

.project__more:after {
    content: "";
    position: absolute;
    left: 28px;
    right: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dashed #1197c1;
}

.project__more svg {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -9px 0 0;
    width: 18px;
    height: 18px;
    fill: #1197c1;
    transition-duration: 0.2s;
}

.project__content {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.project__desc {
    float: left;
    width: calc(100% - 380px);
}

.project__details {
    float: left;
    width: 340px;
}

.project__title {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #b9d6df;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.project__text table {
    margin: 15px 0 -5px;
    border-collapse: collapse;
    border: 0;
}

.project__text table:first-child {
    margin-top: -5px;
}

.project__text table td {
    vertical-align: top;
    padding: 5px 0;
    border: 0;
    font-size: 16px;
    line-height: 20px;
}

.project__text table td:first-child {
    padding-right: 20px;
    width: 105px;
}

.project__text table td:last-child {
    font-weight: 500;
}

.project__back {
    margin: 40px 0 0;
}

.project__content .project__back {
    margin: 25px 0 0;
}

.project__back a {
    position: relative;
    padding: 0 0 0 28px;
    font-size: 14px;
    font-weight: 500;
    color: #05a3ca;
}

.project__back a svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin: 1px 0 0;
    width: 14px;
    height: 14px;
    fill: #05a3ca;
    transition-duration: 0.2s;
}

.project__other {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #b9d6df;
}

/* contacts */
.contacts__wrap {
    border: 1px solid #d6e3e6;
    overflow: hidden;
}

.contacts__list {
    float: left;
    padding: 30px 60px;
    width: 470px;
}

.contacts__title {
    margin: 0 0 20px;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    color: #00c2f3;
}

.contacts__span {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

.contacts__address {
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 22px;
}

.contacts__time {
    margin: 18px 0 0;
    font-size: 14px;
    line-height: 20px;
}

.contacts__clock {
    margin: 5px 0 0;
}

.contacts__clock .contacts__span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
}

.contacts__clock span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 22px;
    font-size: 12px;
    line-height: 12px;
}

.contacts__clock span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
}

.contacts__clock span.open:before {
    background: url("../images/svg/time-open.svg") no-repeat;
    background-size: 100% auto;
}

.contacts__clock span.close:before {
    background: url("../images/svg/time-close.svg") no-repeat;
    background-size: 100% auto;
}

.contacts__phone {
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.contacts__whatsapp {
    margin: 5px 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.contacts__whatsapp span {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
    font-size: 12px;
    color: #6cbb17;
}

.contacts__tg span{
    color: #29B6F6;
}

.contacts__max span{
    color: #8b41e2;
}

.contacts__whatsapp a {
    position: relative;
    padding: 0 0 0 28px;
}

.contacts__whatsapp a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 18px;
    height: 18px;
    background: url("../images/svg/whatsapp.svg") no-repeat;
    background-size: 100% auto;
    margin-top: -2px;
}

.contacts__tg a:before{
    background: url("../images/tg_logo.svg");
    background-size: 100%
}

.contacts__max a:before{
    background: url("../images/max_logo.png");
    background-size: 100%
}

.contacts__email {
    margin: 18px 0 0;
    font-size: 14px;
    line-height: 18px;
}

.contacts__email a {
    color: #0797bc;
}

.contacts__map {
    float: right;
    padding: 30px;
    width: calc(100% - 470px);
}

.contacts__map iframe {
    display: block;
    width: 100%;
    height: 400px;
}

.contacts__gallery {
    margin: 15px 0 0;
    padding: 10px;
    border: 1px solid #d6e3e6;
    overflow: hidden;
}

.contacts__gallery a {
    float: left;
    display: block;
    margin: 4px;
    width: calc(100% / 8 - 8px);
    opacity: 0.68;
}

.contacts__block {
    margin: 30px 0 0;
    overflow: hidden;
}

.contacts__item {
    padding: 30px 60px;
    border: 1px solid #d6e3e6;
    overflow: hidden;
}

.contacts__item:nth-child(even) {
    float: left;
    margin: 0 10px 0 0;
    width: calc(50% - 10px);
}

.contacts__item:nth-child(odd) {
    float: right;
    margin: 0 0 0 10px;
    width: calc(50% - 10px);
}

.contacts__item:first-child {
    float: none;
    margin: 0 0 15px;
    width: 100%;
}

.contacts__item-top {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px solid #d6e3e6;
}

.contacts__item-headline {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #6150bb;
    text-transform: uppercase;
}

.contacts__item-text {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.contacts__item:first-child .contacts__item-headline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px 0 0;
}

.contacts__item:first-child .contacts__item-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.contacts__item-content {
    position: relative;
    padding: 5px 0 5px 130px;
    min-height: 115px;
}

.contacts__item:first-child .contacts__item-content {
    float: left;
    padding-right: 30px;
    width: 33.33%;
}

.contacts__item-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    overflow: hidden;
}

.contacts__item-position {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 16px;
}

.contacts__item-name {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.contacts__item-email {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 25px;
    font-size: 15px;
    line-height: 19px;
    color: #6150bb;
}

.contacts__item-email:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../images/svg/mail-contacts.svg") no-repeat;
    background-size: 100% auto;
}

.contacts__item-email a {
    border-bottom: 1px solid transparent;
    color: #6150bb;
}

.contacts__item-phone {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.contacts__item-phone:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 11px;
    height: 17px;
    background: url("../images/svg/phone-contacts.svg") no-repeat;
    background-size: 100% auto;
}

.contacts__details {
    margin: 30px 0 0;
    padding: 30px 60px;
    border: 1px solid #d6e3e6;
    overflow: hidden;
}

.contacts__details-headline {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.contacts__details-content {
    position: relative;
    padding: 0 180px 0 0;
}

.contacts__details-title {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.contacts__details-text {
    font-size: 14px;
    line-height: 20px;
}

.contacts__details-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 140px;
    height: 44px;
    background: #fff;
    border: 1px solid #ddecf0;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #0797bc;
    text-align: center;
}

.contacts__details-btn svg {
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 11px;
    height: 14px;
    fill: #0797bc;
    transition-duration: 0.2s;
}

.contacts__details-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* cart */
.cart h1.headline {
    text-align: center;
}

.cart__top {
    position: relative;
    padding: 3px 0 0;
}

.cart__top h1.headline {
    text-transform: uppercase;
}

.cart__top .cart__edit + h1.headline {
    text-transform: none;
}

.cart__top .cart__back,
.cart__top .cart__edit,
.cart__top .cart__reload {
    position: absolute;
    top: 0;
}

.cart__back,
.cart__edit,
.cart__reload {
    position: relative;
    display: block;
    width: 195px;
    height: 45px;
    background: #fff;
    border: 1px solid #8bbfd5;
    font-size: 12px;
    line-height: 12px;
    color: #2998c7;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.cart__edit {
    width: 260px;
}

.cart__top .cart__back,
.cart__top .cart__edit {
    left: 0;
}

.cart__top .cart__reload {
    right: 0;
}

.cart__back:after,
.cart__edit:after,
.cart__reload:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cart__back svg,
.cart__edit svg,
.cart__reload svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    width: 15px;
    height: 15px;
    fill: #2998c7;
    transition-duration: 0.2s;
}

.cart__reload svg {
    width: 12px;
    height: 12px;
}

.cart__steps {
    position: relative;
    margin: 0 0 30px;
    padding: 25px 0;
}

.cart__steps:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    background: #eff8fb;
    z-index: -1;
}

.cart__steps ul {
    display: block;
    margin: 0 -80px;
    text-align: center;
}

.cart__steps ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 80px;
    padding: 0 0 0 50px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #b3cbd7;
    text-align: left;
}

.cart__steps ul li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -16px 0 0;
    padding: 10px 0;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #508aa5;
    text-align: center;
}

.cart__steps ul li:nth-child(1):before {
    content: "1";
}

.cart__steps ul li:nth-child(2):before {
    content: "2";
}

.cart__steps ul li:nth-child(3):before {
    content: "3";
}

.cart__steps ul li:not(:last-child):after {
    content: "";
    position: absolute;
    right: -96px;
    top: 50%;
    margin: -6px 0 0;
    width: 28px;
    height: 13px;
    background: url("../images/svg/step-arrow.svg") no-repeat;
    background-size: 100% auto;
}

.cart__steps ul li.active {
    color: #307897;
}

.cart__steps ul li.active:before {
    background: #2998c7;
    color: #fff;
}

.cart__steps ul li.done {
    color: #307897;
}

.cart__steps ul li.done:before {
    background: #7fcc20;
    color: #fff;
}

.cart__steps ul li:not(:last-child).done:after {
    background: url("../images/svg/step-arrow2.svg") no-repeat;
    background-size: 100% auto;
}

.cart__steps ul li:nth-child(3).done:before {
    content: "";
    background: #7fcc20 url("../images/svg/step-success.svg") no-repeat 50% 50%;
    background-size: 10px auto;
}

.cart__steps ul li.error {
    color: #fc4141;
}

.cart__steps ul li.error:before {
    content: "";
    background: #fc4141 url("../images/svg/step-error.svg") no-repeat 50% 50%;
    background-size: 16px auto;
}

.cart__steps ul li span:first-child {
    display: none;
}

.cart__table {
    display: table;
    margin: -30px 0 35px;
    width: 100%;
}

.cart__head,
.cart__row {
    display: table-row;
}

.cart__cell {
    display: table-cell;
    vertical-align: top;
    padding: 40px 15px;
    border-bottom: 1px solid #ddecf0;
}

.cart__head .cart__cell {
    padding: 20px 15px;
    font-size: 10px;
    line-height: 14px;
    color: #8b9ea6;
    text-transform: uppercase;
}

.cart__cell:nth-child(1) {
    vertical-align: middle;
    width: 80px;
    text-align: center;
}

.cart__cell:nth-child(2) {
    width: calc(100% - 80px - 138px - 130px * 2);
}

.cart__cell:nth-child(3) {
    width: 130px;
}

.cart__cell:nth-child(4) {
    width: 138px;
}

.cart__cell:nth-child(5) {
    width: 130px;
}

.cart__delete {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.cart__delete svg {
    width: 100%;
    height: 100%;
    fill: #beced5;
    transition-duration: 0.2s;
}

.cart__image {
    display: inline-block;
    vertical-align: middle;
    margin: -15px 25px -15px 0;
    width: 100px;
}

.cart__desc {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
}

.cart__title {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 20px;
}

.cart__title a {
    color: #147198;
}

.cart__code {
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 14px;
    color: #4e4e4e;
}

.cart__stock {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    font-style: italic;
}

.cart__quantity {
    position: relative;
    margin: -7px 28px -7px 0;
    width: 80px;
    height: 32px;
    background: #fff;
    border: 1px solid #d6e0e2;
    border-radius: 26px;
}

.cart__quantity .quantity__minus,
.cart__quantity .quantity__plus {
    background: #2998c7;
    border-color: #2998c7;
    color: #fff;
}

.cart__quantity span {
    position: absolute;
    right: -28px;
    top: 6px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.cart__cell-span {
    display: none;
}

.cart__price {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    white-space: nowrap;
}

.cart__cell:nth-child(5) .cart__price {
    font-weight: bold;
}

.cart__price span {
    font-size: 18px;
    font-weight: bold;
}

.cart__total {
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
}

.cart__total-left {
    float: left;
    margin: 0 20px 0 0;
}

.cart__span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    padding: 0 0 0 45px;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
}

.cart__span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url("../images/svg/cart.svg") no-repeat;
    background-size: 100% auto;
}

.cart__items {
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 0 0;
    font-size: 16px;
    line-height: 20px;
}

.cart__total-center {
    float: left;
    margin: 10px 0 0;
}

.cart__weight,
.cart__volume,
.cart__cargo {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0;
    font-size: 12px;
    line-height: 16px;
}

.cart__cargo {
    margin-right: 0;
}

.cart__items span,
.cart__weight span,
.cart__volume span,
.cart__cargo span {
    font-weight: 600;
}

.cart__total-right {
    float: right;
    width: 340px;
}

.cart__total-right > span {
    display: inline-block;
    vertical-align: top;
    margin: 4px 10px 0 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}

.cart__sum {
    display: inline-block;
    vertical-align: top;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    white-space: nowrap;
}

.cart__sum span {
    font-size: 30px;
}

.cart__bottom {
    overflow: hidden;
}

.cart__left {
    float: left;
    overflow: hidden;
}

.cart__left .cart__reload {
    float: left;
    margin: 0 12px 0 0;
}

.cart__refresh {
    display: block;
    float: left;
    width: 195px;
    height: 45px;
    background: #fff;
    border: 1px solid #8bbfd5;
    font-size: 12px;
    line-height: 12px;
    color: #2998c7;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.cart__refresh:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cart__refresh svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    width: 13px;
    height: 13px;
    fill: #2998c7;
    transition-duration: 0.2s;
}

.cart__submit {
    float: right;
}

.cart__submit input[type="submit"] {
    width: 340px;
    height: 65px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.cart__other {
    position: relative;
    margin: 50px 0 -60px;
    padding: 40px 0 60px;
}

.cart__other:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    background: #eff8fb;
    z-index: -1;
}

.cart__other .other__headline {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.cart__other .other__list.preloader:before {
    background-color: #eff8fb;
}

.cart__other .other__list {
    margin: -3px;
}

.cart__other .other__list a {
    margin: 3px;
    padding: 25px 20px;
    width: 217px;
}

.other__list-title {
    font-size: 13px;
    line-height: 17px;
}

.other__list-price {
    font-size: 12px;
    line-height: 16px;
}

.other__list-price span {
    font-size: 14px;
}

.other__list-price .price__new {
    font-size: 12px;
    line-height: 16px;
}

.other__list-price .price__new span {
    font-size: 14px;
}

.other__list-stock {
    font-size: 10px;
    line-height: 14px;
}

.other__list .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 26px;
}

.other__list .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 6px;
    right: 3px;
    left: 3px;
    filter: none !important;
    -ms-filter: none !important;
    opacity: 1 !important;
}

.other__list .mCSB_scrollTools.mCSB_scrollTools_horizontal:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border-radius: 16px;
}

.other__list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    display: none !important;
}

.other__list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 6px;
    margin: 0;
}

.other__list .mCSB_scrollTools .mCSB_draggerRail {
    background: #0bb7e2 !important;
    filter: none !important;
    -ms-filter: none !important;
}

.cart__empty-text {
    position: relative;
    padding: 105px 0 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.cart__empty-text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 75px;
    background: url("../images/svg/cart-empty.svg") no-repeat 50% 0;
    background-size: auto 100%;
}

.cart__empty-text span {
    display: block;
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #ff5454;
}

.cart__empty .cart__back {
    margin: 40px auto 0;
}

.cart__error-text {
    position: relative;
    padding: 90px 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.cart__error-text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 60px;
    background: url("../images/svg/cart-error.svg") no-repeat 50% 0;
    background-size: auto 100%;
}

.cart__error-text span {
    display: block;
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 34px;
    color: #fc5a5a;
}

.cart__error-note {
    margin: 30px 0 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.cart__btn {
    position: relative;
    display: block;
    margin: 30px auto 0;
    width: 230px;
    height: 44px;
    background: #fc4141;
    box-shadow: 0 2px 0 0 #e62323;
    border-radius: 2px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: none;
}

.cart__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cart__btn svg {
    vertical-align: middle;
    margin: 0 0 0 10px;
    width: 10px;
    height: 5px;
    fill: #fff;
    transition-duration: 0.2s;
}

.cart__success-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}

.cart__success-text span {
    display: block;
    margin: 0 0 15px;
    font-size: 30px;
    line-height: 34px;
    color: #7fcc20;
}

.cart__success .cart__btn {
    width: 240px;
    background: #05a3ca;
    box-shadow: 0 2px 0 0 #018db0;
}

.cart__success-block {
    margin: 30px auto 0;
    padding: 40px 80px;
    max-width: 740px;
    background: #fff;
    border: 1px solid #c5dde3;
    border-radius: 5px;
}

.cart__success-number {
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 0 0;
    width: 155px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.cart__success-number span {
    display: block;
    margin: 10px 0 0;
    padding: 8px 0;
    height: 72px;
    background: #7fcc20;
    font-size: 56px;
    line-height: 56px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.cart__success-center {
    display: inline-block;
    vertical-align: top;
    margin: 30px 25px 0 0;
    width: 265px;
}

.cart__success-items {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 20px;
}

.cart__success-items span {
    font-weight: 600;
}

.cart__success-sum {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    white-space: nowrap;
}

.cart__success-span {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    white-space: normal;
}

.cart__success-sum span {
    font-size: 22px;
}

.cart__success-date {
    font-size: 12px;
    line-height: 16px;
}

.cart__success-details {
    display: inline-block;
    vertical-align: top;
    margin: 32px -25px 0 0;
    width: 120px;
    font-size: 12px;
    line-height: 16px;
}

.cart__success-details span {
    font-weight: 600;
}

.cart__success-weight,
.cart__success-volume {
    margin: 0 0 6px;
}

.cart__success-doc {
    position: relative;
    display: block;
    margin: 30px 0 0;
    padding: 28px 120px;
    border: 1px solid #c5dde3;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
}

.cart__success-doc span {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
    border-bottom: 1px solid #add7e9;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #2b99c7;
    transition-duration: 0.2s;
}

.cart__success-doc:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 30px;
    width: 48px;
    height: 48px;
    background: url("../images/svg/cart-doc.svg") no-repeat;
    background-size: 100% auto;
}

.cart__success-doc:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    margin: -20px 0 0;
    width: 40px;
    height: 40px;
    background: #eff8fb;
    border-radius: 1px;
    transition-duration: 0.2s;
}

.cart__success-doc svg {
    position: absolute;
    right: 52px;
    top: 50%;
    margin: -8px 0 0;
    width: 16px;
    height: 16px;
    fill: #2b99c7;
    transition-duration: 0.2s;
    z-index: 1;
}

.cart__order {
    padding: 5px 0 0;
}

.cart__order-headline {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 55px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}

.cart__order-headline:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 35px;
    height: 30px;
}

.cart__order-radio {
    overflow: hidden;
}

.cart__order-radio label {
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.cart__order-radio label span {
    display: block;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
}

.cart__order-radio .jq-radio {
    top: 3px;
}

.cart__order-type {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ddecf0;
}

.cart__order-type .cart__order-headline:before {
    margin: 1px 0 0;
    background: url("../images/svg/order-delivery.svg") no-repeat 50% 50%;
    background-size: auto 100%;
}

.cart__order-type .cart__order-radio {
    margin: 0 -15px;
}

.cart__order-type .cart__order-radio label {
    float: left;
    margin: 0 15px;
    padding: 20px 20px 22px 60px;
    width: calc(50% - 30px);
    border: 1px solid #cdd9de;
}

.cart__order-type .cart__order-radio label.checked {
    border-color: #8bbfd5;
}

.cart__order-type .cart__order-radio .jq-radio {
    left: 25px;
    top: 22px;
}

.cart__order-profile {
    margin: 0 0 30px;
}

.cart__order-profile .cart__order-headline:before {
    background: url("../images/svg/order-profile.svg") no-repeat 50% 50%;
    background-size: auto 100%;
}

.cart__order-profile .cart__order-radio {
    margin: 0 -20px;
}

.cart__order-profile .cart__order-radio label {
    float: left;
    margin: 0 20px;
    font-weight: 500;
}

.cart__order-profile .cart__order-radio label.checked {
    font-weight: 600;
}

.cart__order-border {
    position: relative;
    padding: 30px 55px;
    border: 1px solid #cdd9de;
}

.cart__order-border:after {
    content: "";
    display: table;
    clear: both;
}

.cart__order-border + .cart__order-border {
    margin: 5px 0 0;
    background: url("../images/bg/file-bg.png") no-repeat calc(100% - 50px) 100%;
    background-size: auto 114px;
}

.cart__order-wrap {
    margin: 25px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #cdd9de;
}

.cart__order-block {
    display: none;
}

.cart__order-block:first-child {
    display: block;
}

.cart__order-span {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.cart__order-span span {
    color: #e82727;
}

.cart__order-block > ul {
    position: relative;
    display: block;
}

.cart__order-block > ul:after {
    content: "";
    display: table;
    clear: both;
}

.cart__order-block > ul > li {
    display: block;
    margin: 0 0 20px;
}

.cart__order-block > ul > li:last-child {
    margin-bottom: 0;
}

.cart__order-block > ul > li:nth-child(1) {
    float: left;
    margin: 0 30px 0 0;
    width: calc(100% - 280px - 230px - 60px);
}

.cart__order-block > ul > li:nth-child(2) {
    float: left;
    margin-right: 30px;
    width: 280px;
}

.cart__order-block > ul > li:nth-child(3) {
    float: left;
    width: 230px;
}

.cart__order-block > ul > li:nth-child(4) {
    clear: both;
}

.cart__order-required {
    margin: 25px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.cart__order-required span {
    color: #e82727;
}

.cart__order-left {
    float: left;
    width: 427px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.cart__order-left span {
    display: block;
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.cart__order-right {
    float: right;
    width: calc(100% - 458px);
}

.cart__order-file {
    position: relative;
}

.cart__order-note {
    margin: 12px 0 0;
    font-size: 11px;
    line-height: 15px;
    color: #404040;
}

.cart__order-service {
    margin: 0 0 30px;
}

.cart__order-service .cart__order-headline:before {
    background: url("../images/svg/order-service.svg") no-repeat 50% 50%;
    background-size: auto 100%;
}

.cart__order-service label {
    display: block;
    margin: 0 0 0 55px;
    padding: 0 0 0 40px;
    font-size: 17px;
    line-height: 21px;
    font-weight: 600;
}

.cart__order-service label span {
    display: block;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
}

.cart__order-service .jq-checkbox {
    top: 0;
    width: 20px;
    height: 20px;
}

.cart__order-service .jq-checkbox.checked .jq-checkbox__div {
    width: 9px;
    height: 6px;
    margin: 6px 0 0 6px;
}

.cart__order-read {
    margin: 15px 0 0 95px;
    font-size: 12px;
    line-height: 16px;
}

.cart__order-read a {
    border-bottom: 1px solid #a3d7ea;
    color: #00aad4;
}

.cart__order .cart__total {
    position: relative;
    padding: 30px 0;
    overflow: visible;
}

.cart__order .cart__total:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    background: #eff8fb;
    z-index: -1;
}

.cart__order .cart__total:after {
    content: "";
    display: table;
    clear: both;
}

.cart__order-bottom {
    overflow: hidden;
}

.cart__order-comment {
    float: left;
    width: calc(100% - 420px);
}

.cart__order-comment textarea {
    height: 90px;
    resize: none;
}

.cart__order-submit {
    float: right;
    margin: 30px 0 0;
    width: 340px;
}

.cart__order-submit input[type="submit"] {
    width: 340px;
    height: 65px;
    font-size: 16px;
    line-height: 16px;
}

.cart__order-policy {
    float: right;
    margin: 15px 0 0;
    width: 340px;
    font-size: 10px;
    line-height: 14px;
}

.cart__order-policy a {
    border-bottom: 1px solid transparent;
    color: #0a88a7;
}

/* page 404 */
.page__404 {
    position: relative;
    padding: 30px 60px 0;
    max-width: 810px;
}

.page__404:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0 0 0 30px;
    width: 193px;
    height: 437px;
    background: url("../images/bg/404.png") no-repeat;
    background-size: 100% auto;
}

.page__404-top {
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #f51f1f;
}

.page__404-text {
    margin: -5px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #ddecf0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #5c6467;
}

.page__404-search {
    position: relative;
    margin: 25px 0 0;
    width: 350px;
    height: 42px;
}

.page__404-search input::-webkit-input-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.page__404-search input::-moz-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.page__404-search input:-moz-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.page__404-search input:-ms-input-placeholder {
    font-size: 13px;
    line-height: 13px;
    color: #9aa5aa;
}

.page__404-search input[type="text"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0 52px 2px 22px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 20px;
    font-size: 14px;
    line-height: 14px;
}

.page__404-search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 42px;
    background: url("../images/svg/search.svg") no-repeat 50% 50%;
    background-size: 15px auto;
    background-color: transparent !important;
    border: 0;
}

.page__404-bottom {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #ddecf0;
}

.page__404-back {
    position: relative;
    display: block;
    width: 210px;
    height: 45px;
    background: #fff;
    border: 1px solid #8bbfd5;
    font-size: 12px;
    line-height: 12px;
    color: #2998c7;
    text-align: center;
}

.page__404-back svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    width: 15px;
    height: 15px;
    fill: #2998c7;
    transition-duration: 0.2s;
}

.page__404-back:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* page */
.page {
    padding: 0 0 60px;
}

.page__top {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
}

.page__top.underline {
    margin: -30px 0 30px;
    padding: 30px 0 37px;
}

.page__top.underline:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 1164px;
    height: 7px;
    background: url("../images/bg/page-wave.png") no-repeat 50% 0;
    background-size: auto 100%;
}

h1.headline {
    margin: 0 0 30px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
}

.breadcrumbs {
    font-size: 12px;
    line-height: 16px;
    color: #9b9b9b;
}

h1.headline + .breadcrumbs {
    margin: -15px 0 0;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 28px 0 0;
    color: #000;
    list-style: none;
    padding: 0;
}

.breadcrumbs li.last {
    font-size: 12px;
    line-height: 16px;
    color: #9b9b9b;
}

.breadcrumbs li.last:after {
    content: "";
}

.breadcrumbs li a {
    color: #000;
    text-decoration: none;
}

.breadcrumbs li:after {
    content: "|";
    position: absolute;
    right: -18px;
    top: 0;
    color: #00c2f3;
    cursor: default;
}

.page__sidebar {
    float: left;
    width: 265px;
}

.sidebar__menu-open {
    position: relative;
    padding: 17px 0 17px 55px;
    background: #00c2f3;
    border-radius: 2px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.sidebar__menu-open:before {
    content: "";
    position: absolute;
    left: 22px;
    top: 17px;
    width: 16px;
    height: 16px;
    background: url("../images/svg/menu-list.svg") no-repeat;
    background-size: 100% auto;
}

.sidebar__menu-open:after {
    content: "";
    position: absolute;
    right: 22px;
    top: 22px;
    width: 7px;
    height: 5px;
    background: url("../images/svg/menu-arrow.svg") no-repeat;
    background-size: 100% auto;
    transition-duration: 0.2s;
}

.sidebar__menu-open.open:after {
    transform: rotate(-180deg);
}

.sidebar__menu > ul {
    display: block;
}

.sidebar__menu > ul > li {
    display: block;
    margin: 6px 0 0;
}

.sidebar__menu > ul > li > a {
    position: relative;
    display: block;
    padding: 15px 20px 15px 38px;
    background: #f1f7f8;
    border: 1px solid #f1f7f8;
    border-radius: 2px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    color: #145768;
}

.sidebar__menu > ul > li > a svg {
    position: absolute;
    left: 22px;
    top: 21px;
    font-size: 8px;
}

.sidebar__menu > ul ul {
    display: none !important;
}

.sidebar__menu > ul > li.active > a {
    background: #fff;
    border-color: #00c2f3;
    color: #00a8d3;
}

.sidebar__btn {
    position: relative;
    margin: 30px 0 0;
    width: 100%;
    height: 56px;
    background: #fff;
    border: 2px solid #7fcc20;
    border-radius: 28px;
    box-shadow: 0 2px 0 0 rgba(96, 167, 9, 0.16);
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #7fcc20;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.sidebar__btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.sidebar__btn svg {
    vertical-align: middle;
    margin: 0 15px 0 0;
    width: 28px;
    height: 18px;
    fill: #7fcc20;
    transition-duration: 0.2s;
}

.sidebar__btn span {
    border-bottom: 1px dashed #b3d686;
}

.page__sidebar + .page__content {
    float: right;
    width: calc(100% - 305px);
}

.content > *:first-child {
    margin-top: 0 !important;
}

.content > *:last-child {
    margin-bottom: 0 !important;
}

.content a {
    border-bottom: 1px solid #79b6ca;
    color: #068eb0;
}

.content a.image {
    border-bottom: 0;
}

.content h1 {
    margin: 20px 0 15px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
}

.content h2 {
    margin: 20px 0 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.content h3 {
    margin: 20px 0 15px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.content h4 {
    margin: 20px 0 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.content h5 {
    margin: 20px 0 15px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.content h6 {
    margin: 20px 0 15px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

.content p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    height: auto!important;
}

.content ol {
    margin: 0 0 15px 20px;
}

.content ul {
    margin: 0 0 15px;
}

.content li {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.content li:last-child {
    margin: 0;
}

.content ul li {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
}

.content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 9px;
    height: 8px;
    background: url("../images/svg/marker.svg") no-repeat;
    background-size: 100% auto;
}

.content table {
    border-collapse: collapse;
}

.content th,
.content td {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.content table:not([border]) th:first-child,
.content table:not([border]) td:first-child,
.content table[border="0"] th:first-child,
.content table[border="0"] td:first-child {
    padding-left: 0;
}

.content table:not([border]) th:last-child,
.content table:not([border]) td:last-child,
.content table[border="0"] th:last-child,
.content table[border="0"] td:last-child {
    padding-right: 0;
}

.content th {
    font-weight: 500;
    text-align: center;
}

.content img {
    margin: 5px 0 20px;
}

.content img.left {
    margin: 5px 20px 5px 0;
    float: left;
}

.content img.right {
    margin: 5px 0 5px 20px;
    float: right;
}

.content img.none {
    display: inline;
    margin: 3px 3px 0 0;
}

.content img.none:last-child {
    margin-right: 0;
}

.table__wrapper {
    position: relative;
    margin: 0 0 15px;
    overflow: hidden;
}

.table__wrapper .table__scrollable {
    overflow-y: hidden;
}

.table__wrapper .swipe {
    display: none;
    margin: 15px auto 0;
    width: 20px;
    height: 20px;
    background: url("../images/svg/swipe.svg") no-repeat;
    background-size: 100% auto;
}

.table__wrapper.wide .swipe {
    display: block;
}

.content .image__table th,
.content .image__table td {
    padding: 5px;
    background: none !important;
    border: 0 !important;
    vertical-align: top;
    white-space: normal !important;
    font-weight: normal;
    color: #333;
}

.content .image__table th:first-child,
.content .image__table td:first-child {
    padding-left: 0;
}

.content .image__table th:last-child,
.content .image__table td:last-child {
    padding-right: 0;
}

.content .image__table tr:first-child th,
.content .image__table tr:first-child td {
    padding-top: 0;
}

.content .image__table tr:last-child th,
.content .image__table tr:last-child td {
    padding-bottom: 0;
}

.content .image__table a {
    display: block;
}

.content .image__table img {
    margin: 0 !important;
}

.content .image__caption {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    line-height: 16px;
}

.pagination {
    margin: 40px 0 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-align: center;
}

.pagination > a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px;
    padding: 11px 0;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #ddecf0;
    border-radius: 2px;
    text-align: center;
}

.pagination > a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagination > a.prev,
.pagination > a.next {
    margin: 0 10px 0 0;
    padding: 0;
    width: 26px;
    background: none;
    border: 0;
    font-size: 10px;
    color: #00c2f3;
}

.pagination > a.next {
    margin: 0 0 0 10px;
}

.pagination > a.active {
    background: #00c2f3;
    border-color: #00c2f3;
    color: #fff;
}

/* footer */
.footer {
    position: relative;
}

.footer__top {
    position: relative;
    margin: 0 0 -7px;
    height: 110px;
    background: #0bb7e2;
    color: #fff;
    z-index: 1;
}

.footer__body {
    position: relative;
    padding: 47px 0 40px;
    background: url("../images/bg/footer-wave.png") no-repeat 50% 0;
    background-size: auto 7px;
}

.footer__top:after,
.footer__body:after {
    content: "";
    display: table;
    clear: both;
}

.footer__top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(50% - 275px);
    background: #0bb7e2;
}

.footer__top a {
    color: #fff;
}

.footer__top-left {
    position: relative;
    float: left;
    padding: 22px 0;
    width: 280px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.footer__top-left:after {
    content: "";
    position: absolute;
    right: -110px;
    top: -30px;
    width: 253px;
    height: 160px;
    background: url("../images/bg/footer-bg.webp") no-repeat;
    background-size: 100% auto;
}

.footer__top-left span {
    display: block;
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
}

.footer__top-right {
    float: right;
    padding: 32px 0 32px 130px;
    width: calc(100% - 280px);
    overflow: hidden;
}

.footer__top-right span {
    display: block;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

.footer__top-phone {
    float: left;
    margin: 0 30px 0 0;
    width: 175px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.footer__top-clock {
    float: left;
    margin: 0 20px 0 0;
    width: 130px;
    font-size: 12px;
    line-height: 16px;
}

.footer__top-email {
    float: left;
    margin: 0 30px 0 0;
    width: 105px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.footer__catalog {
    position: relative;
    float: right;
    width: 200px;
    height: 45px;
    background: #7fcc20;
    box-shadow: 0 2px 0 0 #45991d;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    transition-duration: 0.2s;
    cursor: pointer;
}

.footer__catalog:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.footer__contacts {
    float: left;
    width: 340px;
    color: #626262;
}

.footer__contacts a {
    color: #626262;
}

.footer__catalog1 {
    float: right;
    width: 340px;
    color: #626262;
}

.footer__title {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.footer__address {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 16px;
}

.footer__clock {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 16px;
}

.footer__time {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 16px;
}

.footer__time span {
    position: relative;
    margin: 0 0 0 8px;
    padding: 0 0 0 22px;
    font-weight: 500;
}

.footer__time span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
}

.footer__time.open span:before {
    background: url("../images/svg/time-open.svg") no-repeat;
    background-size: 100% auto;
}

.footer__time.close span:before {
    background: url("../images/svg/time-close.svg") no-repeat;
    background-size: 100% auto;
}

.footer__phone {
    margin: 15px 0 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.footer__whatsapp {
    margin: 15px 0 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.footer__whatsapp span {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
    font-size: 12px;
    color: #6cbb17;
}

.footer__whatsapp a {
    position: relative;
    padding: 0 0 0 28px;
}

.footer__whatsapp a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 18px;
    height: 19px;
    background: url("../images/svg/whatsapp.svg") no-repeat;
    background-size: 100% auto;
    margin-top: -2px;
}

.footer__email {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.footer__left {
    float: left;
    margin: 0 80px 0 0;
    width: 410px;
    color: #626262;
}

.footer__border{
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #F3F3F3;
}

.footer__copyright {
    color: #9299A5;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.0625rem;
    width: 16.5625rem;
    float: right;
    margin-top: 1.25rem;
    margin-right: 90px;
}


.footer__details {
    margin-top: 1.25rem;
    color: #9299A5;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    float: left;
}
.footer__privacy__policy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    float: right;
    margin-right: 110px;
}

.footer__policy {
    margin-top: 1.25rem;
    color: #A5A5A5;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8;
}

.footer__policy > ul {
    display: block;
    overflow: hidden;
}

.footer__policy > ul > li {
    display: block;
    float: left;
    margin: 0 25px 0 0;
}

.footer__policy > ul > li:last-child {
    margin: 0;
}

.footer__policy > ul > li > a {
    color: #A5A5A5;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.footer__kefirok {
    color: #9299A5;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.9375rem;
}

.footer__kefirok a {
    color: #028bad;
}

.footer__menu__title{
    color: #626262;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 0.94rem;
}

.footer__menu {
    float:right;
    margin: 0 110px 0 0;
    width: 200px;
}

.footer__menu > ul {
    display: block;
}

.footer__menu > ul > li {
    display: block;
    margin: 0 0 10px;
}

.footer__menu > ul > li:last-child {
    margin-bottom: 0;
}

.footer__menu > ul > li > a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.footer__menu > ul ul {
    display: none !important;
}

.footer__menu > ul > li.active > a {
    color: #028bad;
}

.footer__catalog1__title{
    color: #626262;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 0.94rem;
    margin-left: -12px;
}

.footer__catalog1 {
    float:right;
    margin: 0 140px 0 0;
    width: 200px;
}
.footer__catalog1 a {
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 18px;
    font-weight: 400;
}


.footer__catalog1 a:hover {
    color: #028bad;
}

/* modal */
.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: auto;
    z-index: 999;
}

.blocker:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.blocker.behind {
    background-color: transparent;
}

a.close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 26px;
    height: 26px;
    background: url("../images/svg/popup-close.svg") no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    opacity: 0.75;
}

.modal {
    position: relative;
    display: none;
    vertical-align: middle;
    margin: auto;
    width: 100%;
    max-width: 550px;
    min-height: 66px;
    background: #fff;
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
    z-index: 9;
}

.popup__top {
    position: relative;
}

.popup__title {
    position: relative;
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}

.popup__text {
    position: relative;
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 18px;
}

.popup__body {
    padding: 30px 70px;
}

.popup__block {
    margin: 0 0 20px;
}

.popup__span {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.popup__span span,
.popup__required span {
    color: #e82727;
}

.popup__required {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 30px;
    width: 120px;
    font-size: 12px;
    line-height: 16px;
}

.popup__policy {
    margin: 15px 0 0;
    font-size: 10px;
    line-height: 14px;
}

.popup__policy a {
    border-bottom: 1px solid transparent;
    color: #05a3ca;
}

#popup__catalog .popup__top {
    padding: 35px 50px 40px 130px;
    background: #7fcc20;
    color: #fff;
}

#popup__blue .popup__top {
    padding: 35px 65px 40px 200px;
    background: #7fcc20;
    color: #fff;
}

#popup__product .popup__top,
#popup__blue .popup__top {
    background: #00c2f3;
}

#popup__product .popup__submit {
    float: left;
    margin-right: 13px;
}

.popup-product__submit input{
    border-radius: 500px!important;
    background: #00C2F3!important;
    width: 200px;
}

#popup__catalog .popup__top:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 37px;
    width: 60px;
    height: 80px;
    background: url("../images/svg/popup-catalog.svg") no-repeat;
    background-size: 100% auto;
}

#popup__blue .popup__top:before {
    content: "";
    position: absolute;
    left: 45px;
    top: 42px;
    width: 115px;
    height: 130px;
    background: url("../images/svg/popup-green.svg") no-repeat;
    background-size: 100% auto;
}

#popup__blue .popup__top:before {
    background: url("../images/svg/popup-blue.svg") no-repeat;
    background-size: 100% auto;
}

#popup__blue .popup__title {
    margin: 0 0 15px;
}

#popup__product {
    max-width: 690px;
}

#popup__product .popup__block:nth-of-type(6){
    width:100%!important;
}

#popup__product .popup__top {
    padding: 30px 50px 35px 130px;
    color: #fff;
}

#popup__product .popup__top:before {
    content: "";
    position: absolute;
    left: 45px;
    top: 32px;
    width: 60px;
    height: 60px;
    background: url("../images/svg/popup-question.svg") no-repeat;
    background-size: 100% auto;
}

#popup__product .popup__text {
    font-size: 16px;
    line-height: 20px;
}

#popup__product .popup__block:nth-child(odd) {
    float: left;
    width: 263px;
}

#popup__product .popup__block:nth-child(even) {
    float: right;
    width: 263px;
}

#popup__product input[type="submit"] {
    background: #00c2f3;
    text-transform: unset;
}

#popup__product .popup__required {
    width: 220px;
}

#popup__success {
    max-width: 460px;
}

#popup__success a.close-modal {
    background: url("../images/svg/popup-close2.svg") no-repeat;
    background-size: 100% auto;
    opacity: 0.35;
}

#popup__success .popup__top {
    padding: 35px 40px;
    border-bottom: 1px solid #ffd419;
}

#popup__success .popup__top:before {
    content: "";
    position: absolute;
    right: 70px;
    bottom: -15px;
    width: 105px;
    height: 100px;
    background: #fff url("../images/svg/popup-cart.svg") no-repeat;
    background-size: 100% auto;
}

#popup__success .popup__title {
    font-size: 24px;
    line-height: 28px;
}

#popup__success .popup__bottom {
    padding: 28px 40px;
    overflow: hidden;
}

#popup__success .popup__cart {
    position: relative;
    display: block;
    float: left;
    width: 220px;
    height: 50px;
    background: #ffd419;
    border: 2px solid #ffd419;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

#popup__success .popup__cart:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#popup__success .popup__close {
    float: left;
    margin: 13px 0 0 30px;
    font-size: 14px;
    border-bottom: 1px dotted #000;
}

/* form */
input:focus,
textarea:focus {
    outline-style: none !important;
}

input,
textarea {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}

input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #cdd9de;
}

textarea {
    vertical-align: top;
    height: 100px;
    min-height: 40px;
    padding: 12px 15px;
    overflow: auto;
    resize: vertical;
}

input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="url"]:disabled,
textarea:disabled {
    background: #f6f9fa;
}

input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.error,
textarea.error {
    border-color: #e82727 !important;
}

.jq-checkbox.error {
    box-shadow: 0 0 0 1px #e82727 inset !important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    overflow: visible;
    height: 50px;
    padding: 0 40px;
    border: 0;
    outline: none;
    background: #7fcc20;
    border-radius: 2px;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    transition-duration: 0.2s;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input::-webkit-input-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

input::-moz-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

input:-moz-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

input:-ms-input-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

textarea::-webkit-input-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

textarea::-moz-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

textarea:-moz-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

textarea:-ms-input-placeholder {
    color: #9aa5aa;
    text-overflow: ellipsis;
}

label {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 30px;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.jq-checkbox,
.jq-radio {
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 17px;
    height: 17px;
    border: 0;
    box-shadow: 0 0 0 1px #adc3cc inset;
    background: #fff;
    cursor: pointer;
}

.jq-radio {
    border-radius: 50%;
}

.jq-radio.checked {
    background: #2998c7;
    box-shadow: 0 0 0 1px #2998c7 inset;
}

.jq-checkbox.checked {
    background: #fff;
    box-shadow: 0 0 0 1px #6ab7d8 inset;
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 5px;
    margin: 5px 0 0 5px;
    border-bottom: 2px solid #2998c7;
    border-left: 2px solid #2998c7;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.jq-radio.checked .jq-radio__div {
    position: relative;
    width: 7px;
    height: 7px;
    margin: 5px 0 0 5px;
    border-radius: 50%;
    background: #fff;
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.jq-selectbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
    z-index: 1;
}

.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.jq-selectbox li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.jq-selectbox__select {
    position: relative;
    width: 100%;
    height: 46px;
    padding: 10px 40px 10px 15px;
    background: #fff;
    border: 1px solid #cdd9de;
    border-radius: 2px;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    min-width: 100%;
    max-width: 100%;
}

.jq-selectbox .placeholder {
    color: #888;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/svg/select.svg") no-repeat 50% 50%;
    background-size: 15px auto;
}

.jq-selectbox__dropdown {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0;
    padding: 0;
    background: #fff;
    border: 1px solid #cdd9de;
}

.jq-selectbox__search {
    margin: 5px;
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 28px 0 10px;
    outline: none;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 10px 4px;
    background: #f1f1f1;
    font-size: 12px;
    line-height: 18px;
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.jq-selectbox ul {
    margin: 0;
    padding: 0;
}

.jq-selectbox li {
    min-height: 38px;
    padding: 9px 15px 10px;
    border-bottom: 1px solid #cdd9de;
    border-radius: 2px;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    transition-duration: 0.2s;
}

.jq-selectbox li:first-child {
    border-radius: 2px 2px 0 0;
}

.jq-selectbox li:last-child {
    border-radius: 0 0 2px 2px;
}

.jq-selectbox li:last-child {
    border-bottom: 0;
}

.jq-selectbox li.selected,
.jq-selectbox li.sel {
    background-color: #08c3f2;
    color: #fff;
}

.jq-selectbox li.option {
    padding-left: 25px;
}

.jq-file {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    max-width: calc(100% - 40px);
}

.jq-file__browse {
    position: relative;
    float: left;
    padding: 12px 0 12px 20px;
    width: 180px;
    height: 40px;
    background: url("../images/svg/clip-button.svg") no-repeat 30px 50%;
    background-size: 8px auto;
    font-family: "Gilroy", Tahoma, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #346980;
    text-align: center;
    transition-duration: 0.2s;
}

.jq-file__browse:before,
.jq-file__browse:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 40px;
    background: rgb(217, 235, 241);
    background: -moz-linear-gradient(0deg, rgba(217, 235, 241, 1) 0%, rgba(239, 248, 251, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(217, 235, 241, 1) 0%, rgba(239, 248, 251, 1) 100%);
    background: linear-gradient(0deg, rgba(217, 235, 241, 1) 0%, rgba(239, 248, 251, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9ebf1", endColorstr="#eff8fb", GradientType=1);
    border-radius: 1px;
    transition-duration: 0.2s;
    z-index: -1;
}

.jq-file__browse:after {
    background: rgb(197, 223, 232);
    background: -moz-linear-gradient(0deg, rgba(197, 223, 232, 1) 0%, rgba(221, 240, 246, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(197, 223, 232, 1) 0%, rgba(221, 240, 246, 1) 100%);
    background: linear-gradient(0deg, rgba(197, 223, 232, 1) 0%, rgba(221, 240, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5dfe8", endColorstr="#ddf0f6", GradientType=1);
    opacity: 0;
}

.jq-file.disabled .jq-file__browse {
    background: url("../images/svg/clip-disabled.svg") no-repeat 30px 50%;
    background-size: 8px auto;
    color: #93b1bd;
}

.jq-file.disabled .jq-file__browse:before {
    background: rgb(236, 245, 248);
    background: -moz-linear-gradient(0deg, rgba(236, 245, 248, 1) 0%, rgba(247, 251, 253, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(236, 245, 248, 1) 0%, rgba(247, 251, 253, 1) 100%);
    background: linear-gradient(0deg, rgba(236, 245, 248, 1) 0%, rgba(247, 251, 253, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf5f8", endColorstr="#f7fbfd", GradientType=1);
}

.jq-file__name {
    position: relative;
    display: none;
    float: right;
    margin: 12px 0 0 25px;
    padding: 0 0 0 25px;
    max-width: calc(100% - 205px);
    font-size: 14px;
    line-height: 18px;
}

.jq-file__name:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 16px;
    background: url("../images/svg/clip-file.svg") no-repeat;
    background-size: 100% auto;
}

.jq-file.changed .jq-file__name {
    display: block;
}

.jq-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 40px;
    display: block;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.jq-file.disabled input {
    z-index: -1;
}

.delete {
    position: relative;
    display: none;
    vertical-align: top;
    margin: 14px 0 0;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.delete svg {
    width: 100%;
    height: 100%;
    fill: #beced5;
    transition-duration: 0.2s;
}

.jq-file.changed + .delete {
    display: inline-block;
}

.emptylist_catalog {
    padding: 20px 0px 0px 0px;
    color: #a2a2a2;
}

.content_error {
    padding: 20px 0px 0px 0px;
}

.info_price {
    padding: 10px 0px 20px 0px;
    color: red;
    font-weight: 600;
}

.shema {
    display: none !important
}

.contentDetailed {
    display: block;
    margin-top: 10px;
    color: #51a40e !important;
    text-decoration: none !important;
    padding-bottom: 3px;
    border: none !important
}

.contentDetailed span {
    border-bottom: 1px dashed #51a40e;
}

.contentDetailed:hover > span {
    border-bottom: 1px solid #51a40e;
}

.product__navi {
    width: 100%;
    overflow: hidden;
    max-width: 440px;
    margin-bottom: 30px;
}

.product__navi div {
    width: 47%;
    float: right;
}

.product__navi div:first-child {
    float: left;
}

.product__navi div a {
    display: block;
    width: 100%;
    border-radius: 3px;
    background: #ececec;
    text-align: center;
    padding: 10px;
    color: #1f1f1f !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 600;
    line-height: 1;
    font-size: 14px;
}

.product__navi div a:hover {
    background: #d1d1d1
}

.product__navi div a.Navi__prev span::before {
    display: inline-block;
    margin-right: 15px;
    content: '';
    width: 13px;
    height: 13px;
    background: url(/templates/akiba/assets/images/arrow-left.svg) no-repeat;
    background-size: 13px 13px !important;
    position: relative;
    top: 3px
}

.product__navi div a.Navi__next span::after {
    display: inline-block;
    margin-left: 15px;
    content: '';
    width: 13px;
    height: 13px;
    background: url(/templates/akiba/assets/images/arrow-right.svg) no-repeat;
    background-size: 13px 13px !important;
    position: relative;
    top: 3px
}

.cookie-notification {
    position: fixed;
    background-color: rgb(0 194 243 / 90%);
    bottom: 0;
    width: 100%;
    color: white;
    padding: 20px 0;
    z-index: 999999;
}

.cookie-notification_hidden_yes {
    display: none;
}

.cookie-notification__header {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 23px;
}

.cookie-notification__body {
    display: flex;
    align-items: center;
    gap: 20px;
}

.popop_callback-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.30);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

#popup__callback {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    max-width: 512px;
    width: calc(100% - 15px);
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #EBEDF1;
    background: #FFF;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.popop_callback-modal.active, #popup__callback.active {
    opacity: 1;
    visibility: visible;
}

.popop_callback-modal_close {
    display: block;
    cursor: pointer;
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00024 19.9999L20.0002 7.99992M8.00024 7.99992L20.0002 19.9999' stroke='%239299A5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    transition: 0.3s;
    right: 11px;
    top: 7px;
}

.popop_callback-modal_close:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00024 19.9999L20.0002 7.99992M8.00024 7.99992L20.0002 19.9999' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

#popup__callback .popup__top {
    padding: 0 !important;
}

#popup__callback .popup__title {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
}

#popup__callback .popup__text {
    color: #5C6467;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 32px;
    padding-right: 20px;
}

#popup__callback .popup__body, #popup__green .popup__top {
    padding: 0 !important;
}

#popup__callback .popup__block {
    margin: 0 0 28px;
}

#popup__callback .popup__block .popup__span {
    color: #5C6467;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 8px;
}

#popup__callback .popup__block .popup__span span,
#popup__green .popup__top + .close-modal {
    display: none;
}

#popup__callback .popup__block input {
    border-radius: 32px;
    border: 2px solid #D3E9EF;
    background: #FFF;
    padding: 10px 18px 10px 14px;
    height: auto;
    color: #5C6467;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

#popup__callback .popup__block input::placeholder {
    color: #9CBAC2;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

#popup__callback input[type="submit"] {
    border-radius: 64px;
    background: #7FCC20;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    height: auto;
    padding: 10px 24px;
    margin: 4px 0 32px;
    width: 100%;
    text-transform: none;
}

#popup__callback .popup__policy, #popup__catalog .popup__policy, #popup__product .popup__policy, #orderForm .popup__policy{
    display: flex;
    gap: 16px;
    margin: 0;
}

#popup__callback .popup__policy .jq-checkbox, #popup__catalog .popup__policy .jq-checkbox, #popup__product .popup__policy .jq-checkbox, #orderForm .popup__policy .jq-checkbox{
    box-shadow: none;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #D3E9EF;
    flex-shrink: 0;
}

#popup__callback .popup__policy .jq-checkbox.checked .jq-checkbox__div, #popup__catalog .popup__policy .jq-checkbox.checked .jq-checkbox__div, #popup__product  .popup__policy .jq-checkbox.checked .jq-checkbox__div, #orderForm .popup__policy .jq-checkbox.checked .jq-checkbox__div{
    margin-left: 4px;
}

#popup__callback .popup__policy .popup__policy-text, #popup__catalog .popup__policy .popup__policy-text, #popup__product .popup__policy .popup__policy-text, #orderForm .popup__policy .popup__policy-text {
    color: #5C6467;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

#popup__callback .popup__policy .popup__policy-text a, #popup__catalog .popup__policy .popup__policy-text a, #popup__product .popup__policy .popup__policy-text a, #orderForm .popup__policy .popup__policy-text a{
    color: #7FCC20;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: 0.3s;
}

#popup__callback .popup__policy .popup__policy-text a:hover, #popup__catalog .popup__policy .popup__policy-text a:hover, #popup__product .popup__policy .popup__policy-text a:hover, #orderForm .popup__policy .popup__policy-text a:hover{
    text-decoration: underline;
}

#popup__green {
    padding: 40px 32px 32px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #EBEDF1;
    background: #FFF;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    min-height: 0;
    max-width: 512px !important;
    width: calc(100% - 15px);
}

#popup__green .popup__title {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin: 33px 0 16px;
}

#popup__green .popup__text {
    color: #5C6467;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 40px;
}

#popup__green .popup__top .close-modal {
    border-radius: 64px;
    background: #7FCC20;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 10px 24px;
    width: 100%;
    display: block;
    position: relative;
    right: auto;
    top: auto;
    height: auto;
    text-indent: initial;
    opacity: 1;
}

.cat_filter {
    margin-bottom: 24px;
}

.cat_filter-head {
    border-bottom: 2px solid #2998C7;
    background: #00C2F3;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

.cat_filter-head:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3e%3cpath d='M16.6667 18V13.8333M14.1667 13.8333H19.1667M3.33337 18V12.1667M0.833374 12.1667H5.83337M10 18V10.5M7.50004 7.16667H12.5M16.6667 10.5V3M10 7.16667V3M3.33337 8.83333V3' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.cat_filter-top {
    background: #F1F7F8;
    padding: 16px 16px 0;
    margin-bottom: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cat_filter-bottom_submit {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    border-radius: 64px;
    background: #7FCC20;
    width: 100%;
    border: 2px solid #7FCC20;
    transition: 0.3s;
    margin-bottom: 5px;
    padding: 6px 16px;
    height: auto;
    text-transform: none;
}

.cat_filter-bottom_submit:hover {
    color: #7FCC20;
    background: #fff !important;
}

.cat_filter-bottom_reset {
    color: #ADDA75;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    border-radius: 64px;
    background: #EFFFDC;
    width: 100%;
    border: 2px solid #EFFFDC;
    transition: 0.3s;
    padding: 6px 16px;
    height: auto;
    text-transform: none;
}

.cat_filter-bottom_reset:hover {
    background: #ADDA75 !important;
    color: #fff;
}

.cat_filter-cat_more-items {
    color: #7FCC20;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
    margin: 16px 0;
}

.cat_filter-cat_item {
    margin-bottom: 16px;
}

.cat_filter-top_item-head {
    color: #00C2F3;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.cat_filter-top_item:not(:first-child) .cat_filter-top_item-head {
    padding-top: 16px;
}

.cat_filter-top_item-head:after {
    content: " ";
    transition: 0.3s;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 14L12 10L8 14' stroke='%2300C2F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.cat_filter-top_item-head.active:after {
    transform: rotate(180deg);
}

.cat_filter-cat_item input {
    display: none;
}

.cat_filter-cat_item label {
    color: #3D616C;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    padding: 0;
    display: flex;
    align-items: start;
    gap: 8px;
}

.cat_filter-cat_item label:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='18' height='18' rx='3' stroke='%23D3E9EF' stroke-width='2'/%3e%3c/svg%3e ");
    display: block;
    height: 20px;
    width: 20px;
    content: " ";
    transition: 0.3s;
    background-size: 100% 100%;
    flex-shrink: 0;
}

.cat_filter-cat_item input:checked + label:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='0.5' width='20' height='20' rx='4' fill='%2300C2F3'/%3e%3cpath d='M6.5 11L8.5 13L13.5 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.cat_filter-top_item-inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #3D616C;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.cat_filter-top_item-inputs input {
    color: #3D616C;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    outline: none;
    padding: 8px 14px;
    border-radius: 10px;
    border: 2px solid #D3E9EF;
    background: #FFF;
    transition: 0.3s;
}

.cat_filter-top_item-inputs input:focus {
    border: 2px solid #00C2F3;
}

.cat_filter-top_item-inputs input::placeholder {
    color: #9CBAC2;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.cat_filter-top_item-slider {
    margin: 22px auto;
    max-width: calc(100% - 16px);
    height: 4px !important;
    border-radius: 0 !important;
    border: none !important;
}

.ui-widget-header {
    background: #D3E9EF !important;
    border-radius: 0 !important;
}

.ui-slider-horizontal .ui-slider-handle {
    height: 16px !important;
    width: 16px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='7' fill='white' stroke='%23D3E9EF' stroke-width='2'/%3e%3c/svg%3e ") !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    margin-top: -2px;
}

@media all and (max-width: 990px) {
    .product__navi {
        max-width: 360px;
        margin-bottom: 20px;
    }

    .product__navi div a {
        font-size: 13px;
        padding: 8px;
    }

    .product__navi div a.Navi__prev span::before {
        margin-right: 12px;
        width: 10px;
        height: 10px;
        background-size: 10px 10px !important;
        top: 2px
    }

    .product__navi div a.Navi__next span::after {
        margin-left: 12px;
        width: 10px;
        height: 10px;
        background-size: 10px 10px !important;
        top: 2px
    }
}

@media (max-width: 767px) {
    .product__navi {
        max-width: 100%;
    }

    #popup__callback {
        padding: 32px 20px 24px;
    }

    #popup__callback .popup__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    #popup__callback .popup__text {
        font-size: 15px;
        padding-right: 0;
    }

    .popup__policy-text br, #popup__green .popup__text br {
        display: none;
    }

    #popup__callback .popup__block .popup__span {
        font-size: 13px;
    }

    #popup__green {
        padding: 32px 20px 20px;
    }

    #popup__green svg {
        width: 80px;
    }

    #popup__green .popup__title {
        margin: 32px 0 10px !important;
        font-size: 24px;
        line-height: 36px;
    }

    #popup__green .popup__text {
        margin: 0 0 32px;
        font-size: 16px;
        line-height: 24px;
    }
}

.errorCheck .jq-checkbox{
    border-color:red!important
}

.errorCheck{color:red!important;}
.errorCheck .popup__policy-text{color:red!important;}
.errorCheck a{color:red!important;}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.errorCheck {
    animation: shake 0.4s ease;
}

.fullWidth{width:100%!important;float:none;}
.policy_product{width:100%;overflow:hidden;padding-bottom:20px}
.formFooter_product{width:100%;overflow:hidden; display: flex; flex-direction: column}
.fFpLine1{width:100%;float:left;overflow:hidden;}
.fFpLine1 .popup__block{width:100%!important}
.fFpLine2{width:42%;float:right;overflow:hidden;text-align:right;}
.fFpLine2 .popup__submit{margin-right:0!important;text-align:right;}
.fFpLine2 .popup__required{margin:5px 0 0 0}

.footer__links{width:100%;overflow:hidden;}
.fl-line1{display:inline-block;vertical-align:middle;margin-right:50px}
.fl-line2{display:inline-block;vertical-align:middle;}

.cart_checkboxes{width:100%;overflow:hidden;padding-top:10px;}
.cart_checkboxes .popup__policy{padding-top:10px;}

@media (max-width: 767px) {
    .fFpLine1{width:100%;float:none;}
    .fFpLine2{width:100%;float:none;text-align:center;}
    .fFpLine2 .popup__submit{margin-right:0!important;text-align:left;}
    .fFpLine2 .popup__submit input{margin:0 auto}
    .fl-line1{display:block;margin-right:0;margin-bottom:10px}
    .fl-line2{display:block;}
}

.hits-slide .catalog__items-desc, .swiper-slide .catalog__items-details{
    display: none!important;
    position: absolute;
}
.hits-slide .catalog__items-image{
    position: relative;
    border: none;
    padding: 0;
    top: 0;
}
.hits-slide .catalog__items-image img{
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
}
.hits-slide .catalog__items-tag{
    top: 0!important;
}
.hits-slide li{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 373px;
}
.hits-slide .catalog__items-title, .hits-slide .catalog__items-title a{
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;

}
.hits-slide .catalog__items-price, .hits-slide .catalog__items-price > span{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 7px 0;
}
.catalog__items.swiper{
    height: 425px;
}
.hits-slide .catalog__items-stock{
    margin: 0 0 20px 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 130%;
}
.hits-slide .stock__yes{
    color: #7FCC20;
}
.hits-slide .stock__no{
    color: #E30613;
}
.hits-slide .catalog__items-block{
    width: 100%;
}
.hits-slide .catalog__items-btn{
    display: flex;
    padding: 12px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 800px;
    background: #08C3F2;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    width: auto;
}
.hits-wrapper{
    margin-bottom: 80px;
}
.hits-wrapper .title, .projects-index .projects-wrapper .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    margin-bottom: 30px;
}
.hits-wrapper .title h2, .projects-index .projects-wrapper .title h2{
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.hits-wrapper .title a, .projects-index .projects-wrapper .title a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #7FCC20;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.projects-index{
    margin: 40px 0;
}
.projects-index .projects-wrapper{
    background: #F5FCFE;
    display: flex;
    flex-direction: column;
    padding: 40px 70px;
    margin-left: -70px;
    margin-right: -70px;
}
.projects-index .projects-wrapper .projects__list{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    flex-wrap: wrap;
}
.projects-index .projects-wrapper .projects__list .projects__text{
    display: none!important;
}
.projects-index .projects-wrapper .projects__list .projects__item{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 0;
    padding: 0;
    border: none;
}
.projects-index .projects-wrapper .projects__image{
    width: 268px;
}
.projects-index .projects-wrapper .projects__content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    height: 187px;
    width: 245px;
}
.projects-index .projects-wrapper .projects__read{
    position: relative;
    color: #00C2F3;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    border: none;
    background: none;
    width: auto;
    height: auto;
}
.projects-index .projects-wrapper .projects__desc
{
    margin: 0;
    padding: 0;
}
.projects-index .projects-wrapper .projects__title, .projects-index .projects-wrapper .projects__title a{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    border: none;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.projects-index .projects-wrapper .title a{
    display: none;
}
.swiper-pagination-bullet-active{
    background:#7FCC20!important;
}

.sort_year-block{
    display: flex;
    align-items: center;
    gap: 10px;
}

.projects__filter form{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sort_year-block .jq-selectbox__select{
    padding: 0;
    background: none!important;
    border: none!important;
    display: flex;
    align-items: center;
}

.sort_year-block span{
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.sort_year-block .jq-selectbox__select-text{
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #2998c7;
}

.sort_year-block .jq-selectbox__trigger-arrow, .sort_year-block .jq-selectbox__trigger{
    width: 6px;
    height: 6px;
    position: relative;
}

.sort_year-block select{
    width: 100px;
}

.sort_year-block .jq-selectbox {
    width: auto;
}

.sort_year-block .jq-selectbox li, .sort_year-block .jq-selectbox__dropdown{
    border: none;
    min-height: auto;
    padding: 0;
}

.sort_year-block .jq-selectbox li.selected, .sort_year-block .jq-selectbox li.sel{
    background: none!important;
    color: #000;
}

.sort_year-block .jq-selectbox li:hover{
    color: #2998c7!important;
    background: none!important;
}

@media (max-width: 991px) {
    .hits-slide .tag__hit{
        width: 60px;
        height: 50px;
        top: 0!important;
    }
    .hits-slide .catalog__items-image{
        width: 200px;
        height: 150px;
    }
    .hits-slide .catalog__items-block{
        padding: 0 12px 12px 12px;
    }
    .hits-slide .catalog__items-btn {
        position: relative;
    }
    .hits-slide .catalog__items-title{
        width: auto;
        padding: 12px 12px 0 12px;
        font-size: 16px;
    }
    .hits-slide .catalog__items-title a {
        font-size: 16px;
    }
    .hits-slide li{
        height: 353px;
    }
    .hits-wrapper{
        margin-bottom: 60px;
    }
    .hits-wrapper .title h2, .projects-index .projects-wrapper .title h2{
        font-size: 20px;
    }
    .hits-wrapper .title a, .projects-index .projects-wrapper .title a{
        font-size: 14px;
    }
    .catalog__items.swiper{
        height: 380px;
    }
    .projects-index .projects-wrapper{
        padding: 32px 10px;
        margin-right: 0;
        margin-left: 0;
    }
    .projects-index .container{
        padding: 0;
    }
    .projects-index .projects-wrapper .title a{
        display: block;
    }
    .hits-wrapper .title, .projects-index .projects-wrapper .title{
        margin-bottom: 24px;
    }
    .mobile-projects-swiper{
        height: 380px;
    }
    .projects-index .projects-wrapper .projects__list .projects__item{
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .projects-index .projects-wrapper .projects__image{
        margin: 0;
        max-width: unset;
        width: 100%;
    }
    .projects-index .projects-wrapper .projects__content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
        height: auto;
        width: 100%;
    }
    .projects-index .projects-wrapper .projects__title, .projects-index .projects-wrapper .projects__title a{
        font-size: 18px;
    }
    .projects-index{
        margin-top: 64px;
    }
    .menu__catalog-list > ul > li:nth-child(5) > ul{
        max-height: 230px;
    }
    .projects__filter .jq-selectbox{
        margin: 0!important;
        width: 45%!important;
    }
    .sort_year-block .jq-selectbox{
        width: auto !important;
    }
    #popup__product input{
        height: 48px;
    }
    #popup__product textarea{
        height: 100px;
    }
    #popup__product .jq-selectbox__select{
        padding: 14px 40px 14px 15px;
        height: auto;
    }
}

.catalog__filter .jq-selectbox__dropdown ul {
    max-height: 275px !important;
    overflow-y: scroll;
}

.hp-hidden { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.catalog__content.certificates-description:before{
    display: none;

}
.catalog__content.certificates-description{
    padding: 0;
}

.about__certificates{
    display: flex;
}

.price_no-stock{
    color: #000;
    font-family: Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
}

.form-product__title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 32px;
}

.form-product__title h2{
    color: #555;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}

.form-product__title p{
    color: #555;
    font-family: Gilroy;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.form-product__title p a{
    font-weight: 600;
}

@media screen and (min-width: 1024px) {
    .certificates__list a img{
        min-height: 272px;
    }
    #popup__product input{
        height: 46px;
        padding: 15px 12px;
    }
    #popup__product textarea{
        height: 120px;
    }
}

.page-news__content{
    display: flex;
    padding: 0 0 30px 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}
.page-news__content .news-categories{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.page-news__content .news__list{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}
.page-news__content .news__item{
    display: flex;
    max-width: 354px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.page-news__content .news__item:first-child{
    width: 100%;
    flex-direction: row;
    gap: 32px;
    height: 260px;
    max-width: unset;
}

.page-news__content .news__image{
    width: 100%;
    height: 260px;
    border-radius: 20px;
    background: #9B9B9B;
    overflow: hidden;
}

.page-news__content .news__item:first-child .news__image{
    width: 536px;
}

.page-news__content .news__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-news__content .news__content{
    display: flex;
    padding: 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.page-news__content .news__item:first-child .news__content{
    padding:  24px 0 0 0;
    gap: 16px;
    max-width: 542px;
}

.page-news__content .news__date{
    color: #5A616C;
    font-size: 16px;
    line-height: 24px;
}

.page-news__content .news__item:first-child .news__date{
    font-size: 18px;
}

.page-news__content .news__title{
    color: #111827;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.page-news__content .news__item:first-child .news__title{
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
}

.page-news__content .news__text{
    overflow: hidden;
    color: #5A616C;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    margin-top: 4px;
}

.page-news__content .news__item:first-child .news__text{
    font-size: 18px;
    line-height: 28px
}

.news-nav_wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 135px;
    align-self: stretch;
    width: 100%;
    margin-bottom: 50px;
}
 .news-nav_wrapper *{
    margin: 0;
}

 .news-nav_block{
    display: flex;
    justify-content: flex-end;
    width: 60%;
    gap: 250px;
}

 .news-nav_block .news_more_btn{
    display: flex;
    width: 200px;
    padding: 14px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 500px;
    background: #7FCC20;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    border: 2px solid #7FCC20;
}

 .news-nav_block .news_more_btn:hover{
    color: #7FCC20;
    background: #fff;
}

 .news-nav_block .pagination{
    display: flex;
    align-items: center;
    gap: 12px;
}

 .news-nav_block .pagination > a{
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px 10px 6px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1.5px solid #E6E8EC;
    margin: 0;
    color:#5A616C;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

 .news-nav_block .pagination > a.active{
    background: #0BB7E2;
    color: #fff;
}

 .news-nav_block .pagination > a:hover{
    border-color: #B6BDC9!important;
    background: #fff!important;
    color:#5A616C;
}

 .news-nav_block .pagination > a.prev, .news-nav_block .pagination > a.next{
    border: none;
    width: 24px;
    height: 24px;
}

 .news-filter{
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #E6E8EC;
    background:#FFF;
    color: #111827;
    font-size: 16px;
    line-height: 24px;
}

 .news-filter span{
    color: #5A616C;
    font-size: 14px;
    line-height: 20px;
}

 .news-filter.active, .news-filter.active span{
    background: #F5FCFE;
    border: none;
    color: #0BB7E2;
}

 .news-filter:hover{
    background: #F5F6FB;
    color: #111827;
}

 .news-filter:hover span{
    color: #5A616C;
}